Прошло је 10 месеци откако смо представили Page Builder Sandwich јавности. Сада имамо око 6.000 активних инсталација, и то је за нас прилично велико достигнуће. Такође смо добили мноштво повратних информација, како добрих тако и лоших. Међутим, општи утисак је да људи уживају у томе колико је лако правити распореде и креирати садржај у поређењу са другим билдерима страница на тржишту.
Велики део повратних информација које смо добили били су захтеви за нове функције, и додали смо многе од њих током протеклих неколико месеци. Али како смо наставили то да радимо, такође смо у том процесу полако почели да мењамо кориснички интерфејс. И, последично, мењали смо и корисничко искуство… нагоре. Дошло је до тачке када смо морали поново да осмислимо интерфејс, јер једноставно више није радио глатко, а различите функције се нису добро уклапале са њим.
Превазиђени интерфејс
У претходним верзијама PBS-а, желели смо да све буде у облику дугмади. Зашто? Зато што су дугмад лака за коришћење. Само… кликнете на њих. У старијим верзијама инспектора (бочна трака на слици изнад), клик на дугме би повећао вредност, а shift+клик на дугме би је смањио. То звучи довољно једноставно. Али са додавањем карусела, картица, мапа и других нових елемената и функција, сва та дугмад су постала мешавина различитих иконица са различитим дизајном, и почела су да личе више на хијероглифе него на добар интерфејс. Ово није био проблем за искусне кориснике, али делује прилично застрашујуће ако сте нови у PBS-у.
Затим, појавило се неколико проблема у инспектору. Првобитна идеја је била да све буде једноставно и доступно унутар инспектора. А под „све“, мислио сам на све – од претварања текста у наслове, до промене боја позадине, боја фонта, шта год вам падне на памет. Међутим, у свом тренутном стању, инспектор сада садржи мноштво опција због којих морате стално да користите точкић миша за скроловање горе и доле. Прилично другачије од инспектора каквог сам се раније надао да ћу направити за кориснике.
Најзад, недавно смо унели мапирање кратких кодова за ваше омиљене прикључке. Ова функција је захтевала да креирамо текстуална поља, клизаче за бројеве, поља за потврду и додатне нове типове опција потребне да би ваше искуство уређивања кратких кодова било пријатније. У почетку је то била добра идеја, и да, олакшала вам је манипулисање кратким кодовима. Али опет, ова функција је одступила од нашег концепта интерфејса „само дугмад“. Гледајући уназад, заиста је било немогуће користити само дугмад за мењање атрибута кратких кодова. Сада, у најновијој верзији, завршили смо са 2 типа контрола: дугмадима и пољима за кратке кодове.
Постоји још неколико разлога због којих смо одлучили да наш интерфејс више није ефикасан (или прилагођен нашим потребама), али горе наведене тачке су главне. Једна ствар је ипак увек била сигурна: знали смо да морамо да ажурирамо интерфејс.
Дефинисање како би Page Builder идеално требало да функционише
Уместо да одмах улетимо и мењамо ствари, направили смо сто корака уназад да бисмо сагледали целокупно искуство коришћења page builder-а. Желели смо да удахнемо нови живот интерфејсу. Искрено, нисмо желели да наставимо да га изнова правимо из године у годину. То је исцрпљујуће и дефинитивно не доноси значајну помоћ WordPress заједници. Овог пута, одлучили смо да ствари радимо полако и пажљиво. Проучили смо сваки угао Page Builder Sandwich-а и шта га чини добрим билдером страница, и коначно смо целокупно искуство уређивања уобличили у неколико кључних концепата.
Основни концепт бр. 1: Куцање директно у садржају ради уређивања елемената
Један од главних разлога за инсталирање page builder-а јесте ослобађање од ограничења позадинског (backend) уређивача текста у WordPress-у. Није да позадински уређивач није добар, али када правите веб-странице, он вам не приказује одмах како би ваша веб-страница изгледала посетиоцима сајта, нити вам дозвољава да организујете свој садржај изван распореда од једне колоне. Тамо можете видети само свој текст и понеку слику, али ништа од сложенијих ствари (нпр. контакт форме). Можете додавати кратке кодове, да, али они се неће приказати у свом рендерованом облику*.
* Постоје додаци које су други направили како би решили овај проблем, као што је Shortcake UI, али то није суштина.
Ту на сцену ступају кориснички (front-end) билдери страница. Они износе искуство уређивања из позадинског дела на сам кориснички део, тако да ви уређујете свој сајт баш онако како ће га ваши посетиоци заиста видети. Како би то Пипин рекао: Оно што видите је оно што добијате (WYSIWYG).
Још једна добра ствар код front-end уређивача је то што вам омогућава да директно уређујете текст. Куцање наслова и пасуса пружа лакоћу коришћења уобичајеног програма за обраду текста при изради веб-сајтова. Ознаке на дугмадима и картицама такође би требало да се мењају једноставним кликом на њих и куцањем.
Ово је област у којој већина других page builder-а не даје добре резултате. Већина њих вас приморава да куцате унутар текстуалног поља да бисте уредили било шта. Опет, то не би требало да буде случај код правих front-end билдера страница. Директно куцање и уређивање текста представља јаку страну Page Builder Sandwich-а још од верзије 2, и постарали смо се да то буде задржано и у верзији 3.
Основни концепт бр. 2: Коришћење миша за брза подешавања
Миш је моћан алат који се често занемарује у билдерима страница. Најчешће га билдери страница користе да би омогућили људима да превлаче елементе и спуштају их на различита места, или да кликћу на дугмад или поља за унос. Иако је то у реду, постоји толико тога што можете урадити са мишем у погледу израде страница.
Као прво, постоји сјајна визуелна повратна информација при коришћењу миша као алата за уређивање странице, нарочито приликом подешавања визуелних својстава као што су маргине, унутрашњи размаци (padding) и величине. Сада прилагођавање ваших елемената постаје природно искуство.
У PBS верзији 3, моћи ћете да подесите бројне ствари користећи миш. Можете подешавати маргине/размаке између појединачних елемената, унутрашње размаке унутар колона, као и величине слика, иконица и мапа. Такође смо дугмад која вам омогућавају промену нумеричких вредности заменили клизачима.
Основни концепт бр. 3: Стилизовање текста треба да буде лако
Ако се мало одмакнете од монитора, приметићете да је већина онога што додајете на своје веб-странице текстуални садржај. Да, имамо слике и иконице које га прате – а у последње време тежимо да додајемо веће слике на наше сајтове. Али већина важног садржаја јесте текст: наслови, листе са тачкама, пасуси, цитати, итд. Поред тога иде и начин на који стилизујемо наш текст како би одговарао нашем дизајну. Или мењамо њихову величину и боју, или га подебљавамо или правимо курзивом. Све ово чини наш садржај читљивијим, релевантнијим и атрактивнијим за наше читаоце.
С обзиром на то да често стилизујемо текст, дугмад која нам омогућавају промену стилова треба да буду веома приступачна. Не би требало да буду сакривена унутар искачућег прозора који прво морамо да отворимо. Већина page builder-а пати од ове бољке. Да би њихов кориснички интерфејс био означен као „прегледан“, чак и најчешће коришћене опције су сакривене од погледа.
Да бисмо ово решили, погледали смо најчешће коришћене програме за обраду текста. Приметили смо да они обично имају ред са мноштвом дугмади при врху екрана која служе за форматирање текста, па смо исти тај распоред пренели у верзију 3. Сада имамо ред са свим дугмадима за стилизовање текста који је увек присутан на врху вашег екрана. Ово чини стилизовање заиста брзим и потпуно природним приликом уређивања текста.
Основни концепт бр. 4: Напредне опције стилизовања треба да буду флексибилне, али једноставне за разумевање
Суштина page builder-а је у томе да омогући људима да лако креирају изванредне дизајне. То значи да треба да пружимо мноштво различитих подешавања и опција без наметања стрме криве учења. Могућност подешавања маргина, унутрашњих размака и стилизовања текста је одлична, али то није довољно за све. Биће вам потребне много сложеније опције да бисте обавили посао, опције као што су позадинске слике, шаре, оквири, фиксне позадине и још много тога. Слагање свих тих различитих подешавања може бити помало преплављујуће, па смо нека од њих поједноставили и организовали у категорије како бисмо ствари учинили приступачнијим у верзији 3.
Основни концепт бр. 5: Подршка за кратке кодове
Најзад, не заборавимо да се наш билдер страница ослања на WordPress. Треба да прихватимо платформу и њене функције, а не да их ограничавамо или одступамо од њих. Једна огромна функција коју WordPress пружа су кратки кодови. То не значи да цео садржај треба да се састоји од кратких кодова – то би било хаотично – већ да једноставно треба да будемо компатибилни са њима. Многи додаци и теме користе кратке кодове, и била би права штета занемарити их. У ствари, кратки кодови пружају корисницима највећу флексибилност када је у питању креирање страница.
Пре неколико недеља смо представили наш систем мапирања кратких кодова, и захваљујући томе мапирали смо на стотине кратких кодова из стотина додатака. Дали смо приоритет најпопуларнијим додацима који се налазе у WordPress директоријуму додатака, тако да постоји велика вероватноћа да ћете наићи на њих на сопственим сајтовима. Ово је само додатно ојачано у верзији 3, и наставићемо да унапређујемо ову функцију у будућности.
Закључак
Узели смо сва та горе наведена основна својства и уградили их у Page Builder Sandwich верзију 3. То је најбољи билдер страница који смо до сада направили за WordPress. Интуитивнији је и природнији за коришћење, ради брже, лакши је за употребу и пријатнији него икада раније.
Ако имате било каква размишљања о некој кључној функцији за page builder, обавестите нас остављањем коментара испод.