Web upotrebljivost i korisničko iskustvo: saznajte zašto bi ovo trebalo biti iznad vašeg popisa web dizajna

Objava: Vaša podrška pomaže održavanju web mjesta! Naplaćujemo naknadu za preporuku za neke usluge koje preporučamo na ovoj stranici.


Svatko tko danas gradi web stranice ima mnogo na umu: uravnotežiti funkciju i ljepotu i pratiti najnovija dostignuća u tehnologiji, ali imajući na umu zahtjeve svog šefa ili klijenta nije lak zadatak!

Nije čudo što je upotrebljivost često last-minute stavka na popisu ili nešto što je u potpunosti zaboravljeno. Napokon, to je jedna od onih stvari koja se, kada se pravilno izvrši, uopće ne primjećuje.

Korisnost web stranice

No upotrebljivost je presudan faktor koji treba imati na umu prilikom dizajniranja i kodiranja web stranica. Uostalom, nije važno koliko je vaša web lokacija lijepa ili dobro kodirana ako frustrira vaše korisnike!

Srećom, vruća je istraživačka tema i naše razumijevanje kako se ljudi ponašaju na webu – i zašto – svakodnevno raste.

Čišćenje istih olakšat će vam posao, a dugoročno će vam uštedjeti vrijeme i trud. Evo zašto je to važno, plus mnogo resursa za nadogradnju vaše igre.

Što je upotrebljivost?

Kao što možete pretpostaviti iz izraza, upotrebljivost web stranica je mjerilo upotrebe web stranica.

Ako je vaša web stranica jednostavna za korištenje, čini ono što treba, bez grešaka i učinkovita je i korisna za upotrebu, tada ima veliku upotrebljivost.

Ali ako vaši korisnici …

  • imate poteškoća s pronalaženjem navigacije po web mjestu ili korištenjem određenih funkcija;
  • morate izvršiti klikanje više puta ili skakati kroz obruče kako biste ispunili zadatak;
  • moraju ponovno naučiti kako koristiti vašu web lokaciju svaki put kada se vrate;
  • pravite iste greške iznova i iznova;
  • su frustrirani ili učinili da se vaša web stranica osjeća glupo

… Tada ima lošu upotrebljivost!

Nije tako jednostavno i intuitivno kako se čini. Ponekad značajke koje izgledaju očigledno i besprijekorno za web dizajnera ili razvojnog programera smetaju korisnicima ili uzrokuju njihovo ponašanje na način na koji ne biste očekivali.

Lako je okriviti korisnika da ga „nije dobio“, ali u stvarnosti se problem često krije u upotrebljivosti web stranice.

Što je UX dizajn?

UX znači “korisničko iskustvo.” Usko je povezana s upotrebljivošću, ali to nije ista stvar. Iako je upotrebljivost zabrinuta zbog toga što ljudi lako izvršavaju zadatke na web mjestu, korisničko iskustvo je zabrinuto za ljude koji se osjećaju dobro što rade i dobivaju s web stranice.

Upotrebljivost je važan dio UX dizajna. Pogledajte Usability vs User Experience za više pojedinosti.

Što je pristupačnost?

Ključni dio upotrebljivosti je dizajn za pristupačnost. To znači dizajniranje za korisnike koji se oslanjaju na pomoćne tehnologije. Neće svi korisnici web mjesta posjetiti web mjesto na način na koji ih je dizajner zamislio. Neki posjetitelji su slijepi ili gluhi. Ostali imaju poteškoće s korištenjem pokazivačkih uređaja. Pri dizajniranju za upotrebljivost mora se imati na umu pristupačnost.

Povijest upotrebljivosti web stranica

Povijest web dizajna obilježena su dva glavna razdoblja.

Prvo razdoblje počelo je početkom 1990-ih s izdavanjem grafičkog internetskog preglednika, a vrhunac je postalo popularno dizajniranjem web stranica utemeljenih na flashu. Ovo prvo razdoblje karakterizirali su web dizajni vođeni željom da se pomaknu granice onoga što je tehnički moguće na webu. Nažalost, usredotočenost na tehničku stručnost uklonila je korisnika web stranice kao primarni objekt oko kojeg su web stranice dizajnirane.

Počevši oko 2000. godine plima se počela okretati i korisnici web stranica počeli su se vraćati prema središnjoj pozornici u procesu web dizajna. Danas je korisničko iskustvo ili UX u središtu modernog dizajnerskog razmišljanja, a dizajniranje za upotrebljivost ima prednost nad svim ostalim aspektima dizajnerskog procesa..

Zašto je upotrebljivost važna?

