Click me
Transcribed

Anatomija upotrebljive web stranice

INFOGRAFIKA ANATOMIJA UPOTREBLJIVE* WEB STRANICE *čitaj: uspješne © Dario Šuveljak ŠTO JE WEB UPOTREBLJIVOST? ZAŠTO WEB UPOTREBLJIVOST? (ROI) BENEFITI WEB UPOTREBLJIVOSTI Web upotrebljivost (eng. web usability) je kvalitativan atribut koji Posjetitelji imaju svoja očekivanja, zahtjeve i ciljeve. Oni žele kupiti određeni proizvod, downloadati knjigu, registrirati se ili prijaviti na online seminar. Ako je upotrebljiva, web stranica čini razliku između uspješnog i neuspješnog izvršenog zadatka te u konačnici zadovoljnog ili frustriranog korisnika. Krajnji cilj upotrebljive web stranice je... Upotrebljiva web stranica može donijeti velike benefite / koristi za Vaš biznis. 1$. investiran u upotrebljivost vraća 10-100$ (izvor: IBM) određuje i procjenjuje koliko je jednostavno koristiti korisničko sučelje web redizajn temeljen na načelima upotrebljivosti donosi povećanje prodaje ili konverzije za. Kn 100% (izvor: Useit.com, Jakob Nielsen) stranice (tzv. user-friendly stranica) VIŠE POSJETITELJA VIŠE UPITA NA EMAIL/TEL. VEĆA ZARADA ZA VIZUALCE :) KOMPONENTI ELEMENATA 5 USPJEŠNE RELEVANTAN UPOTREBLJIVOSTI I KORISTAN SADRŽAJ WEB STRANICE OK VIZUALNI DIZAJN JEDNOSTAVNOST SUČELJA DIZAJN I FUNKÇIJE UGODNE ZA KORIŠTENJE MEMORABILNOST Klikni ovdje. Google MINIMIZIRANJE GREŠAKA ZADOVOLJSTVO POSJETITELJA "SEO-FRIENDLY" STRANICA OPTIMIZIRANA ZA TRAŽILICE UPOTREBLJIVOST user-friendly CILJ EFIKASNOST Konverzija odnosno pretvaranje posjetitelja u ZADOVOLJNOG KORISNIKA, KUPCA ili REGISTRIRANOG KORISNIKA *Ikone: www.iconarchive.com 13 ZLATNIH PRAVILA UPOTREBLJIVE WEB STRANICE POZICIJA LOGOTIPA NA VIDLJIVOM MJESTU (logotip je ujedno i link na Naslovnicu) (uz logotip može ići tagline - kratki opis stranice / ili djelatnosti tvrtke) PODACI ILI LINK ZA KONTAKT TREBAJU BITI VIDLJIVI I LAKO DOSTUPNI Naslovnica Usluge Primieri O meni UPOTh.JIVOST korisne i upotrebl jive stranice Savjeti Kontakt Primjeri analize Vip imenik 2 PRETRAGA KARTA T-COM INFO HEDU Analiza upotrebljivosti telefonskih imenika JASNA I INTUITIVNA NAVIGACIJA (na vidljivom, centralnom mjestu, uvijek na istoj poziciji na stranici) Prezime ili ttka oleatranice VipNet vs. T-com VS. NAJVAŽNIJI DIJELOVI NA STRANICI TREBAJU BITI VIZUALNO ISTAKNUTI (npr. velika slika koja prikazuje proizvod na akciji) Tko? Sto? Pogledaj analizu PDF, 308 KB djelatnost, kijune ne, "POZIV NA AKÇIJU" TREBA BITI UOČLJIV I TREBA NATJERAȚI POSJETITELJA DA IZVRŠI ODREDENU AKCIJU (npr. naruči, kupi, prijavi se.) Denas je 1. 2012 Što je web upotrebljivost? Koje su izravne koristi? Kako naručiti analizu? BOJA TEKSTA ŠTO KONTRASTNIJA U ODNOSU NA POZADINU (idealno: crni tekst/bijela pozadina) Web upotrebljivost (web usabilty) je kvalitativan atribut koji odreduje u kojoj nostavna upotreba grafičkog Želite i imati web stranicu koja će Vam donositi više posjetitelja, više upita i u konačnici veću zaradu? Analizu upotrebljivosti vaše web stanice možete naručiti na: • telefon: 091/564 9153 • email: [email protected] mjer sčelja Web upotrebljivost čine ove komponente: o stranice. Analiza upotrebljivosti otkriva trenutne zapreke i probleme na stranici te nudi jasno i brzo rješavanje istih u cilju postizanja boljeg učinka i zadovoljstva korisnika. • efikasnost NARUČI ANALI. • mogućnost jednostavnog memoriranja • minimiziranje grešaka • jednostavnost učenja Osim toga, dokazana je isplativost ulaganja y upotrebljivost stranica (ROI). Više informacija o analizi JASAN OPIS STRANICE (tko smo, što smo, što nudimo.) TEKST TREBA BITI KRATAK, JASAN, PREGLEDAN I PRAVOPISNO NAPISAN Više informacija o web analizi Više informaci web upotreblivosti Primjeri analiza E-Hrvatska - emisija o Priznanja Web:Strategije KORIŠTENJE NASLOVA I PODNASLOVA (H1 - H6) (radi jednostavnijeg pregleda i skeniranaja sadržaja na stranici) ЭLOer NAJBOLJI PREDAVAČ NA KONFERENCIJI Web::Strategija LIŅKOVI TREBAJU BITI OČITI I JASNI - PODCRTANI IVILI U DRUGOJ BOJI (tekstualni dio linka treba imati jasno značenje tako da korisnik unaprijed zna što može očekivati kada klikne na link, npr. umjesto “Saznajte više ovdje" može pisati “10 godina poslovanja tvrtke Alfa Trade") Primjeri analize WEB UPOTREBLJIVOSTI Pogledajte primjere analiza upotrebljivosti web stranica: Prva emisija o web upotrebljivosti u Hrvatskoj - eHrvatska (Dario Šuveljak, 12/2009.) Posebno priznanje Web:Strategije a najboljeg predavača te za višestki angačman u ocjenjiečkim odbgena "7 nagrade konferencije Webystrategije Vide informcija C 1. NOVO! VipNet vs T-com tražilica Konzum Online VELIČINA FONTA TREBA BITI RAZUMNE VĘLIČINE KAKO BI TEKST ČITJIV (npr. veličina fonta za paragraf 14px) 4. Z Fa banka Pitanja u vezi analize... Želim naručiti... Izdv Odaberite moje usluge i garantiram vam profesionalnost, pristupačnost i pouzdanost Saznajte sve o analizi upotrebljivosti web 1. Osnove web dizaina FOOTER ISKORISTITI ZA: - PONAVLJANJE LINKOVA NA GLAVNE CJELINE/PODCJELINE - ILI ZA VAŽNE INFORMACIJE (npr. kontakt podaci) reamweaver ATML 1. Zašto analiza upotreblivosti? 2. Kome je namijenjena? 3. Sto dobivam u analia? 4. Metodolocija za izradu analize? 4 Analza web uevo 2. Izrada ili redizajn web stranica 3. Instrukcije / pod (Dreamweaver orks/Word/Internet) "POJAČIVAČI" KREDIBILITETA - SVI “NEOVISNI" ELEMENTI KOJI DODATNO POTVRĐUJU KVALITETU I PROFESIONALNOST VAŠE TVRTKE (npr. testimoniali klijenata, neovisna istraživanja, emisije u medijima, priznanja i ceretifikati) 4. Uvod u CSS 5. Primieri analize web upotrebliivosti 6. Ukratko o meni 7. Pitanja komentari 8. Novosti Koliko 6. Kolika 7. Kako naručti analizu? rada analize? a ierade analize? Ako imate dodatnih pitanja u vezi analize web stranice i želte naručiti neku uslugu slobodno me kontaktirajte Cooyright 200s. - 2012, Stecas co.0. Sa prava priorana. I es lerinata I aca intrnet straniea: Secas C.o.o.I 2AT1D I SSE I Rushoing KOLIKO KOŠTA NEUPOTREBLJIVOST? GDJE KORISNICI GRIJEŠE? NAJŠEŠĆI UZROCI NEUSPJEHA IZVRŠAVANJA ZADATAKA 24% ukupnog godišnjeg online prihoda je izgubljeno radi nekvalitetnog i lošeg online iskustva korisnika* TRAŽENJE INFORMACIJA 6% 15% 10% NAVIGACIJA, LINKOVI ČITJIVOST, SUČELJE, SLIKE, SKROLANJE 13% 50aas INFORMACIJE O PROIZVODU, KONTAKT PODACIMA, CIJENAMA RADNI TOK, PODRŠKA, FORME 27% mlrd S* 35mluds SAD mird $ uтора 19% 10% DIZAJN, MULTIMEDIJA, PDF, PRINTING OSTALE GREŠKE, OGLASI (banneri) * izvor: E-consultancy customer experience survey, 10/2011 ** izvor: comScore, 2011 * izvor: Nielsen, Loranger, 2006 Prioritizing Web Usability Problemi web upotrebljivosti koji predstavljaju glavne uzroke korisnikovog neuspješnog izvršavanja određenih zadataka na web stranici ZA ČITAČE :) 10 NEPRIJATELJA KADA PRIMJENITI WEB UPOTREBLJIVOST? UPOTREBLJIVOSTI U LITI "IZBJEGAVATI POD SVAKU CUENU“" Preporučeno je primjenjivati metode upotrebljivosti u najranijim fazama' razvoja web stranice jer se tada značajno smanjuju troškovi kasnijeg održavanja i korisničke podrške. Također, u ranijim fazama je jedostavnije ispravljati greške. Vrlo je važno da ovaj proces nikada ne prestaje - potrebno je stalno testirati sustav i korisnike koji ga upotrebljavaju i na temelju dobivenih rezultata ispravljati greške i uočene probleme. LOŠA I NEINTUITIVNA NAVIGACIJA TE SLABA "PRONALAŽLJIVOST" INFORMACIJA (npr. pomoću tražilice) * izvor: Usability.gov i User Experience Professionals Association SITNA I NEČITLJIVA SLOVA NA STRANICI (npr. 10px) "SKRIVENI" LINKOVI (NEPODCRTANI ILI NEOZNAČENI BOJOM ILI VELIČINOM U ODNOSU NA TESKST) ILI LINKOVI KOJI VODE DO NERELEVANTNOG SADRŽAJA 1. FAZA PLANIRANJE 2. FAZA DIZAJN 3. FAZA 4. FAZA NEDOVOLJNO KONTRASTNI TEKSTOVI U ODNOSU NA BOJU PROGRAMIRANJE TESTIRANJE POZADINE FAZA RAZVOJA STRANICE „SKRIVANJE“ KONTAKT INFORMACIJA (ADRESA TVRTKE, TELEFON, EMAIL, RADNO VRIJEME I SL.) KORIŠTENJE MNOGOBROJNIH GRAFIČKIH IZILI TEKSTUALNIH DODATNE ELEMENATA NA STRANICI KOJI U KONAČNICI DAJU TZV. "VIZUALNU BUKU" ODNOSNO VIZUALNO OPTEREĆUJU INFORMACIJE STRANICU, A DA PRI TOM NE DAJU NIKAKVU DODATNU Želite imati uspješnu web stranicu? INFORMACIJU ILI VRIJEDNOST (tzv. dekorativne slike) Naručite analizu Vaše web stranice i trenutno poboljšajte rezultate! MNOGOBROJNE, ČESTO NEPOTREBNE ANIMACIJE NA STRANICI (npr. animirani tekst, animirani gif-ovi i slike.) Tko može naručiti analizu upotrebljivosti / kome je namijenjena? - TVRTKA (web katalog, web trgovina, korporativna stranica..) - FINANCIJSKA INSTITUCIJA (banka, osig. društvo, internet bankarstvo...) SAMONAMETLJIVI | “AGRESIVNI" POP-UP PROZORI KOJI - DRŽAVNA INSTITUCIJA (ministarstvo, općina, grad, registri, škola i sl.) OMETAJU KORISNIKA U NJEGOVOM OSOBNOM ISKUSTVU KORIŠTENJA WEB STRANICE Saznajte više. NEDOVOLJNO RELEVANTNIH INFORMACIJA O PROIZVODIMA ILI www.web-upotrebljivost.com USLUGAMA (npr, cijena, načini plaćanja i dostave, opis proizvoda, proces narudžbe - košarica i sl.) WEB UPOTREBLJIVOST METODE TESTIRANJA LITI KAKO ANALIZIRATI WEB STRANICU Istraživanja pokazuju da posjetitelji u 60% slučajeva ne mogu pronaći tražene informacije*. Ovakva situacija dovodi do izgubljenog vremena, smanjene produktivnosti, povećane frustracije korisnika kao i najvažnijeg cilja: gubitka novaca i posjetitelja koji se ponovno vraćaju. Testiranje upotrebljivosti web stranice je jedan od najboljih načina da saznamo što funkcionira, a što ne na stranici. U današnje doba krize i recesije (i ne samo danas :-)) mudro je koristiti načela i metode upotrebljivosti jer “u igri" su velike uštede i benefiti za Vašu tvrtku. Upotrebljivost štedi Vaše vrijeme i novac, poboljšava konkurentsku poziciju na tržištu te povećava lojalnost korisnika. *Izvor: User Interface Engineering, inc. A METODE UVIDA (INSPEKCIJE) VAŽNOST: ++ B METODE TESTIRANJA KORISNIKA VAŽNOST: +++ Ove metode provode iskusni stručnjaci koji procjenjuju i pronalaze problematične "točke" na stranici. Nadalje, ove metode nisu zamjena za testiranje korisnika već njihova direktna nadopuna. Ove metode uključuju stvarne korisnike (preporučeno iz ciljane grupe korisnika). Oni sudjeluju u testovima koji mjere zacrtane zadatke koje posjetitelji trebaju napraviti na stranici. 1) Višekorisničko prošetavanje (eng. Pluralistic Walkthrough) kroz najčešće 1) Testiranje korisnika (eng. Usability Testing) - je najbolji način korištene zadatke pomoću kojega možemo doznati kako stvarni korisnici doživljavaju 2) Heuristička procjena/evaluacija (eng. Heuristic Evaluation) - jedan ili više web stranicu. Istraživanja i praksa pokazuju da je dovoljno testirati iskusnih stručnjaka istražuje korisničko sučelje web stranice koristeći se 5-7 stvarnih korisnika koji će otkriti 80% bitnih problema upotrebljivosti općeprihvaćenim Nielsenovim heurističkim načelima te utvrđuju u kojem području web stranice. web stranica ne slijedi te principe 2) Usporedno testiranje učinkovitosti (eng. Benchmark Testing) 3) Spoznajno prošetavanje (eng. Cognitive Walkthrough) je inspekcijska metoda u 3) Usporedno testiranje konkurenata (eng. Competitive Usability Testing) kojoj jedan ili više evaluatora prolazi kroz serije zadataka i ispituje reprezentativnog 4) Testiranje "Razmišljaj na glas" (eng. Think Aloud Testing) korisnika u formi upitnika 4) Heurističko prošetavanje (eng. Heursitic Walkthrough) kombinira aspekte heurističke evaluacije, kognitivnog i pluralističkog prošetavanja Izvor: The Usability Professionals' Association (UPA) WEB UPOTREBLJIVOST koris ne i upotrebljive stranice © Dario Šuveljak, 2012. DOZVOLJENO JE DIJELJENE, DISTRIBUIRANJE I KORIŠTENJE U NEKOMERCIJALNE SVRHE www.web-upotrebljivost.com ANATOMIJA UPOTREBLJIVE WEB STRANICE, VERZIJA 1 TROŠAK ISPRAVLJANJA PROBLEMA

Anatomija upotrebljive web stranice

shared by stedas on Sep 14
286 views
0 shares
0 comments
Infografika "Anatomija upotrebljive web stranice" objašnjava pojam web upotrebljivosti i odgovara na osnovno pitanje: što čini uspješnu web stranicu?

Category

Computers
Did you work on this visual? Claim credit!

Get a Quote

Embed Code

For hosted site:

Click the code to copy

For wordpress.com:

Click the code to copy
Customize size