Postovi koji sadrže tag ‘omnichannel’

UX/UI Savjeti: Kako izbjeći najčešće UX i UI pogreške

 

SEO Savjeti: Optimizacija Ključnih Riječi za bolji rang

Kako izbjeći najčešće UX i UI pogreške

U praksi često susrećemo UX i UI pogreške u dizajnu raznih web stranica. Promišljenim pristupom, analizom stranice i ponašanja korisnika, te konstantnim testiranjem i optimizacijom sadržaja se te greške mogu smanjiti ili čak u potpunosti izbjeći. U ovom članku ćemo ponuditi rješenja za neke od najčešćih pogrešaka iz prakse. Pravovremeni ispravci grešaka rezultirat će većim zadovoljstvom korisnika i boljim rezultatima poslovanja.

Razlika između UX i UI

Započet ćemo s otkrivanjem značenja ovih akronima. UX (eng. User Experience) definira proces i skup tehnika kojima je web stranica prilagođena posjetitelju kako bi se postigao optimalni učinak stranice. Drugim riječima, prilagodba dizajna web stranice i njenih elemenata kako bi bila što lakša za korištenje i postigla željeni rezultat kod korisnika. UI (eng. User Interface) je blizak termin, i odnosi se na predstavljanje web stranice i njenih elemenata publici na razumljiv i jedinstven način, tako da kreira jasnu sliku o brendu tog proizvoda/kompanije. UI dizajn vizualnim tehnikama i interaktivnim elementima stvara tijek kojim navodi korisnika kroz sučelje stranice.

Možemo reći da su UX tehnike više tehničke i analitičke naravi za koje je u praksi zadužen front-end developer, dok su UI tehnike više u dodiru s grafičkim dizajnom. UX je odgovoran za dobro funkcioniranje elemenata stranice, dok je zadatak UI dizajna da ti elementi stvaraju koheziju i skladno pričaju priču stranice. Ova dva elementa se u praksi isprepleću, i jedan bez drugoga ne mogu zasebno funkcionirati. Stoga ćemo u ovom blogu obraditi neke od najčešćih pogrešaka koje imaju dodirne točke i u UX i UI dizajnu.

Jedinstveno iskustvo na različitim platformama

Engleska riječ za postizanje jedinstvenog korisničkog iskustva web stranice na različitim platformama ili uređajima se zove ‘Omnichannel experience’. To u praksi znači da, bez obzira koji uređaj posjetitelji koristili da bi učitali vašu stranicu, bilo da je riječ o desktopu, laptopu, mobitelu ili tabletu, njihovo iskustvo mora biti isto. Posjetitelj mora imati pristup svim elementima na mobilnoj verziji, brzo i jednostavno kao i na desktop verziji, bez potrebe za skrolanjem i zumiranjem radi bolje čitljivosti teksta i linkova. Zbog tog je nužno da vaša web stranica bude responzivna, odnosno prilagođena svim navedenim uređajima!

Ukoliko koristite neku od CMS platformi, poput WordPress-a ili Joomle, prilagođenu stranicu možete imati onoliko brzo koliko vam treba za instaliranje responzivne teme. Ako pak imate programiranu stranicu, responzivni programerski okviri poput Bootstrap, Skeleton ili Foundation će vam uvelike olakšati i ubrzati proces pisanja novog koda. Donja slika vizualno predstavlja razlike između responzivnog i neresponzivnog prikaza web stranice na mobilnom uređaju.

Prikaz web stranice: ne-responzivne vs responzivne - UX i UI pogreške

Izvor: http://michaelsoriano.com/10-common-uiux-mistakes-and-how-to-avoid-them/

Uočljiva i jednostavna navigacija

Posjetitelji Vaše stranice žele informacije i žele ih odmah! Pružite im jednostavnu i lako uočljivu navigaciju kako ne bi gubili vrijeme na snalaženje među šumom podataka. Dizajnirajte navigaciju tako da posjetitelj dođe kamo želi u što manje klikova.