Danas smo navikli da instant zadovoljstvo bude zahvaljujući brzoj tehnologiji i webu. Možete kliknuti bilo što prema kliku miša ili dodirom pametnog telefona. Nismo navikli biti strpljivi i trebati vremena da shvatimo kako web stranica funkcionira – samo želimo da funkcionira, period! A ako ne, preći ćemo na drugu web lokaciju koja to čini.

Možete imati najljepše dizajniranu web stranicu ili najčišći kod na webu, ali ako je korisnici frustriraju zbog toga, to neće biti važno, jer neće je koristiti.

Iako se može činiti zdrav razum razumljivim za web upotrebu, principi upotrebljivosti nisu tako očiti kao što možda mislite..

Kao dizajner ili koder puno ste pametniji od prosječnog internetskog korisnika. Vaše ponašanje tijekom pretraživanja interneta razlikuje se od vašeg prosječnog korisnika. Ponekad je vrlo teško predvidjeti kako će se prosječna osoba ponašati na vašoj web lokaciji.

A onda postoje čimbenici poput uređaja koji koriste. Upotrebljivost je također vrlo različita ovisno o tome je li netko navigirao putem radne površine, tableta ili telefona. Ono što dobro funkcionira s tipkovnicom i mišem moglo bi biti nevjerojatno frustrirajuće na pametnom telefonu. To ste vjerojatno i sami doživjeli.

Možda mislite da ako koristite dobro dizajniran CMS, ne morate se brinuti o upotrebljivosti jer je ugrađen za vas. Ali to nije istina – to morate imati na umu. To je poput razmišljanja: Budući da je WordPress dobar za SEO, ne morate ništa učiniti da biste se visoko postavili u tražilicama. Temelj je tu, ali još uvijek trebate razumjeti principe i uložiti trud.

Zbog toga je važno naučiti osnove upotrebljivosti i kako ih primijeniti na vaše web stranice kako bi vaši korisnici ostali sretni. Evo kako!

Postupak korištenja korisničkog sučelja

Dizajneri su stvorili različite upute za definiranje standarda prema kojem se mjeri upotrebljivost. Na primjer, primarna funkcionalnost web mjesta trebala bi podrazumijevati dizajn, a ne ovisiti o tekstu koji će je objasniti. Da bi testirali podrazumijevanu funkcionalnost, neki dizajneri čine tekst nečitljivim (npr., “Pharetra cras odio tortor …”), a zatim korisnicima daju određene zadatke da dovrše.

Drugi standard primjenjiv na dizajn aplikacija za web i pametne telefone je “Pravilo s dva dodira”. Osmislila ga je Marissa Mayer, izvršna direktorica Yahoo! Vrlo je jednostavno:

Kad ste u aplikaciji, jesu li dva dodira da biste učinili sve što želite učiniti? Ako ne, vrijeme je za redizajn aplikacije.

“Pravilo s dva dodira” očito se temelji na sustavima tableta i telefona. Ali cilj je općenitiji: digitalne proizvode učiniti što jednostavnijim i učinkovitijim. Bez obzira na primijenjene posebne smjernice, oblikovanje upotrebljivosti znači pristup dizajniranju web mjesta usredotočenim na korisnika.

Prema istraživačkoj tvrtki MeasuringU o korisničkom iskustvu, postoje tri ključna načela koja utječu na proces dizajniranja u središtu korisnika:

  • Usredotočite se na korisnike i zadatke već u procesu dizajniranja. Korisnici trebaju pružiti povratne informacije izravno dizajnerskom timu što je moguće ranije u procesu.
  • Dizajnirajte iterativno. Dobri dizajneri ne brinu o tome da dizajn postane savršen prvi put. Planiraju se nekoliko puta vratiti na ploču za crtanje kako bi napravili značajne promjene na temelju povratnih informacija korisnika.
  • Temeljni izbor na empirijskim mjerenjima. Ne donosite dizajnerske odluke na temelju neformalnih povratnih informacija korisnika. Razviti specifične mjerne podatke za mjerenje upotrebljivosti i pustiti te informacije na temelju oblikovanih odluka.

Resursi za učenje o upotrebljivosti web stranice & UX dizajn

Puno je resursa o upotrebljivosti i korisničkom iskustvu. Sakupili smo najbolje.

Članci

