Prošlo je 10 mjeseci otkako smo predstavili Page Builder Sandwich javnosti. Sada imamo oko 6.000 aktivnih instalacija, što je za nas prilično postignuće. Zbog toga smo dobili i mnoštvo povratnih informacija, i dobrih i loših. Međutim, opći je dojam da ljudi uživaju u tome koliko je jednostavno graditi rasporede i stvarati sadržaj u usporedbi s drugim kreatorima stranica na tržištu.
Velik dio povratnih informacija koje smo primili bili su zahtjevi za novim funkcijama, a mnoge od njih dodali smo u proteklih nekoliko mjeseci. No, dok smo to radili, u tom smo procesu također počeli polako mijenjati korisničko sučelje. I posljedično, mijenjali smo i korisničko iskustvo… nagore. Ipak, došlo je do točke u kojoj smo morali ponovno promisliti o sučelju, jer jednostavno više nije radilo glatko, a različite se funkcionalnosti također nisu dobro uklapale u njega.
Zastarjelo sučelje
U prethodnim verzijama PBS-a željeli smo da sve bude u obliku gumba. Zašto? Zato što su gumbi jednostavni za korištenje. Jednostavno… kliknete na njih. U starijim verzijama inspektora (bočna traka na gornjoj slici), klik na gumb povećao bi vrijednost, a shift+klik bi je smanjio. To zvuči prilično jednostavno. No, s dodavanjem vrtuljaka (carousels), kartica, karata i drugih novih elemenata i značajki, svi ti gumbi postali su zbrka različitih ikona s različitim dizajnom te su pomalo počeli nalikovati na hijeroglife, a ne na privlačno sučelje. To nije bio problem za iskusne korisnike, ali izgleda prilično zastrašujuće ako ste novi u PBS-u.
Zatim se pojavilo nekoliko problema u inspektoru. Izvorna je ideja bila učiniti sve jednostavnim i dostupnim unutar inspektora. A pod svime, mislio sam na sve – od pretvaranja teksta u naslove, do promjene boja pozadine, boja fonta, čega god se sjetite. Međutim, u svom trenutnom stanju inspektor sada sadrži mnoštvo opcija zbog kojih stalno morate koristiti kotačić miša za pomicanje gore i dolje. Prilično različito od inspektora kakvog sam se prvotno nadao napraviti za korisnike.
Konačno, nedavno smo uveli mapiranje kratkih kodova za vaše omiljene dodatke. Ova je značajka zahtijevala stvaranje tekstualnih polja, klizača za brojeve, potvrdnih okvira i dodatnih novih vrsta opcija potrebnih kako bi vaše iskustvo uređivanja kratkih kodova bilo ugodnije. U početku je to bila dobra ideja, i da, olakšala vam je upravljanje kratkim kodovima. Ali opet, ova je značajka odstupala od našeg sučelja koje se temeljilo „samo na gumbima”. Gledajući unatrag, doista je bilo nemoguće koristiti samo gumbe za promjenu atributa kratkih kodova. Sada, u najnovijoj verziji, završili smo s dvije vrste kontrola: gumbima i poljima za kratke kodove.
Postoji još nekoliko razloga zbog kojih smo odlučili da naše sučelje više nije učinkovito (ili prikladno za naše potrebe), ali gore navedene točke su glavne. Ipak, jedna je stvar uvijek bila sigurna: znali smo da moramo ažurirati sučelje.
Definiranje kako bi kreator stranica trebao idealno funkcionirati
Umjesto da odmah uskočimo i mijenjamo stvari, napravili smo stotinu koraka unatrag kako bismo sagledali cjelokupno iskustvo rada s kreatorom stranica. Željeli smo udahnuti novi život sučelju. Iskreno, nismo ga željeli iznova graditi iz godine u godinu. To je iscrpljujuće i definitivno ne donosi značajnu pomoć WordPress zajednici. Ovaj put odlučili smo raditi stvari polako i pažljivo. Proučili smo svaki kutak Page Builder Sandwicha i ono što ga čini dobrim alatom za izradu stranica, te smo naposljetku uobličili cijelo iskustvo uređivanja u nekoliko temeljnih koncepata.
Temeljni koncept br. 1: Izravno upisivanje u sadržaj radi uređivanja
Jedan od glavnih razloga za instaliranje page buildera jest izlazak iz ograničenja pozadinskog uređivača teksta u WordPressu. Nije da pozadinski uređivač nije dobar, ali pri izradi web stranica ne prikazuje vam odmah kako bi vaša stranica izgledala posjetiteljima, niti vam omogućuje raspoređivanje sadržaja izvan formata jednog stupca. Tamo možete vidjeti samo svoj tekst i poneku sliku, ali ništa od složenijih elemenata (npr. kontaktne obrasce). Možete dodati kratke kodove, da, ali oni se neće prikazati u svom konačnom obliku*.
* Postoje dodaci drugih autora koji ovo rješavaju, kao što je Shortcake UI, ali to nije bitno za ovu temu.
Tu na scenu stupaju frontend kreatori stranica. Oni izvlače iskustvo uređivanja iz pozadine na sučelje, pri čemu uređujete svoju stranicu točno onako kako bi je posjetitelji uistinu vidjeli. Kako bi to Pippin sročio: Ono što vidiš je ono što dobiješ (WYSIWYG).
Druga dobra stvar kod frontend uređivača jest to što vam omogućuje izravno uređivanje teksta. Pisanje naslova i odlomaka pruža jednostavnost uobičajenog programa za obradu teksta pri izradi web stranica. Oznake na gumbima i karticama također bi trebale biti promjenjive jednostavnim klikom na njih i tipkanjem.
To je područje u kojem većina drugih kreatora stranica ne pruža dobre rezultate. Većina vas prisiljava da pišete unutar tekstualnog polja kako biste sve uredili. Opet, to ne bi trebao biti slučaj kod pravih frontend alata za izradu stranica. Izravno tipkanje i uređivanje teksta bila je jača strana Page Builder Sandwicha od verzije 2, a pobrinuli smo se da to ostane i u verziji 3.
Temeljni koncept br. 2: Korištenje miša za brze prilagodbe
Miš je moćan alat koji se u kreatorima stranica često zanemaruje. Često ga kreatori stranica koriste samo kako bi omogućili ljudima povlačenje i ispuštanje elemenata na različita mjesta ili klikanje na gumbe i polja za unos. Iako je to u redu, postoji toliko toga više što možete učiniti s mišem u smislu izrade stranica.
Kao prvo, postoji sjajna vizualna povratna informacija pri korištenju miša kao alata za uređivanje stranice, posebno pri podešavanju vizualnih svojstava poput margina, unutarnjih razmaka i veličina. Sada prilagođavanje elemenata postaje prirodno iskustvo.
U verziji 3 PBS-a moći ćete prilagoditi niz stvari pomoću miša. Možete podesiti margine/razmake između pojedinačnih elemenata, unutarnje razmake unutar svojih stupaca, kao i veličine slika, ikona i karata. Također smo gumbe koji vam omogućuju promjenu numeričkih vrijednosti zamijenili klizačima.
Temeljni koncept br. 3: Tekst bi trebao biti jednostavan za stiliziranje
Ako se odmaknete korak od monitora, primijetit ćete da je većina onoga što dodajete na svoje web stranice tekstualni sadržaj. Da, imamo slike i ikone koje ga prate – a u zadnje vrijeme skloni smo dodavati veće slike na naše stranice. No, većina važnog sadržaja je tekst: naslovi, popisi s grafičkim oznakama, odlomci, citati itd. Uz to ide i način na koji stiliziramo tekst kako bi odgovarao našem dizajnu. Mijenjamo im veličine i boje ili ih činimo podebljanima ili kurzivnima. To je zato da naš sadržaj bude čitljiviji, relevantniji i privlačniji našim čitateljima.
Budući da često stiliziramo tekst, gumbi koji nam omogućuju promjenu stilova trebali bi biti vrlo pristupačni. Ne bi trebali biti skriveni unutar skočnog prozora koji prvo moramo otvoriti. Većina kreatora stranica pati od te bolesti. Kako bi njihovo korisničko sučelje bilo označeno kao „bez nereda”, čak su i najkorištenije opcije skrivene od pogleda.
Kako bismo to riješili, pogledali smo najčešće korištene programe za obradu teksta. Primijetili smo da obično imaju red s mnoštvom gumba blizu vrha zaslona koji se koriste za formatiranje teksta, pa smo kopirali isti raspored za verziju 3. Sada imamo red svih gumba za stiliziranje teksta koji je uvijek prisutan na vrhu vašeg zaslona. To čini stiliziranje uistinu brzim i gotovo prirodnim u uređivanju teksta.
Temeljni koncept br. 4: Napredne opcije stiliziranja trebale bi biti fleksibilne, a opet jednostavne za razumijevanje
Suština kreatora stranica jest to da ljudima omogući jednostavno stvaranje zadivljujućih dizajna. To znači da bismo trebali pružiti mnoštvo različitih postavki i opcija bez nametanja strme krivulje učenja. Mogućnost podešavanja margina, razmaka i stiliziranja teksta je sjajna, ali to ima svoje granice. Trebat će vam znatno složenije opcije da obavite posao, opcije poput pozadinskih slika, uzoraka, obruba, fiksnih pozadina i još mnogo toga. Gomilanje svih tih različitih postavki može postati pomalo preopterećujuće, pa smo neke od njih pojednostavili i organizirali u kategorije kako bi stvari u verziji 3 bile pristupačnije.
Temeljni koncept br. 5: Podrška za kratke kodove
Konačno, nemojmo zaboraviti da naš kreator stranica počiva na WordPressu. Trebali bismo prigrliti platformu i njezine značajke, a ne ih ograničavati ili odstupati od njih. Jedna ogromna značajka koju WordPress pruža jesu kratki kodovi. To ne znači da bi se cijeli sadržaj trebao sastojati od kratkih kodova – to bi bilo neuredno – već bismo jednostavno trebali biti kompatibilni s njima. Mnogi dodaci i teme koriste kratke kodove i bio bi veliki gubitak kada bismo ih sve ignorirali. Zapravo, kratki kodovi daju korisnicima najveću moguću fleksibilnost pri izradi stranica.
Prije nekoliko tjedana uveli smo naš sustav mapiranja kratkih kodova i zahvaljujući tome mapirali smo stotine kratkih kodova iz stotina dodataka. Prioritet smo dali najpopularnijim dodacima koji se nalaze u direktoriju dodataka za WordPress, pa je velika vjerojatnost da ćete na njih naići na vlastitim stranicama. To je u verziji 3 samo ojačano i nastavit ćemo to unaprjeđivati u budućnosti.
Zaključak
Uzeli smo sva ta navedena ključna svojstva i ugradili ih u Page Builder Sandwich verziju 3. To je najbolji kreator stranica koji smo dosad napravili za WordPress. Intuitivniji je i prirodniji za korištenje, radi brže, jednostavniji je za upotrebu i pristupačniji nego ikad.
Ako imate bilo kakvo mišljenje o nekoj ključnoj značajki za kreatore stranica, javite nam u komentarima u nastavku.