Prvi korak u kreiranju dobre navigacije je usporedba vlastite navigacije s navigacijom konkurentske stranice. Pretražite nekoliko konkurentskih stranica, zapisujući sve ‘pluseve’ i ‘minuse’ iz perspektive Vas kao korisnika – jeste bili zbunjeni podjelom kategorija, je li svaki link funkcionirao, koliko brzo ste došli do tražene informacije i slično. Zatim se vratite na svoju stranicu i usporedite svoje doživljaje s iskustvom na vlastitoj stranici. Još bolja opcija za testiranje Vaše navigacija je vlastita analitika stranice. Proučite kako se korisnici vaše stranice snalaze u navigaciji pomoću kategorije ‘Ponašanje’ u Google Analytics sučelju. Tamo možete vidjeti na kojim to pod-stranicama najčešće posjetioci izlaze s web-a, kakav je tok korisnika na webu i slično. Primijetite li čudne obrasce i preveliki bounce rate možda je vrijeme da preispitate funkcioniranje vaše navigacije.

Kako bi vam pomogli u testiranju navigacije, navest ćemo neke od točaka provjere ispravnosti:

  • Konstantnost

    za što lakšu uočljivost, navigacija se treba pojavljivati na jednak način i na istom mjestu na svim pod-stranicama weba

  • Klikabilnost

    sve kategoričke podjele navigacije trebaju biti klikabilni linkovi 

  • Jasna podjela kategorija

    sve kategorije i potkategorije navigacije moraju biti jasno odijeljene grafički

  • Točni nazivi

    korisnik mora znati što ga očekuje i prije nego klikne na link navigacije po nazivu linka

Relevantan sadržaj

U očima korisnika nema goreg scenarija nego kad web stranica koju posjeti s ciljem informiranja ili kupnje nema strukturiran i relevantan sadržaj. Što god imate reći, recite to jednostavno i u par rečenica! Prosječan korisnik ima vrlo kratak attention span, odnosno period u kojem imate njegovu pozornost, stoga nema potrebe da natrpavate sadržaj stranice nepotrebnim elementima. Ako je korisnik došao kupiti majicu, nema potrebe da mu na istoj stranici nudite i mobitel ili ga obasipate reklamama nevezanima za sadržaj. Svijetleći i pop-up oglasi koji iskaču nasred ekrana i preveliki broj formi s različitim call-to action linkovima na istoj stranici odvlače pažnju od onoga što je bitno. U fokusu mora biti ono zbog čega je korisnik i došao, ništa više od toga.

Na ovom primjeru stranice koja nudi feng-shui uređenje interijera možete vidjeti kako oglasi za kreme protiv starenja i preveliki Facebook box odvlače pažnju od onoga po što je korisnik stvarno došao.

Primjer web stranice s nerelevantnim i prenatrpanim sadržajem

Raščlanjivanje informacija

Važno je znati da korisnici ne čitaju sve što se nalazi na Vašem webu! Jednom kada dođu, u potrazi za nekom specifičnom informacijom, oni brzinski skeniraju web kako bi u što kraćem roku pronašli ono što ih zanima i zatim se fokusirali na to. Kako bi im pomogli da što prije nađu ono što traže i ne odustanu od potrage, dizajnirajte stranicu tako da važan sadržaj poput login forme, kontakt forme, free trial buttona, navigacije i sl., učinite centralnim ili istaknutim dijelom stranice. Postoje različite grafičke opcije kako da istaknete dio stranice. To možete učiniti postavljanjem raznih „buttona“, slika, ilustracija, ikona, istaknutih fontova i sl. Dolje možete vidjeti primjer isticanja “free trial” pomoću okvira s ugrađenim klikabilnim buttonom na web stranici EnvatoTuts+.

Primjer web stranice s istaknutim okvirom s „free trial“ opcijom

Različite veličine i tipovi fonta mogu uvelike pomoći korisniku u shvaćanju namjene nekog tekstualnog sadržaja. Primjerice, naslovi članaka su uvijek pisani najtamnijim i najvećim fontom, podnaslovi su pisani tamnijim fontom od ostatka teksta i odvojeni bijelim prostorom u paragrafe, nazivi autora mogu biti potpuno drugog tipa fonta i sl. Takva stilizacija teksta je jedan od temeljnih načela vizualne hijerarhije.

Primjer teksta web stranice s različitim veličinama i tipovima fonta radi naglašavanja namjene

Izvor: http://michaelsoriano.com/10-common-uiux-mistakes-and-how-to-avoid-them/

In – site pretraživači

