Brugervenlighed og brugeroplevelser ud over det sædvanlige
Mange ting har sin ret, når vi snakker almen brugervenlighed, men nogle websites og webshops formår at strække det lidt længere.
Kender du det, hvor du bliver forbavset over, hvor enkel, nem og smart det var? Det kan være en lille detalje, der gjorde udfaldet.
Dagens blogindlæg vil have en del fokus på webshops, da disse generelt kræver mere omtanke, og samtidig kræver mere interaktion bruger og webshop imellem.
Indholdsfortegnelse
- Brugervenlighed og brugeroplevelser
- Åh nej, jeg skal oprette en bruger
- På shopping, online
- God og læsevenlig tekst
- Andre små godter
- Konklusion
- Del dine oplevelser
1. Brugervenlighed og brugeroplevelser
Specielt sidstnævnte er i disse tider et varmt emne, men dog et udtryk, jeg personligt tager lidt let på. Måske fordi, det kan være lidt af en udefinerbar størrelse. Hvad der er en god oplevelse for mig, behøver ikke nødvendigvis være det for andre.
Som webdesignere og -udviklere er det vores fornemmeste opgave at gøre opgaverne, brugerne har for hånden, så nemme som muligt.
Steve Krug:
Don’t make me think
Man kan næsten våge den påstand, at brugerne er dovne, og derfor skal have det hele placeret på et sølvfad. Ahh, mon dog?
Nej, det handler sådan set om, at du ikke skal sætte en kæp i hjulet for den besøgende, dvs. gøre tingene mere besværlige, end nødvendigt.
Jeffrey Zeldman
I worry about the medium, because not enough designers are working in that vast middle ground between eye candy and hardcore usability where most of the web must be built.
Nok om det, lad os i stedet kigge på et væld af forskellige eksempler, der kan give både en god oplevelse, men også underbygge brugervenligheden.
2. Åh nej, jeg skal oprette en bruger
Kender i det, hvor man skal til at oprette sig som bruger for enten at afprøve eller benytte en service?
Det kan være lidt af en irriterende og besværlig process – som regel!
“Ikke” med Instapaper
Eneste du behøver er blot at påføre din e-mailadresse og et ønsket kodeord, så er du igang. Alt det andet, kan du udfylde, når du har tid og lyst.
Eventuelt, når/hvis du fandt servicen brugbar.
Awesomeness!
Ps: “Oprettelsen” har ændret sig lidt siden, jeg prøvede servicen for første gang. Den gang var ens e-mailadresse nok til at komme igang.
Ikke med ggoals
En simpel service, hvor du kan oprette mål for dig selv. Hvad er der fedt ved det?
Jo ser du, du skal ikke oprette dig som bruger for at oprette en række mål. Det kan du gøre bagefter, hvis du kunne lide servicen eller gerne vil gemme dine mål.
How cool is that? Way cool!
Ikke med Bounce App
Super enkel service med mulighed for at give feedback på et website.
Tast adressen ind og afvent Bounce i nogle få sekunder, hvorefter du straks kan begynde at tilføje kommentarer. Det bliver ikke meget mere enkelt.
That’s freaking cool
Ikke med Clue App
Ligesom med Bounce, så skal man med Clue ikke logge ind. Det er blot at indtaste en ønsket URL, hvormed man ønsker at lave en test.
3. På shopping, online
E-handel er på hastige skridt fremad, hvor det ikke blot handler om at have en webshop, men om at tilbyde en god og smertefri oplevelse for den besøgende.
En handel uden brugeroprettelse
Nogle gange ønsker man blot at gennemføre en hurtig handel. Det kunne være hvad som helst, måske printerpatroner. Hvorfor skal man så igennem en pinefuld process, der kræver udfyldelse af et formularhelvede af en anden verden?
Det er irriterende, tidskrævende og til hinter for den besøgende, der måske vælger at forlade, fordi det var tidskrævende og/eller for uoverskueligt.
- Cow&Co – Ikke nødvendigt med brugeroprettelse
- Blik – Gennemgå tjekudforløbet uden at oprette dig som bruger 1
(1) Blik har dog stadigvæk en del trin, du som bruger, skal igennem. Faktisk hele 6 trin, hvilket derimod trækker i en negativ retning.
Hmm, er varen udsolgt eller?
Nogle gange fremgår varer i en webshop selvom, de er udsolgt. Andre gange kan det være svært at vide, hvor mange varer der er tilbage af et pågældende produkt.
Det kan være en ekstra fin service at fremhæve for brugeren, hvor mange – lad os bare sige trøjer – der er tilbage på lager. Blot et lille hint kan gøre en verden til forskel
- It Self – Lager antal på en anderledes og kreativ facon
- The Affair – Lagerantal og 360 graders produktvisning
Hmm, hvad kigger jeg dog på?
Det er måske et kendt faktum, at musen faktisk følger vores øjne. Det betyder, at jeg som bruger – ofte – kigger der, hvor min musepil befinder sig på skærmen.
Alligevel kan det måske være lidt svært at se præcis, hvilken varer jeg har tænkt mig at klikke på eller hvor min musepil befinder sig.
Ingen fejlbeskeder
Brugervenlighed handler i den grad ikke blot om at oplyse den besøgende om, hvordan et givent problem eller en situation løses. Det handler i det hele taget om, at den besøgende helt på egen hånd, kan klare situationen – uden fejl!
Det er just ingen let opgave, tværtimod. Mit bud er, at det kræver brugertest af pågældende webshop eller website.
- Miinto – En række valg taget på forhånd
- UX Movement – Why your form buttons should never say submit
- Webdesigner Tuts – Errors: Bad Decisions or Bad Design?
- Paul Smith – Valg taget på forhånd
Nem, hurtig og smertefri tjekudforløb
Et af de mest vigtige områder i en webshop – i mit hoved – er uden tvivl tjekudforløbet, betalingsforløbet og hvad de nu ellers bliver kaldt.
Hvorfor skal man nogle gange igennem et trin- og formularhelvede af en anden verden? Jeg vil bare gerne købe en vare. Og det vil butikken forhåbentlig også gerne, at jeg gør. Man bliver dog nogle gange i tvivl!
- Bestseller – “1″ trin 1 køb 1
- Cow&Co – Tjekudforløb på 1 side
(1) En ekstra nifty detalje er, at jeg ikke skal vælge korttype. Shoppen finder selv ud af, hvilket kort, jeg bruger 
Andre gode detaljer ved shopping, online
- Blik – Lille og god animation, når varen lægges i kurven
- Fisheye – Anden nifty lille effekt, når varen lægges i kurven
- Panic – Træk dine varer i kurven 1
- Bohemia – Stor dropdown med et godt overblik
- Sassy Duck – tydelig call to action – selv i 1024×768
- Patrik Ervell – Levende modeller
- Chicago T-Shirts – Hele skærmen til fremvisning af t-shirts
- Cow&Co – Flere varer på skærmen jo større opløsning og omvendt
(1) Lignende feature findes på Deviantart.com ved at trække billeder til sine favoritter. Desværre er servicen mere forvirrende end hos Panic, fordi indikationen af en tilføjelse forsvinder helt, når et billede er tilføjet.
4. God og læsevenlig tekst
Det kan til tider undre mig, hvorfor brugeren skal stilles overfor en mulighed, hvor de kan lave teksten – på pågældende website – større eller mindre.
Jeg tænker ofte, hvorfor ikke bare lave teksten stor nok fra start?
Browserne kan i dag (og har kunne det længe) håndterer denne feature for dig, så hvorfor forvirrer brugeren med ekstra og måske unødige features?
(1) Man kan diskutere om tekststørrelsen kunne tåle et hak i en opadgående retning, men ikke desto mindre fremstår teksten større end gennemsnittet. Teksten bliver tilmed præsenteret i gode tekstafsnit, der har en god og tilpas længde på linjerne.
5. Andre små godter
Jeg har kun rørt overfladen, men her er lidt ekstra godter, der øger både brugervenligheden og -oplevelsen.
- Tydelig call to action på demo og download
- Labels på formularfelter står over selve feltet
- Uendeligt scroll med tydelig marking af, at nyt indhold indhentes 1
- Håndtag du ikke må trække i, men gør alligevel
- Direkte til pointen og tydelig call to action 2
- Enkelthed fremmer forståelsen 3
- CNN’s logo roterer efter, hvor nyhederne er fra
- Quora loader dit avatar, når din e-mail er indtastet
- Scrolling har aldrig været så spændende
(1) Desmere er det en meget god idé også at vise for brugeren, hvor meget af indholdet, der er indhentet. Eksempelvis 100 ud af 400 produkter.
(2) Et glimrende eksempel på, hvor enkelt og nemt, det kan gøres. Det er en simpel service, men en simpel service, der fungerer til UG med kryds, slange og bolle!
(3) Igen et godt eksempel på, at enkelthed er vejen frem – ofte. Less is more, og ikke More is more!
Se mange flere godter, som ikke blot er fra www.
6. Konklusion
Jeg rør på mange måder kun overfladen af brugervenlighed og brugeroplevelser i gennem dette blogindlæg. Det var heller ikke mit ønske at gå helt ned i kælderen.
Begge punkter er yderst omfattende. I stedet fandt jeg det væsentlig sjovere at fremhæve et par punkter og krydre dem med oplevelsen.
Selvom en sjov og god brugeroplevelse kan være fed, så vil jeg stadigvæk mene, at man skal passe på med at blive for kreativ. Det kreative kan snildt være med til at tabe visse brugere i svinget – specielt de mindre erfarne, der har nemt ved at føle sig usikker på internettet.
Michael Østergaard
Brugeroplevelse med måde!
Hvad med læserne, har i nogle gode oplevelser at dele med os andre? Har i nogle eksempler på eksemplarisk brugervenlighed, der overskygger de fleste? Uanset hvad, så smid gerne en kommentar – selvfølgelig helst noget, der bidrager til emnet. Føl dig velkommen!
Skriv en kommentar