Ovi su članci savršeni za početnike koji žele naučiti osnove olakšavanja i ugodnog korištenja vaših web stranica:

  • Upotrebljivost 101: Uvod u upotrebljivost: brzi vodič za početnike o osnovama upotrebljivosti poznatog stručnjaka za upotrebljivost Jakoba Nielsena.
  • Što & Zašto upotrebljivost: Američko Ministarstvo zdravstva i ljudskih usluga upravlja ovom web stranicom o upotrebljivosti, s puno članaka o osnovama. Obavezno pročitajte Osnove korisničkog iskustva i prednosti dizajna u središtu korisnika. Rječnik je također nevjerojatno koristan.
  • 8 smjernica za izvanredan web dizajn, upotrebljivost i korisničko iskustvo: jednostavan početnički vodič o tome kako primijeniti osnovne standarde upotrebljivosti na web dizajn.
  • 9 Česta grešaka u upotrebljivosti u web dizajnu: ovaj članak o Smashing Magazinu objavljen je 2009. godine, ali se sve ove pogreške i dalje često susreću na webu.
  • Kako upotrebljivost, iskustvo i sadržaj utječu na ocjene tražilice: ovo je poglavlje 6 Mozovog izvrsnog početničkog vodiča za SEO.
  • Upotrebljivost web stranica: 10 najboljih preporuka: pokazuje kako dizajnirati obrasce web stranica koje će vaši posjetitelji zapravo koristiti.
  • 6 Osnove testiranja upotrebljivosti za WordPress projekte web dizajna: Izvrsna tema WordPressa nije dobra ako ga nitko ne može koristiti. Krenite prema ovim osnovama prije nego što počnete dizajnirati za WordPress.

knjige

Za profesionalne web dizajnere i programere ove se knjige dublje udubljuju u načela i praktične primjene upotrebljivosti na webu.

  • Dizajn web upotrebljivosti (1999) Jakoba Nielsena bio je konačni vodič za upotrebljivost vodećih svjetskih autoriteta u tom pitanju. Mnogo se toga promijenilo otkad je ovo napisao, ali još je potrebno znanje na kojem ćete graditi. Morate imati u knjižnici svakoga tko upotrebljivost shvata ozbiljno.
  • Prednost prioriteta upotrebe weba (2006) Loranger-a i Nielsen-a: ova knjiga koristi desetljeća istraživanja web upotrebljivosti koja je provela Nielsen Norman Group kako bi identificirala najvažnije i trajnije smjernice za izradu boljih web stranica.
  • Elementi korisničkog iskustva: dizajn usredotočen na korisnike za web (2010) Jessea Jamesa Garretta: ova će knjiga pomoći web dizajnerima da strateški bolje razmisle o svom dizajnu i biti u stanju objasniti svoje izbore šefovima i klijentima. Izvrstan uvod u upotrebljivost za web.
  • 100 stvari koje svaki dizajner treba znati o ljudima (2011) Susan Weinschenk: napisala ih je znanstvenica o ponašanju s doktoratom iz psihologije, ova knjiga primjenjuje psihologiju u dizajnu komunikacije i internetskih interakcija. Bitno čitanje za web dizajnere zabrinute o upotrebljivosti.
  • Mobile Usability (2012) Nielsen i Budiu: Ova knjiga pokriva osnove stvaranja odličnog korisničkog iskustva na mobilnim uređajima. Iako su primjeri možda malo zastarjeli, principi ostaju isti.
  • Dizajn svakodnevnih stvari: revidirano i prošireno izdanje (2013.) Don Normana: iako nije riječ o upotrebljivosti web stranica, ova je knjiga fascinantan pregled principa upotrebljivosti koji se odnose na psihologiju i naše svakodnevice.
  • Nemojte me razmišljati, ponovno predstavljen: Pristup uobičajenog smisla za upotrebljivost web stranica (2014) Stevea Kruga: prepun temeljnih principa i praktičnih savjeta za pristup web dizajnu koji je usmjeren na korisnika, ova je knjiga jedna od najpopularnijih knjiga o predmet upotrebljivosti interneta.

Blogovi

Upotrebljivost je vruća tema istraživanja, pa je važno biti u tijeku s najnovijim dostignućima:

  • Nielsen Norman Group: blog vodeće upotrebe u industriji, Nielsen Norman Group pokriva sve vezano za upotrebljivost, uključujući mnoštvo originalnih istraživanja, za sve razine vještina, od početnika do stručnjaka.
  • UsabilityGeek: ovaj blog pokriva širok raspon tema vezanih uz upotrebljivost, uključujući korisničko iskustvo, optimizaciju pretvorbe, interakciju između čovjeka i računala i informacijsku arhitekturu. Neki od njihovih najpopularnijih postova uključuju razliku (i odnos) između upotrebljivosti i korisničkog iskustva, prikupljanja zahtjeva: korak po korak za bolje korisničko iskustvo i 15 smjernica za upotrebljivost za oblikovanje veza na web mjestu.
  • UX Design u časopisu Smashing: vodeći blog veb industrije u web dizajnu ima odjeljak posvećen upravo UX dizajnu. Pogledajte njihove vodiče o dizajniranju web mjesta prilagođenog demenciji, boljem dizajnu sučelja: prijave, izbornici, preklopnici i drugi modni moduli i poboljšajte korisničko iskustvo pomoću značajki u stvarnom vremenu..
  • UX Magazin: sadrži detaljne članke, kao i poslove i događaje za UX profesionalce. Pogledajte bilješke mladom UX dizajneru, je li obrazac dizajniran da ne uspije? i Korisničko iskustvo dobrog sadržaja.