Česta pogreška, koja se događa u praksi kod webova s unutarnjom pretragom, je ne blokiranje ostatka stranice prilikom filtriranja rezultata pretrage. Ako se stranica ne blokira, korisnici i dalje mogu unositi upite tijekom pretrage, što otežava rad filterima i može dovesti do pada pretraživača. Jednostavno rješenje ovog problema je dodavanje dodatnog sloja ili overlay-a kako bi blokirao daljnje aktivnosti korisnika. Dok se rezultati učitavaju, a korisnici čekaju, potrebno ih je na neki način obavijestiti o tijeku procesa. Dodavanje progress bara i/ ili poruke s objašnjenjem o tijeku procesa, možete spriječiti ljutnju korisnika i njihov preuranjen odlazak sa stranice. Uzimajući u obzir prosječnog korisnika web-a, obavijest o procesu bi trebala biti napisana jednostavnim, svakidašnjim rječnikom, a po želji se može i personalizirati ili uključiti ime brenda.

Primjer blokiranja web stranice postavljanjem dodatnog sloja – overlaya dok traje pretraživanje

Izvor: http://michaelsoriano.com/10-common-uiux-mistakes-and-how-to-avoid-them/

Forme i upitnici

U današnje vrijeme zaista nema puno web stranica koje nemaju postavljenu barem jednu formu za ispunjavanje. Svrha takvih formi je prikupljanje podataka o potencijalnim korisnicima u marketinške svrhe, no ponekad takve forme mogu biti prava gnjavaža za korisnike. Postavite sebe u situaciju posjetitelja svoje stranice – je li vaša forma preopsežna, trebaju li vam svi ti podaci, što je cilj te forme? Često se dogodi da su preopširne forme krivac za visoki bounce rate stranice.

Druga vrlo česta pogreška koja se tiče formi je da se ne mogu podnijeti klikom na tipku „Enter“. Ovo često iritira desktop i laptop korisnike koji vrlo brzo tipkaju i ne žele potrošiti dodatnu sekundu vremena na klikanje mišem kako bi podnijeli ili spremili dovršenu formu. Ovaj problem se može riješiti dodavanjem Javascript koda.

Primjer Javascript koda koji se umeće na web stranicu kako bi korisnici mogli spremiti formu tipkom "Enter"

Izvor: http://michaelsoriano.com/10-common-uiux-mistakes-and-how-to-avoid-them/

POVEŽITE SE S NAMA PUTEM DRUŠTVENIH MREŽA

KORISNIČKE STRANICE

Email adresa:

Lozinka:

KLIJENTI O NAMA

  • Sva pohvala na iznimno brzim reakcijama na upite, profesionalizmu, pouzdanosti i odnosu prema korisniku. Premašili ste naša očekivanja. Bravo!

  • Vladan PavkovićUdruga Sjedi 5

    Zahvaljujem na visokom angažmanu koji se vidi u odnosu prema nama i našim potrebama. Potpuno smo mirni i zadovoljni kod vas. Sjedi5.hr

  • Što reći, već godinama sam na Studio4web i moja iskustva su toliko pozitivna da bi svima na svijetu savjetovao S4W. Nikada nikakve greškice, ako se dogodi problem s moje strane stvar se riješi u 2-3 sata, što niti najveće svjetske hosting kompanije nisu u stanju napraviti. Ekipa iz S4W hvala Vam što zbog vas nema straha i brige oko svoji web stranice! Ostanite takvi i dalje!

  • Zadovoljstvo je raditi sa S4W jer sve eventualne probleme rješavaju u kratkom roku. Podrška je zaista fenomenalna!

  • Iznimno smo zadovoljni uslugom, pouzdanošću i brzinom odgovora od strane korisničke podrške. Svakako preporučujemo!

  • Gligo TomanovićGligo Tomanović

    Dugogodišnji sam korisnik usluga Studio4web-a i prilično sam zadovoljan. Radujem se nastavku uspješne saradnje.

  • Marijan RelkovićPlanet Računala

    Iznimno profesionalna i kvalitetna usluga. Vrlo brzo riješavanje problema. Daleko najozbiljniji i najpouzdaniji.

  • Antonio VukorepaKontrol biro d.o.o.

    Vrlo sam zadovoljan kompletnom uslugom, pogotovo kvalitetnom korisničkom podrškom.Na sve moje upite odgovorili ste u roku pola sata i riješili sva pitanja i probleme.

  • Jovica NikšićUdruga e-vinarstvo

    Zadovoljni smo brzinom odgovora na upite i suradnjom kroz ove 4g.

  • Davor PukljakFrontispis d.o.o.

    Izuzetno sam zadovoljan suradnjom. Svi korisnički upiti rješavaju se brzo i pouzdano.

  • Ivo KljajićKim - obrt

    Već nekoliko godina sam korisnik i zaista sam prezadovoljan. Korisnička podrška izuzetno brzo i korektno obavlja svoj posao i čitajući ostale komentare složio bih se s jednim korisnikom u mišljenju: "Zaista jedna poštena i odgovorna tvrtka u ovoj banani od države".

  • Emil MustaćEmil Mustać

    Nikakvih zamjerki. Sve se jednostavno i lako odradi preko korisnickog sucelja.

  • Pa mislim da se nemate u čemu još poboljšati, svoje ste usluge dotjerali do savršenstva. Nikad nisam vidjela da u Hrvatskoj itko radi kao Vi!!!! Kad bi svi u Hrvatskoj radili kao Studio4web, mogli bi biti mala Švicarska!!! Svaka čast!!!

  • Alida MezićKlaracomm d.o.o.

    Jako sam zadovoljna sa uvijek brzim i konkretnim odgovorima, uvijek 100 postotnim rješenjem problema. Vrlo ugodna suradnja, preporučam svakome tko želi/treba sigurno parkirane stranice.

  • Domagoj FrancDomagoj Franc

    Koristio sam puno domaćih i stranih hostinga ali Studio4web je moj omiljeni izbor

  • Jurica Kukovec

    Odlično! Bolji, pristupačniji, pregledniji, hosting i podršku nisam vidio... Samo tako dalje, imate moju punu podršku.

  • Davor NujicTRIVIUS d.o.o.

    Najbolji web hosting koji se može pronaći u regiji. Osobno sam ga preporučio svim svojim kolegama i poslovnim partnerima koji me pitaju gdje smjestiti svoju web stranicu. Brzinu supporta koju pružaju kolege iz Studia4Web može biti uzor svim drugim hosting providerima iz cijeloga svijeta, jednom riječju FASCINANTNO ;) Topla preporuka svima koji traže brz, kvalitetan, pouzdan i cijenovno JEFTIN webhosting!!!

  • Ivan SušanjIvan Sušanj

    Izvrsna usluga i odlična korisnička služba.

  • Desiree AgićDesiree Agić

    Imam odlično iskustvo s obzirom da je odlična podrška. Uvijek sam dobila brz odgovor kad sam imala pitanje ili problem. Ostanite takvi pa ću i dalje uvijek rado preporučivati Vaše usluge. Najbolje je što onda putem affiliate programa dobijem proviziju!

  • Ivica BrajkovićArke orbis j.d.o.o

    Odlični, brzi i pouzdani!

  • Davor ĐurinićDavor Đurinić

    Prezadovoljan sa uslugom. Nemam zamjerke. Samo tako nastavite. LP

  • Znate onaj osjećaj kada obučete jaknu, hlače ili nešto treće sto niste dugo nosili, gurnete ruku u džep, a kad ono, u džepu 100 kn? Jednak osjećaj se javlja pri poslovanju sa Studio4web-om. Od brzine odgovaranja na upite, ljubaznosti, stručnosti, cijena, širine ponude, dostupnosti servera, brzine servera, .... kod ove hosting tvrtke nema loše strane i veselim se dugogodišnjem poslovanju s njima.

  • Antonio BaškovićToni Informatika LTD

    Brza, pouzdana i kvalitetna tehnička podrška. Brza aktivacija svih usluga, same pohvale!

  • Sve što sam tražio sam i dobio. Bez ikakvih problema ili predugačkih čekanja. Korisnička podrška na visokoj razini. Reagira brzo i pruža informacije koje korisnik i očekuje dobiti.

  • Dominik PintarićDOPI DIZAJN j.d.o.o.

    Više od 5 godina surađujemo sa Studio4web-om i pokazali su se kao vodeća hosting tvrtka u Hrvatskoj. Inovativnost, znanje, iskustvo i stručnost su glavne prednosti ove tvrtke. SAMO NAPRIJED!

  • Branko Bralićwww.fotohr.com

    Jako sam zadovoljan otkada sam počeo koristiti vaše usluge. Jednostavno nemam nikakvih primjedbi. Sve se radi do kraja profesionalno i odgovorno.

  • Ivan MišićIvan Mišić

    Do sada najbolji hosting (ništa ne brane niti ograničavaju, svaki upit je riješen gotovo isti dan na zadovoljstvo mene kao korisnika). Preporučam svakome tko želi kvalitetan, ali povoljan hosting :)

  • Danijel Vranešićwww.jedanklik.com

    U kratko, vrlo sam zadovoljan s uslugom. Korisnička podrška je odlična i od velike pomoći. Cijene su i više nego prihvatljive. Vrhunska kvaliteta i niska cijena, vrlo sam zadovoljan!

  • Bernardo KlarićUdruga TOPNET Topusko

    Nemam primjedbi, a sviđa mi se ažurnost u odgovorima na probleme ili nedoumice.

  • Marino BobetićMarino Bobetić

    U višegodišnjem korištenju usluga Studio4web-a nikad se nisam osjećao uskraćen. Cijene su pristojne i pristupačne, služba za korisnike ljubazna i susretljiva. Nemojte se pokvariti i ostat ćemo skupa još dugo vremena ;)

  • Marinko Stanićwww.stanich.net

    Najpovoljnije cijene za stabilnu uslugu.Tehnička podrška brza i efikasna.Preporuke svima!

  • O suradnji sa Studio4web koja već traje 5 godina mogu samo reći sve najbolje izuzetna susretljivost brzina i profesionalnost, u svakom slučaju topla preporuka.

  • Hrvoje BušićMale stvari d.o.o.

    Fantastična, brza i kvalitetna usluga bez čekanja. Izuzetno ljubazan odnos i visoka razina ophođenja ne samo prilikom kupnje već i prilikom rješavanja problema. Čisto zadovoljstvo!

  • Hi, I love the Reward Points addon. Thanks for your great support and addons!

  • Luiza Gortanwww.marcana.info

    Sve što mi treba tu je. Podrška brza i efikasna (što mi je najbitnije). Omjer cijene i kvalitete savršen.

  • Marin Begićwww.popularpin.com

    Definitivno najkvalitetniji i najjeftiniji hosting na hrvatskom tržištu. Odličan support i puno dodatnih opcija (35% affiliate, reward points, plaćanje Paypalom). Samo nastavite, svaka čast!

  • Dean Hudoletnjakwww.boss-game.com

    Jednostavno najbolji hosting, podrška za 5. Moja preporuka svima !

  • Saša PantelićTURBO IT j.d.o.o.

    Najbolje hosting usluge sa povoljnom cijenom na ovim područjima. Podrška je izuzetna i ako tako ostane surađivat ćemo još dugo. Kao i prošle godine predlažem ih za Super brand.

  • Tomislav Ermanwww.zminj24.com

    Uptime odličan! Korisnička podrška brza,uljudna,profesionalna i ekspertna! Za svaku pohvalu!

  • Dražen PaunPAUN d.o.o.

    Definitivno najbolja usluga što se tiče web hostinga, registracija domena, brzih i korisnih odgovora na upite i zahtjeve. Toplo preporučam svima.

  • Ivona MačekIvona Maček

    Profesionalnost, brzina kod odgovora na upit i sve najbolje

  • Siniša BralićstroGo ITT d.o.o.

    Više no zadovoljavajuća razina podrške sastoji se od brzine, kvalitete i potpunosti odgovora na sva do sada postavljena pitanja.

  • Darko HlušičkaHD televizija

    Mnogi danas nose atraktivna imena svojih kompanija i hvale se da su profesionalci, no ja znam samo za jednog pravog: Studio4web. Hosting koji sam slučajno primijetio na jednoj stranici prije mnogo godina nisam niti jednom do sada pomislio promijeniti već sasvim suprotno - otvaram nove domene i hosting račune za sebe i klijente isključivo ovdje i niti na kraj pameti mi nije promijeniti ovako dobar hosting.

  • Marijan PericaImo-Consalt Rijeka

    Već godinama koristim usluge Studio4web-a. Zasigurno najbolja korisnička podrška koja se može dobiti kod nas. Preporučujem svima, sve pohvale... Miron svaka čast ... moje poštovanje !!!

  • Marko Glavićwww.mag.com.hr

    Već 6 godina, 24sata online, uz Studio4web. Ocjena, izvrstan(5)

  • Ažurnost na nivou, podrška odlična. Jedna od boljih hosting usluga u Hrvatskoj. Profesionalnost na nivou, pristupačnost odlična, samo naprijed.

  • Ena BičanićEna Bičanić

    Odlična, pouzdana, povoljna usluga i solidna podrška. Sve pohvale.

  • CloudLinux

  • cPanel

  • WHM

  • Roundcube

  • MySQL

  • PHP

  • phpMyAdmin

  • Apache

  • Nginx

  • Softaculous

Na sve cijene u EUR primjenjuje se fiksni tečaj 7.5345

© Copyright 2006-2022 Studio4web. Sva prava zadržana.