Kako izbjeći 11 web trendova opasnih za vašu stranicu?

Mnogo je istine u izjavi UX dizajnerice Kate Rutter:

Ružno, ali korisno je bolje od lijepog, a beskorisnog.

Slijedi nekoliko potencijalno opasnih trendova koje susrećem gotovo svakodnevno i neka pitanja koja si možete postaviti prije nego li donesete konačne odluke o njihovoj implementaciji.

1. Karuseli

Karuseli (carousels, image sliders) mogu biti efektni, ali se mogu pretvoriti i u pravu noćnu moru ako im se ne pristupi s oprezom. Posvetite vrijeme proučavanju karusela kako biste se uvjerili da ste se odlučili za ispravno rješenje. Prilikom implementacije karusela, zapitajte se sljedeće:

• Hoće li karusel donijeti pravu vrijednost korisniku?
• Ima li karusel previše ili premalo slideova da bi bio koristan?
• Jesu li svi slideovi lako dostupni? Jesu li lako dostupni i na mobilnim uređajima?
• Da li je animacija glatka u svim ciljanim browserima i na svim ciljanim uređajima?
• Da li je na svakom dijelu karusela očito da postoji još slideova za pregled?
• Jesu li točke i strelice koje označavaju da postoji još slideova jasne i omogućavaju li lak klik mišem ili dodir prstom?
• Šala mala — trebate li koristiti karusele?

2. Fiksirana zaglavlja

Na današnjim web stranicama često nailazimo na zaglavlja koja su “zalijepljena” na sami gornji rub stranice. Kako skrolamo niz stranicu, takva zaglavlja često ostaju iznad ostalih dijelova stranica i blokiraju nam pogled na sadržaj ispod njih. Čak i kod profesionalno izrađenih, skupih stranica, viđam zaglavlja koja su iznad 100 pixela visine, a teško mi je naći pravi razlog za to. Prije nego što zalijepite veliko zaglavlje na vrh vaše stranice, zapitajte se:

• Opravdava li tip i količina sadržaja “ljepljivo” zaglavlje?
• Zauzima li takvo zaglavlje previše mjesta? Onemogućava li ugodno pregledavanje stranice?
• Da li zaglavlje blokira sadržaj? Obratite posebnu pažnju na manje rezolucije! Budite sigurni da svi korisnici vaše stranice neće koristiti veliku rezoluciju.
• Može li se visina zaglavlja smanjiti bez narušavanja estetike sučelja?
• Leži li rješenje u implementaciji “ljepljivog” zaglavlja samo na velikim rezolucijama?

Ljubitelj sam stranice Greyp bicikala, no nešto manje i njezinog zaglavlja, koje zauzima velik dio stranice i fiksirano je za vrh. Način prezentacije opravdava zalijepljeno zaglavlje, no ono bi svakako moglo biti manje.

3. Flat dizajn

Flat dizajn je trenutno vrlo popularan, no može biti vrlo opasan — iako je takvom dizajnu cilj pojednostaviti sučelje, ako mu oduzmete previše, sučelje činite težim za korištenje. Sigurno je pojednostaviti sučelje tek ako ga korisnik može lako koristiti. Zapamtite, nađite ravnotežu između onog što se čini lijepo i onog što se koristi bez poteškoća. Prije nego što se odlučite pojednostaviti dizajn, zapitajte se:

• Je li funkcija elemenata sučelja (obrasci, gumbići, itd.) dovoljno jasna?
• Hoće li flat dizajn olakšati ili otežati korištenje sučelja?
• Bi li sučelje bilo lakše za korištenje (a korisničko iskustvo bolje) uvođenjem suptilnih sjena i gradijenata?
• Je li vizualna hijerarhija dovoljno jasna?

4. Parallax efekti

U parallax efektima “uživamo” već dulje vrijeme i čini se da će tako još neko vrijeme ostati. Klijenti ih vole, a čini se da ih vole i dizajneri, no vole li ih i korisnici? Budite vrlo oprezni da ne pretjerate sa parallax efektima, te se upitajte i istražite:

• Ometa li parallax moje korisnike?
• Funkcioniraju li takvi efekti i na mobilnim uređajima?
• Da li se takvi efekti loše odražavaju na brzinu učitavanja i performanse stranice?
• Isplati li se (vremenski i financijski) razvijati stranicu s parallax efektima?
• Kakva je konkretna korist takvih efekata za moje korisnike?

5. Tanki fontovi

Sve češće možemo naići na tanke (thin i light) stilove pisama na web stranicama. Jedan od osnovnih ciljeva bilo kojeg teksta je da bude čitljiv, a takvi fontovi mogu imati negativan utjecaj na čitljivost. Imajte na umu da će vaše stranice pregledavati korisnici na čijim se uređajima tanki fontovi možda neće savršeno prikazivati. Mogu vam reći da vrlo često imam poteškoća sa čitanjem teksta prikazanog u thin i light varijantama na svom iPadu i iPhoneu sa retina rezolucijom — ponekad su jednostavno pretanki da bi ih se lako čitalo. Prije nego što se odlučite stanjiti fontove, zapitajte se sljedeće:

• Hoće li tanki fontovi učiniti tekst više ili manje čitljivim?
• Je li tekst lako čitati i na mobilnim uređajima na dnevnom svjetlu?
• Jeste li testirali čitanje različitih težina fonta kako biste se uvjerili koja je najučinkovitija?
• Ako je tanak font dodatni font koji morate učitavati, isplati li vam se to s obzirom na brzinu učitavanja stranice?

Stranice Vaba banke koriste tanko pismo u većem dijelu svog sadržaja. Tanko pismo ponekad nije lako čitati, posebice na nekim mobilnim uređajima. Ako imate iPhone sa retina rezolucijom, iziđite na danje svjetlo i pokušajte sami.

6. Ogromne (full-screen) fotografije i video isječci

Još jedan potencijalno opasan web trend su fotografije i video isječci koji zauzimaju kompletan ekran. Takvi ukrasi često ne pružaju pravu vrijednost, a utječu na iskoristivost stranice. Prije nego što se odlučite na implementaciju takvih ukrasa, istražite sljedeće:

• Hoće li ogromne fotografije i video isječci olakšati ili otežati korištenje stranice?
• Jesu li zbunjujući i usporavaju li korisnika u pregledavanju stranice?
• Je li sadržaj koji se nalazi iznad njih lako prepoznatljiv i čitljiv?
• Utječu li takvi medijski zapisi na brzinu učitavanja stranice?
• Koji su točno plusevi, a koji minusi takvih fotografija i video isječaka?
• Možete li se isticati među konkurentskim stranicama s drugačijim rješenjem?

7. Otimanje skrola

Otimanje skrola je zasigurno jedan od mojih najomraženijih web trendova. Sputavanje korisnika u jednoj od osnovnih funkcija preglednika rijetko može završiti dobro. Ovaj trend na mene ima izrazito loš utjecaj — svaki puta kada naiđem na stranicu koja mi otme skrol, zatvorim ju bez razmišljanja. Budite sigurni, ovaj se trend neće dugo zadržati. Prije nego što implementirate ovakvo što, dobro se zapitajte:

• Hoće li otimanje skrola ponuditi bilo kakvu dodatnu vrijednost korisnicima?
• Hoće li nedostatak kontrole frustrirati korisnike?
• Je li otimanje skrola ono što korisnik očekuje?
• Koja je vrijednost za vas, a koja za korisnika od otimanja skrola?

8. Web fontovi

Tipografija na webu doživljava velik bum i trenutno imamo zaista velik izbor pisama na raspolaganju. Kao web dizajner koji je stranice počeo izrađivati kada je preporučeno bilo koristiti manje-više tri pisma (Georgiu, Verdanu i Arial), mogu vam poručiti da budite zahvalni na širokom izboru koji vam se nudi. No, nemojmo se prenagliti i budimo mudri kad biramo. Zapitajte se sljedeće:

