Imepita miezi 10 tangu tulipotoa Page Builder Sandwich kwa umma. Sasa tuna takriban usakinishaji 6,000 amilifu, na hilo ni fanikio kubwa sana kwetu. Tumepata pia maoni mengi sana kwa sababu yake, mazuri na mabaya. Hata hivyo, maoni ya wengi ni kwamba watu wanafurahia jinsi ilivyo rahisi kuunda mipangilio na kutengeneza maudhui yao ikilinganishwa na wajenzi wengine wa kurasa waliopo.
Sehemu kubwa ya maoni tuliyopata yalikuwa maombi ya vipengele, na tumeongeza vingi vya vipengele hivyo katika miezi michache iliyopita. Lakini tulipokuwa tukiendelea kufanya hivyo, tulianza pia kubadilisha kiolesura cha mtumiaji polepole katika mchakato huo. Na, kwa sababu hiyo, tulikuwa tukibadilisha pia uzoefu wa mtumiaji… kuwa mbaya zaidi. Hata hivyo, ilifikia hatua ambapo tulihitaji kufikiria upya kiolesura, kwa sababu hakikufanya kazi vizuri tena, na vipengele tofauti havikushirikiana vizuri nacho pia.
Kiolesura Kilichopitwa na Wakati
Katika matoleo ya awali ya PBS, tulitaka kila kitu kiwe katika mfumo wa vitufe. Kwa nini? Kwa sababu vitufe ni rahisi kutumia. Wewe tu… unavibofya. Kwenye matoleo ya zamani ya kichunguzi (upau wa kando kwenye picha hapo juu), kubofya kitufe kungeongeza thamani, kisha shift+kubofya kitufe kungeipunguza. Hiyo inaonekana rahisi vya kutosha. Lakini kwa kuongezwa kwa mizunguko ya picha, vichupo, ramani na vipengele na uwezo mwingine mpya, vitufe hivyo vyote viligeuka kuwa mchanganyiko wa aikoni tofauti zenye miundo tofauti, na kuanza kuonekana kama michoro ya hieroglifi badala ya kiolesura kizuri. Hili halikuwa tatizo kwa watumiaji wenye uzoefu, lakini linatisha sana kulitazama ikiwa wewe ni mgeni kwenye PBS.
Kisha, kulikuwa na matatizo kadhaa yaliyojitokeza kwenye kichunguzi. Wazo la awali lilikuwa kufanya kila kitu kiwe rahisi na kinachopatikana ndani ya kichunguzi. Na kwa kusema kila kitu, nilimaanisha kila kitu – kuanzia kubadilisha maandishi kuwa vichwa vya habari, hadi kubadilisha rangi za mandharinyuma, rangi za fonti, na kadhalika. Hata hivyo, katika hali yake ya sasa, kichunguzi sasa kina chaguo nyingi ambazo zitakufanya utumie gurudumu la kipanya kusogeza juu na chini mfululizo. Tofauti kabisa na kichunguzi nilichotarajia awali kuwatengenezea watumiaji.
Mwisho, hivi karibuni tulianzisha upangaji wa shortcode kwa programu-jalizi unazopenda. Kipengele hiki kilihitaji tutengeneze sehemu za maandishi, vitelezi vya nambari, visanduku vya kuteua, na aina mpya za ziada za chaguo zilizohitajika kufanya uzoefu wako wa kuhariri shortcode uwe wa kupendeza zaidi. Hapo awali, lilikuwa wazo zuri, na ndiyo, lilifanya ubadilishaji wa shortcode kuwa rahisi zaidi kwako. Lakini tena, kipengele hiki kilikengeuka kutoka kwenye kiolesura chetu cha “vitufe pekee”. Kikaguzi, ilikuwa haiwezekani kabisa kutumia vitufe pekee kubadilisha sifa za shortcode. Sasa, katika toleo la hivi punde, tuliishia kuwa na aina 2 za vidhibiti: vitufe na sehemu za shortcode.
Kuna sababu nyingine chache zilizotufanya tuamue kuwa kiolesura chetu hakikuwa na ufanisi tena (au hakikufaa mahitaji yetu), lakini mambo yaliyo hapo juu ndiyo makuu. Jambo moja lilikuwa hakika hata hivyo: tulijua kwamba tulipaswa kusasisha kiolesura.
Kufafanua Jinsi Mjenzi wa Kurasa Anavyopaswa Kufanya Kazi Kimsingi
Badala ya kurukia na kubadilisha mambo mara moja, tulirudi nyuma hatua mia moja ili kuangalia uzoefu mzima wa mjenzi wa kurasa. Tulitaka kuleta uhai mpya kwenye kiolesura. Kusema kweli, hatukutaka kuendelea kukijenga upya mwaka baada ya mwaka. Inachosha na bila shaka haileti msaada mkubwa kwa jumuiya ya WordPress. Wakati huu, tuliamua kufanya mambo polepole na kwa uangalifu. Tumesoma kila pembe ya Page Builder Sandwich na kile kinachoifanya kuwa mjenzi mzuri wa kurasa, na hatimaye kukuza uzoefu mzima wa uhariri kuwa dhana chache za kimsingi.
Dhana Muhimu #1: Kuandika Moja kwa Moja kwenye Maudhui Yako ili Kuhariri Vitu
Moja ya sababu kuu za kusakinisha mjenzi wa kurasa ni kuondokana na vikwazo vya kihariri maandishi cha backend cha WordPress. Si kwamba kihariri cha backend si kizuri, lakini wakati wa kuunda kurasa zako za wavuti, hakikuonyeshi mara moja jinsi ukurasa wako wa wavuti utakavyoonekana kwa wageni wa tovuti yako, wala hakikuruhusu kupanga maudhui yako nje ya mpangilio wa safu wima moja. Unaweza tu kuona maandishi yako hapo na baadhi ya picha, lakini hakuna chochote cha vitu vya kina zaidi (mf. fomu za mawasiliano). Unaweza kuongeza shortcodes, ndiyo, lakini hazitaonekana katika muundo wake ulioonyeshwa*.
* Kuna programu-jalizi zinazotengenezwa na wengine kushughulikia hili kama vile Shortcake UI, lakini hilo si suala kuu.
Hapo ndipo wajenzi wa kurasa wa frontend wanapoingia. Wanaleta uzoefu wa uhariri kutoka backend na kuuweka kwenye frontend, huku ukihariri tovuti yako jinsi wageni wako watakavyoiona hasa. Kama Pippin anavyosema: Unachokiona ndicho unachopata (WYSIWYG).
Jambo lingine zuri kuhusu kuwa kihariri cha frontend ni kwamba kinakuruhusu kuhariri maandishi yako moja kwa moja. Kuandika vichwa vya habari na aya kunaleta urahisi wa kutumia kichakataji maneno cha kawaida katika ujenzi wa tovuti. Vitufe na lebo za vichupo vinapaswa pia kubadilika kwa kubofya tu na kuandika.
Hili ndilo eneo ambalo wajenzi wengine wengi wa kurasa hawafanyi vizuri. Wengi wao wanakulazimisha kuandika ndani ya sehemu ya maandishi ili kuhariri kila kitu. Tena, hili halipaswi kuwa hivyo katika wajenzi halisi wa kurasa wa frontend. Kuandika na kuhariri maandishi moja kwa moja imekuwa nguzo kuu ya Page Builder Sandwich tangu toleo la 2, na tulihakikisha kuwa hili bado linadumishwa katika toleo la 3.
Dhana Muhimu #2: Kutumia Kipanya kwa Marekebisho ya Haraka
Kipanya ni zana yenye nguvu ambayo mara nyingi hupuuzwa katika wajenzi wa kurasa. Mara nyingi, wajenzi wa kurasa hukitumia kuwaruhusu watu kuburuta vitu na kuviweka katika maeneo tofauti, au kubofya vitufe au sehemu za kuingizia data. Ingawa hii ni sawa, kuna mengi zaidi unayoweza kufanya na kipanya katika masuala ya ujenzi wa kurasa.
Kwanza kabisa, kuna maoni mazuri sana ya kuona unapotumia kipanya kama zana ya kuhariri ukurasa, hasa katika kurekebisha sifa za kuonekana kama vile pambizo, nafasi za ndani na ukubwa. Sasa, kurekebisha vipengele vyako kunakuwa uzoefu wa kiasili.
Katika PBS toleo la 3, utaweza kurekebisha mambo kadhaa kwa kutumia kipanya chako. Unaweza kurekebisha pambizo/nafasi kati ya vipengele binafsi, nafasi za ndani ndani ya safu wima zako, pamoja na ukubwa wa picha, aikoni na ramani. Pia tumebadilisha vitufe vinavyokuruhusu kubadilisha thamani za nambari kuwa vitelezi.
Dhana Muhimu #3: Maandishi Yanapaswa Kuwa Rahisi Kuweka Mtindo
Ukichukua hatua nyuma kutoka kwenye kifuatiliaji chako, utagundua kuwa sehemu kubwa ya kile unachoongeza kwenye kurasa zako za wavuti ni maudhui ya maandishi. Ndiyo, tuna picha na aikoni humo ili kuyaambatana – na hivi karibuni tuna mwelekeo wa kuongeza picha kubwa zaidi katika tovuti zetu. Lakini idadi kubwa ya maudhui muhimu yote ni maandishi: vichwa vya habari, orodha zenye vitone, aya, nukuu, n.k. Sambamba na hilo ni jinsi tunavyoweka mtindo maandishi yetu ili kutosheleza miundo yetu. Tunaweza kubadilisha saizi na rangi zake, au kuyakoleza au kuyaweka katika mlazo. Hii ni ili kufanya maudhui yetu yawe rahisi kusomeka, yawe na maana, na ya kuvutia kwa wasomaji wetu husika.
Kwa sababu tunaweka mitindo kwenye maandishi mara kwa mara, vitufe vinavyoturuhusu kubadilisha mitindo vinapaswa kufikika kwa urahisi sana. Havipaswi kufichwa ndani ya kisanduku ibukizi ambacho tunahitaji kukifungua kwanza. Wajenzi wengi wa kurasa wanateseka na ugonjwa huu. Ili kiolesura chao cha mtumiaji kiitwe ‘kisicho na mrundikano’, hata chaguo zinazotumiwa zaidi hufichwa kutoka machoni.
Ili kutatua hili, tuliangalia vichakataji maneno vinavyotumiwa zaidi. Tuligundua kuwa huwa vina safu mlalo yenye vitufe vingi karibu na sehemu ya juu ya skrini inayotumika kuumbiza maandishi na tukanakili mpangilio huo huo kwa toleo la 3. Sasa tuna safu mlalo ya vitufe vyote vya mitindo ya maandishi inayopatikana kila wakati juu ya skrini yako. Hii inafanya uwekaji mtindo kuwa wa haraka sana na kama tabia ya asili katika uhariri wa maandishi.
Dhana Muhimu #4: Chaguo za Juu za Uwekaji Mtindo Zinapaswa Kuwa Rahisi Kubadilika Lakini Rahisi Kueleweka
Jambo la msingi kuhusu mjenzi wa kurasa ni kwamba anapaswa kuwaruhusu watu kuunda miundo maridadi kwa urahisi. Hii ina maana kwamba tunapaswa kutoa mipangilio na chaguo nyingi tofauti bila kusababisha ugumu wa kujifunza. Kuweza kurekebisha pambizo, nafasi za ndani na kuweka mtindo maandishi ni mambo mazuri, lakini hayo yanaweza kufanya mambo machache tu. Utahitaji chaguo za kina zaidi ili kukamilisha kazi, chaguo kama vile picha za mandharinyuma, ruwaza, mipaka, mandharinyuma thabiti na mengineyo. Kurundika mipangilio hiyo yote tofauti kunaweza kulemea kidogo, kwa hivyo tumerahisisha baadhi yake na kuzipanga katika kategoria ili kufanya mambo yawe rafiki zaidi katika toleo la 3.
Dhana Muhimu #5: Usaidizi wa Shortcode
Mwisho, tusisahau kwamba mjenzi wetu wa kurasa anasimama juu ya WordPress. Tunapaswa kukumbatia jukwaa na vipengele vyake na si kuvizuia au kukengeuka kutoka navyo. Kipengele kimoja kikubwa ambacho WordPress hutoa ni shortcodes. Haimaanishi kwamba maudhui yote yanapaswa kuwa na shortcodes – hiyo ingekuwa fujo – lakini badala yake tunapaswa tu kuwa sambamba nazo. Programu-jalizi na mandhari nyingi hutumia shortcodes, na itakuwa hasara kubwa tukizipuuza zote. Kwa kweli, shortcodes huwapa watumiaji unyumbufu mkubwa zaidi linapokuja suala la kuunda kurasa.
Tulianzisha mfumo wetu wa upangaji wa shortcode wiki chache zilizopita, na kwa sababu hiyo tumepanga mamia ya shortcodes kutoka mamia ya programu-jalizi. Tumeweka kipaumbele kwa programu-jalizi maarufu zaidi zinazopatikana kwenye saraka ya programu-jalizi ya WordPress, kwa hivyo kuna uwezekano utakutana nazo kwenye tovuti zako mwenyewe. Hili limeimarika zaidi katika toleo la 3, na tutaendelea kuliboresha huko mbele.
Hitimisho
Tumechukua sifa zote hizo muhimu hapo juu na kuziunda katika Page Builder Sandwich toleo la 3. Ndio mjenzi bora wa kurasa tuliowahi kumtengeneza kwa ajili ya WordPress kufikia sasa. Ni rahisi zaidi kueleweka na ya asili zaidi kutumia, inafanya kazi haraka zaidi, ni rahisi zaidi kutumia, na ni rafiki zaidi kuliko hapo awali.
Ikiwa una maoni yoyote kuhusu kipengele muhimu cha mjenzi wa kurasa, tujulishe kwa kutoa maoni hapa chini.