Forum

Ako se zaglavite i trebate zatražiti pomoć, pogledajte ove forume i pitanje&Web mjesto za stručni savjet.

  • Korisničko iskustvo Stack Exchange: postavljajte i odgovarajte na pitanja o svim aspektima UX-a i upotrebljivosti na Stack Exchangeu.
  • UX Mastery Community: Prijatan, gostoljubiv (i živahan!) Forum na kojem se razgovaralo o svemu vezanom za UX i upotrebljivost.
  • UX Design Community na Slacku: Slack zajednica za trenutne ili perspektivne UX dizajnere i istraživače.

Alati za upotrebljivost web stranice & Dizajn korisničkog iskustva

Automatsko testiranje upotrebljivosti web stranica obično se provodi pomoću jednog ili više specijaliziranih alata. Ti alati obično nalikuju istraživanju: korisnicima se nude grafičke ili UI makete s web mjesta, a moraju odgovoriti na određena ciljana pitanja o korisničkom sučelju..

Povratne informacije korisnika prikupljaju se i obrađuju statistički, pružajući točne rezultate o postavljenim pitanjima.

Alati upotrebljivosti web stranica koriste različite pristupe za testiranje, neki alati zahtijevaju da zaposlite vlastite testere koristeći integriranu podršku za slanje na društvene mreže, dok drugi alati već imaju uspostavljenu mrežu testera koji će provjeriti vašu web stranicu i pružiti vam povratne informacije.

Mnogi alati nude osnovne značajke kao vremenski ograničena besplatna proba, dok su vrhunske značajke dostupne samo uz plaćenu pretplatu.

Pogledajmo nekoliko upotrebljivih i UX alata za testiranje koji su dostupni:

  • Helio je dizajniran na način koji olakšava testiranje dizajnerskih zaslona s korisnicima. Helio vam pruža 100 000 globalnih testera spremnih da provjere vaš rad, a možete čak i odabrati demografiju testera prema vašoj ciljanoj publici. Pomoću ovog alata možete dobiti svoje rezultate ispitivanja za nekoliko sati, ubrzavajući svoj tijek rada. Helio nudi lijep niz izvještaja, pa je prezentiranje testnih podataka fleksibilno i lakše.
  • UsabilityHub nudi bogat paket testova upotrebljivosti na web mjestu. Neke su usluge besplatne, ali ako koristite besplatno izdanje, morate pronaći vlastite testere. Plaćeno članstvo vam pruža testere.
  • CanvasFlip nudi osnovni besplatni plan i napredne plaćene planove. Možete prenijeti dizajne i testirati ih vlastitim testerima. Podržani su i videozapisi s toplotne mape.
  • Čini se da je Preely savršeno prilagođen mobilnim uređajima, s podrškom za praćenje prelaza prstom i klikova topline. Možete koristiti vlastite testere ili koristiti testnu ploču TestLab gdje možete odabrati demografiju testera koji će pregledati vaš projekt.
  • OptimalSort: koristite ovaj softver za sortiranje kartica kako biste naučili najbolji način organiziranja i predstavljanja svog sadržaja.
  • Usability Hub: mnoštvo alata za daljinsko testiranje korisnika kako biste saznali kako stvarni ljudi uživo koriste vašu web stranicu.
  • Važno: dobijte povratne informacije tijekom procesa dizajniranja kako biste bili sigurni da je vaš dizajn od početka fokusiran na korisnike.

Zaključak: Upotrebljivost iskoristite kao prioritet!

Praćenje svih najnovijih tehnologija i trendova u web dizajnu i razvoju nije lak zadatak, ali upotrebljivost bi trebala biti na vrhu vašeg popisa. Najbolji rezultati dolaze kada se prije dizajniranja i kodiranja pristupa korisniku na umu, a ne nakon njega. Ulaganjem vremena i truda u učenje o upotrebljivosti vidjet ćete da će se poboljšati kvaliteta vašeg rada.

Još zanimljivijih stvari

Imamo više vodiča, vodiča i infografika vezanih za kodiranje i izradu web stranica:

  • CSS3 – Intro, vodiči & Resursi: ovo je sjajno mjesto za početak učenja izgleda web stranica.
  • JavaScript: i to je mjesto za početak učenja kako stvarati interaktivne web stranice!

HTML za početnike

Ako zaista želite naučiti HTML, stvorili smo članak o duljini knjige, HTML za početnike. I zaista je krajnji vodič; vodit će vas od samog početka do majstorstva.

HTML za početnike - Ultimativni vodič
HTML za početnike

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map