• Podržava li pismo koje koristite dijakritike? Često viđam stranice koje koriste pisma koja ne podržavaju slova č, ć, đ, š i ž.
• Jeste li provjerili brzinu učitavanja stranice? Korištenje više pisama bi moglo značajno usporiti vašu stranicu.
• Ako koristite više pisama, Trebate li zaista sva pisma koja koristite?
• Da li je sav tekst na stranici lako čitljiv na svim ciljanim rezolucijama, operativnim sistemima i uređajima?

Osiguranje.hr koristi popularnu Proxima Novu, koji je zbog svojih karakteristika sjajan izbor, no font u primjeru ne prikazuje dijakritike, što bi moglo otežati čitanje, a svakako bi moglo ostaviti i loš dojam.

9. Sakrivena navigacija

Trend sakrivene navigacije dolazi iz svijeta malih ekrana. Na njima često vidimo takozvanu hamburger ikonicu (tri horizontalne crte), pritiskom na koju otvarate meni. Sada ju koristi i sve veći broj stranica na svim rezolucijama. No, je li skrivena navigacija zaista dobro rješenje? Prije nego što ju implementirate, istražite sljedeće:

• Da li sakrivena navigacija olakšava ili otežava pregledavanje stranice? Ako se navigacija često koristi, moguće je da usporava korisnika.
• Ako je navigacija sakrivena, zna li korisnik gdje se trenutno nalazi i kuda još može ići?
• Mali ekrani imaju vrlo dobar razlog za korištenje sakrivene navigacije, no jeste li istražili koje je najbolje rješenje za velike ekrane? Svakako testirajte više varijanti prije nego što se odlučite za implementaciju jednog od rješenja.

10. Ogromne reklame i pop-up prozori sa reklamama

Nikako da se riješimo ovog frustrirajućeg trenda, posebice na takozvanim portalima. Neke od najpopularnijih stranica na domaćem web prostoru koriste velik broj reklama, koje sasvim okružuju sadržaj ili ga čak i prekrivaju. Na korisnicima je da se nekako snađu i nađu izlaz iz labirinta reklama, kako bi došli do željenih informacija. Te su reklame sve češće video isječci, koji itekako ometaju pregledavanje. Nađete li se u situaciji da morate implementirati velik broj reklama na stranicu, zapitajte se:

• Otežavaju li reklame pregledavanje stranica?
• Prekrivaju li reklame sadržaj do kojeg korisnici žele doći? Postoji mogućnost da gubite dio korisnika, koji frustrirani odlaze sa vaše stranice.
• Jeste li proveli istraživanja koja dokazuju kako ciljana skupina ima određenu korist od reklama?
• Hoće li se na duge staze strategija implementacije velikog broja reklama pokazati neisplativom?

Reklame na jednom domaćem portalu, kojeg će gotovo svi prepoznati. Ovako on izgleda na mom laptopu. Za rubriku “vjerovali ili ne” — više od pola stranice zauzimaju reklame (označene zelenom bojom).

11. Tekstualni mamci i varke u naslovima

Za kraj, nešto malo drugačije. Siguran sam da ste naišli na naslove slične ovom: Otvorila je paket, a što se desilo nakon toga, nećete vjerovati. U pravilu, nakon što pročitate taj članak, shvatite da ste zagrizli mamac i da ste prevareni. Ovaj trend je zaista uzeo maha i sve ga češće viđamo. Prije nego li se odlučite za implementaciju ove metode, zapitajte se:

• Je li naslov zaista koristan i opisuje li o čemu se u članku radi?
• Imate li na umu optimizaciju za tražilice?
• Jeste li naslovom prevarili korisnike? Nema ništa loše u privlačnom naslovu, no ako ste njime prevarili korisnika, prešli ste granicu.

Privlačno nije uvijek isplativo

Ovim kratkim popisom nekih od potencijalno opasnih web trendova sam vas htio upozoriti na probleme s kojima biste se mogli suočiti prilikom izrade web stranica. Imajte na umu da ono što se na prvi pogled čini privlačno, na dulje staze možda nije isplativo. Slušajte svoje korisnike i prilagodite im se — zbog njih izrađujemo web stranice. Nastojte razmišljati kao vaš korisnik, izbjegavajte tamnu stranu i pobrinite se za kvalitetu pa rezultati sigurno neće izostati.