Category Archives: User Experience

PRÆSENTATIONER FRA VORES GÅ-HJEM MØDE: FREMTIDENS DIGITALE BANK

Tak til alle der deltog i vores gå-hjem møde om fremtidens digitale bank som blev holdt i vores dejlige kontorlokaler i Aarhus.

I får her muligheden for a se eller gense de 3 præsentationer fra vores indlægsholdere: Henrik Theil, Kommunikationschef v. FDIH, Kristina Risom Jespersen, Associate Professor, Aarhus Universitet og John Field, European Product Marketing Manager, Sitecore.

Vi fik et godt indblik i danskerne som digitale forbrugere og hvilke platforme og kanaler der vil være de fortrukne i forhold til den financielle sektor. Desuden så vi på hvordan bankerne kan gøre brug af deres kunders input via sociale medier og vi oplevede konkrete eksempler på dette. Til sidst fik vi et levende eksempel på hvordan den rigtige platform kan være med til at gøre et website mere engagerende og værdiskabende for slut kunderne.

Download præsentationerne her:

Danskerne som digitale forbrugere (Henrik Theil, Kommunikationschef v. FDIH)

Hvordan er kunderne online – og kan de hjælpe til udviklingen af fremtidens bank? (Kristina Risom Jespersen, Associate Professor, Aarhus Universitet)

Engage with your customers (or how Alice decided to invest) (John Field, European Product Marketing Manager, Sitecore)

Hvis dette har vagt jeres interesse og I kunne tænke jer en uforpligtende snak om hvordan I kan komme igang og styrke jeres digitale bankforretning, tilbyder Valtech en gratis 3 timers workshop hvor vi tager et nærmere kig på jeres forretning og de konkrete udfordringer i står overfor i forhold til den digitale forretningsudvikling.

Kontakt Morten Sørensen, Business Development Manager, Valtech på morten.sorensen@valtech.dk for en uforpligtende dialog.

De bedste hilsner,

Valtech

10 billige tricks til web-navigation

Mange tror stadig, at informationsarkitektur handler om, hvordan man laver en god navigation på sit website. Og det er rigtigt, at en god informationsarkitektur gør det nemt at lave en god navigation. Men at arbejde med navigation er ikke nødvendigvis det samme som at arbejde med informationsarkitektur. Man kan sagtens plastre et supermarked til i skilte, så alle kan finde rundt og hen til kassen, men alternativt kan man også placere tingene efter et system, så det giver sig selv – og mersalg. Eller sagt på en anden måde. Hvis jeg ikke kunne regne med at dåsetomaterne stod sammen med alt det andet dåsemad i butikken, ville jeg enten dø af stress, når jeg skulle lave lasagne – eller helt undlade at lave lasagne.

Udfordringen er at synge den samme gamle sang, men på en ny og spændende måde, for sandheden er, at der stadig ikke er fokus på vigtigheden af informationsarkitektur og at der stadig er forbløffende få der ved, hvad informationsarkitektur virkelig er og hvad en seriøs og professionel tilgang til dette kan gøre for deres forretning. De fleste vil gerne have 10 hurtige og ikke mindst billige tricks til navigationen. Er det top- eller sidemenu? Folde-ud eller mouse-over? Men virkeligheden er lidt mere kompleks.

Informationsarkitektur – når vi snakker om websites – handler om, hvordan man organiserer og strukturerer indholdet på en sådan måde, at det giver mening for brugerne – OG samtidig understøtter de opstillede forretnings- og konverteringsmål. Hvis vi vender tilbage til supermarkedet, er det vigtigt for mig, at jeg kan finde rundt i butikken af mig selv og umiddelbart kan regne ud, hvor tingene står. Men ligeså vigtigt er det for supermarkedet at placere tingene på en måde, der understøtter deres forretning, nemlig at få indkøbskurven fyldt op – og gerne med flere varer, end forbrugeren egentlig havde planlagt.

Det er derfor, at der som regel står chips ved siden af drikkevarerne, at der er slik ved kassen, at mælken er placeret bagerst i butikken og at varer med den højeste avance står i øjenhøjde. De store og tunge varer er som regel også placeret tættest ved udgangen, så man ikke skal bære dem så langt og samtidig ikke tager plads fra de andre varer i kurven.

Informationsarkitektur handler altså om at forstå brugernes adfærd og derfor må man tage udgangspunkt i, hvordan vi som mennesker forstår ting. Her er sproget et godt sted at starte, da sprog jo netop er en temmelig udbredt måde at kommunikere på. I sproget finder vi to principper: Princippet om lighed (paradigmatisk akse) og princippet om sammenhæng (syntagmatisk akse) – også kendt som ”kategori” og ”flow”.

Princippet om lighed bruges til kategorisering. En hund, en ørred og en ørn tilhører alle kategorien ”dyr”, men tilhører hver deres underkategori eller arter af dyr; pattedyr, fisk og fugl, der igen kan underinddeles i racer. Ting, der ligner hinanden, eller deler egenskaber, kategoriseres altså sammen på det niveau, hvor de hører til. Og netop her er sproget en meget god indikator for, hvordan mennesker kategoriserer ting. Oversæt dette til madvarer og du har supermarkedets hyldeopdeling. Oversæt det til websitet og du har din menustruktur.

Princippet om sammenhæng bruges til at danne budskaber. I sproget bruger vi dette princip til at danne meningsfulde sætninger. Jeg skal bruge bestemte typer af ord for f.eks. at danne sætningen ”Jeg drikker kaffe”. Sætningen ”drikker kaffe jeg” giver ingen mening, fordi rækkefølgen er forkert, mens sætningen ”Jeg mener kaffe” ikke giver mening, fordi ordet ”mener” ikke passer ind. Informationer skal altså placeres i den rigtige sammenhæng og rækkefølge for at give mening. På websitet kalder vi dette for ”flows”.

Kategorisering og sammenhæng er altså vigtigt, hvis man vil have et brugervenligt website, der understøtter ønskede flows – altså en bestemt brugeradfærd. Indholdet skal være struktureret ordentligt og der skal være et klart link mellem ting, der hører sammen. Og gerne i den rækkefølge brugeren skal bruge dem, så det både er let og fristende for brugeren at bruge og udforske websitet.

Lad os tage et eksempel:

Vil jeg f.eks. vide noget om en virksomheds miljøpolitik, går jeg ind under informationer om virksomheden, hvor jeg rigtigt nok ofte finder den ønskede information. Men der finder jeg også et direkte download link til deres rapport om emnet, der ligger i downloadsektionen, samt et direkte link til virksomhedens seminar om bæredygtig innovation, der er placeret under arrangementer samt selvfølgelig en præsentation og et købstilbud på deres kerneprodukt, der lever op til deres målsætninger.

Informationsarkitektur er altså ligeså relevant nu, som det var i 1976, da begrebet blev opfundet af Richard Saul Wurman. Og det er det, fordi det handler om vores måde at forstå og indgå i verden på. Derfor er informationsarkitektur ikke bare et spørgsmål om at sætte nok overskrifter, tilbageknapper og brødkrummer på sit website. Det handler om at sammensætte informationen på en sådan måde, at de rigtige informationer optræder de rigtige steder i den rigtige sammenhæng. Så giver det mening for brugeren og giver plus på bundlinjen. Eller sagt på en anden måde: Dit websites informationsarkitektur kan være forskellen på, om indkøbskurven er fyldt eller tom, når kunden står ved kassen.

Og selvom virkeligheden er mere kompleks, kommer nu som lovet i titlen, 10 billige tricks til en bedre web-navigation:

  1. Lav en liste over alle indholdssider på dit website.
  2. Giv hver side en værdi fra 1-5, hvor 1 er det vigtigste og 5 er det mindst vigtige.
  3. Kategoriser siderne efter princippet om lighed.
  4. Test om brugerne af dit website er enige i din kategorisering.
  5. Lav et sidediagram, hvor du i hver søjle placerer en kategori. Siderne med værdien 1 placeres øverst i hierarkiet, siderne med værdien 5 nederst.
  6. Link alle de relevante indholdssider med hinanden, efter princippet om sammenhæng.
  7. Tegn et flowdiagram over disse sammenhænge.
  8. Test om brugerne af dit website er enige i disse flows.
  9. Test om dine brugere kan finde rundt på sitet og finde dit indhold ved at give dem navigationsopgaver.
  10. Test om dine brugere kan se, hvad du vil med dit website og hvad der er vigtigt, ved at lade dem se på forsiden i 5 sekunder, hvorefter de skal kunne svare på, hvad siden handler om og hvad de kan få ud af at bruge den.

Og så husk, at dit website ALTID er i BETA, så selvom du mener at have fået en optimal informationsarkitektur på plads i henhold til de ovenstående tricks, så brug webstatistik og webanalyse til løbende at følge dine brugeres adfærd på websitet og juster løbende, således at brugeroplevelse og konverteringsgraden konstant optimeres.

Kundesupport der forværrer eller forløser

Forleden skrev jeg en småsur mail til kundeservice på et website, der havde trukket penge for et abonnement, jeg ikke var enig i at have oprettet. På sitet kunne jeg logge ind, men ikke se historikken for mit abonnement, så jeg kunne derfor ikke afgøre på egen hånd, om det var min eller deres fejl.

Under deres spørgsmål & svar sektion havde jeg set, at jeg kunne forvente svar inden for 48 timer. Men “svaret” på min småsure mail blev, at jeg kunne forvente svar senest om 10 dage. Hvilket ikke gjorde mig mindre småsur!

God og effektiv online support er et vigtigt element i en god brugeroplevelse:
- For brugeren, der får en god oplevelse, og derfor oftere vender tilbage til sitet og anbefaler det til andre
- For forretningen, der fx sparer telefonopkaldene til kundeservice, fremstår troværdige og får flere tilfredse kunder

Nu står jeg tværtimod uforløst, og der er stadig 7 dage, til jeg får svar på min mail.

Til gengæld fik min mand for nylig god support via Twitter, da han havde skrevet et småsurt offentligt indlæg (det ligger åbenbart til familien) om programmet TweetDeck, som han ikke kunne få til at virke, og derfor ville droppe at bruge. Fem minutter efter skrev en Community Manager fra TweetDeck uopfordret til ham for at løse problemet, efter en time var det løst, og kunden tilfreds:

Twitter support

Dette er et genialt eksempel på anvendelse af sociale medier til support. Jeg læste for nylig en artikel på Kommunikationsforum, hvor Asger Liebst netop argumenterer for, hvor vigtigt det er som virksomhed at være en del af de sociale medier, frem for at sidde uden for og overvåge dem. Spørgsmålet er selvfølgelig, hvilke socialt medier man som virksomhed skal bevæge sig ind på – Twitter er jo helt oplagt til en virksomhed som TweetDeck, der er en browser for, ja Twitter.

Men fremtidens markedsandele skal vindes på nettet, så det gælder om at komme ind i kampen og afprøve det væld af muligheder, det giver – Og her ser jeg klart sociale medier som et oplagt forum for online support. Giv modstanderne ordet, for de har det allerede! Og jeg har stadig 7 dage til at hidse mig yderligere op ;-)

Fra glossy magasiner til glossy applikationer

Der har gennem de seneste par år, være godt gang i debatten om hvordan de forskellige trykte magasiner og aviser bedst kan tjene penge på deres online tilstedeværelse. Ofte bliver avisernes sites finansieret via banner indtægter, hvilket stadig er vidt udbredt på danske sites også. Men jeg kan ikke selv huske, hvornår jeg sidst har klikket på et sådant banner, og jeg ville også mene, at det efterhånden er et temmelig udpint koncept på de store avis-sites og portaler med de til tider enerverende annoncer som kæmper for opmærksomhed. Men alligevel synes man at mangle en bedre business case for, hvordan man kan lave forretning på den type af sites. Og selv om jeg måske ikke selv klikker meget rundt på bannerannoncerne, må der jo være nogen som stadig gør det.?

Anyways, så var min pointe faktisk heller ikke at skrive dårligt om andres forretning, men at give et skulderklap til Wired Magazine, som så mange gange før, har fat i den tunge ende. Wired Magazine demonstrere på dette års TED konference, hvordan de bedst når ud til deres læsere, uanfægtet af tid, sted og platform. Wired har sammen med Adobe lavet en “digital magasin-læser”. Adobe står bag teknikken på magasin-læseren, som bla. også fungerer på Apples nye iPad, da magasin-læseren er produceret med AIR-teknologi. Så man kan med lidt snilde også få magasin-læseren til at virke på nyere android telefoner, og selvfølgelig på pc, mac og linux. Og med en magasin-læser som både kan vise artikler, billeder og video, og som er spændende og intuitiv at bruge. Så må det unægtelig også være en magasin-læser som er sjovere at annoncere i, og hvor man har mulighed for at producere annoncer som virker noget mere tidssvarende end de udpinte bannerannoncer.

YouTube Preview Image

Surface – Evolution eller revolution?

Microsoft lancerede i 2009 deres über-hypede teknologi ”Surface”. Surface tillader, at man i bedste sci-fi stil, kan blade rundt i en grafisk brugergrænseflade med brug af hænder og fingre, og hvor man bruger de såkaldte ”gestures” som man kender fra iPhone, til at få maskinen til at gøre hvad man ønsker. Surface har form som et sofabord med indbygget skærm. Ideen med surface er, at man kan bruge applikationer i en mere social kontekst. Typisk vil to eller flere brugere kunne interagere med Surface samtidigt. Hvilket er en af de ting hvor surface skiller sig ud fra de ”tradtionelle” kiosk- og infostandere man kender fra eksempelvis storcentre osv.

Men ser man på Surface ud fra et evolutionært perspektiv, så er det måske alligevel noget interessant ved teknologien. Uden at skulle skrive et langt indlæg om hvordan command line interfaces blev til den grafiske bruger grænseflade, så introducerer Surface begrebet NUI, Natural User Interface. Hvilket i Microsoft optik er næste skridt på vejen i menneske-computer adfærd. NUI forsøger at eliminere mus og tastatur, så man benytter kun hænder og fingre til at betjene Surface. Det åbner op for nye typer af software, hvor brugervenlighed får en helt ny betydning. Men måske også typer  af programmer som vi slet ikke kan forestille os i dag.  Andre virksomheder der med succes har udfordret brugergrænsefladens grundvilkår er Nintendo, som arbejder med det kinetiske/bevægelses-følsomme interface til at spille computerspil. Så noget tyder på, at der kan være en revolution på vej.

 surface developer  Surface developer

Billeder fra Surface developer training hos Microsoft, hvor jeg og en kollega deltog.

Den hvide sten – Smuk, simpel og sort

Så er jeg med i iPhone klubben – og hvilken glæde. Om mange år vil jeg som den gamle morfar i reklamen fortælle historier om den gang, mine små fingre pakkede den glitrende iPhone ud – “Aaarh dejlig blød og flødeagtig, jeg må bestemt være noget ganske særlig!” For er det ikke det, Apple er så gode til, at få os til at føle os som noget ganske særligt – med et ganske særligt produkt? Det er den hvide sten, som pigen aer mod sin kind, og vil gøre hvad som helst for at få.

denhvidestenMen hvad er det den kan, den iPhone? Med Nikolaj Sonnes ord er den REFERENCEN for brugeroplevelse – og potentielle konkurrenter fremstår som hundelorte med sløjfer (her er jeg blot et medium for gadgetguruens ord). Den gode brugeroplevelse kan defineres ved, at produktet er let at bruge, funktionelt og æstetisk lækkert.

Om et produkt er let at bruge kan måles ud fra, hvor meget der skal arbejdes for at nå målet – hvor lang tid tager det, og hvor mange fejl begås der, før man når sit mål. Som Nikolaj Sonne fint illustrerer, er det lynhurtigt at navigere rundt i iPhonen og udføre sine ønskede opgaver. Den er generelt lettere at lære og kende end andre mobiltelefoner pga. den enkle brugergrænseflade og de forståelige interaktioner, der mapper virkelighedens navigation. Så gælder det bare om for fremtidige applikationer at drage fordel af konventionerne og brugernes tillærte adfærd.

Funktionelt dækker over, hvorvidt et produkt har de funktioner, som brugeren efterspørger. Dvs. kan målet overhovedet nås, er det kun en procentdel af det der nås osv. Her har iPhonen netop den fordel, at den blot er en platform for udvikling af software – Der er i princippet ingen grænser for, hvilken funktionalitet brugeren kan putte ind på sin iPhone – Reelt sætter Apples App Store monopol dog grænserne.

Det kan være lidt sværere at definere et produkts æstetiske lækkerhed. Don Norman forklarer det meget præcist med sætningen “Attractive things works better“. Jeg ignorerer netop i mit stille sind, at jeg skriver færre sms’er i øjeblikket (og går selvfølgeligt ud fra, det blot er en tilvænningsperiode) - da iPhonen er smuk, rar at røre ved, lækker organisk at interagere med osv. – Men den er ikke er helt i sync med min sædvanlige smse-med-en-hånd-mens-jeg-cykler-for-det-er-nu-jeg-har-tid adfærd.

Og så kan man altid være efter den pga. prisen, Apples monopol på App Store osv. Men indrømmet – Jeg har aet den mod min kind. Adskillige gange.

E-handel: undgå utilfredse kunder og forladte indkøbsvogne

Vidste du at omkring 60% af alle online indkøbsvogne bliver forladt, inden de kommer til kassen – og langt de fleste allerede før check ud processen? At det er så mange kom lidt bag på mig da jeg læste det i Smashing Magazine. Tænk på alle de produkter der befinder sig i disse indkøbsvogne og ikke bliver købt!

Jeg har dog selv bidraget til denne statistik, og det hænger tit sammen med to ting: usikkerhed om produktdetaljer og bøvlede check ud processer. Jeg vil vove at påstå, at en forladt indkøbsvogn tit er forbundet med en dårlig kundeoplevelse.

En ting kommer man i hvert fald ikke udenom: hvis en indkøbsvogn ikke skal vrages før målstregen, er det ikke nok at anskaffe det rigtige software og fylde en database med produkter. Kundeoplevelsen er nødt til at komme i fokus, for det er den, der har den afgørende effekt i sidste ende.

En god kundeoplevelse indebærer bl.a., at kunderne ikke tvinges til at tænke; de skal nemt og sikkert kunne søge, browse og finde, for derefter hurtigt og uden ekstra overvejelser checke ud, betale og vente på, at postmanden kommer forbi (og helst kunne følge med på nettet præcis hvornår han kommer).

Der findes mange gode fifs til at fremme den gode kundeoplevelse, og et drømmescenarie kan være som følger:

Drømmescenarie – sådan bør det være

Når en kunde ankommer til dit e-handelssite, finder han hurtigt det ønskede produkt. Dette fordi din søge- og browsestruktur er gennemtænkt og understøtter netop denne proces til fulde med bl.a. velovervejet kategorisering og navngivning (informationsarkitektur), en god søgemaskine, gode filtreringsmuligheder etc.

Kunden tænker nu ikke på andet end det produkt der vises på skærmen, der på grund af den gode placering umiddelbart er i kundens fokus – alt andet er nemlig sekundært! Produktbeskrivelsen er kort og enkel, billederne er klare og informative, evt. understøttet af video og interaktive elementer, og sammen svarer det på kundens spørgsmål til produktet.

Derudover er der tydelige ”call to action” elementer, f.eks. en stor og tydelig ’Tilføj til indkøbsvogn’ -knap, således, at kunden ubesværet kan lægge varen i indkøbsvognen. Og så er der, ligesom i offline verdenen, relaterede produkter han kan udforske videre og evt. snuppe med.

Når kunden lægger varen i indkøbsvognen bliver han værende på produktsiden, men ser, at varen bliver tilføjet og hvad han skal betale for den – også hvad det vil koste ham at få den bragt hjem.

Nu har kunden fundet det, han er ude efter (og måske mere til) og står med varerne i den ene hånd og kreditkortet i den anden, skal det gå som smurt. Trin 1: oversigt over ordren vises og personoplysninger indtastes. Trin 2: ordren kan kontrolleres, godkendes og bestillingen flyver af sted. Kunden ved nu, at næste gang han skal handle noget på dette site, er det nok at indtaste e-mail eller telefonnummer, så fremfindes de nødvendige oplysninger automatisk. Han behøver ikke at bruge unødig tid på at oprette en profil.

Således slutter dette groft opridsede drømmescenarie for et godt købsflow og en god kundeoplevelse. De bagvedliggende detaljer, der ikke er udpenslet her, spiller en vigtig rolle – hvorfor en succesfuld kundeoplevelse er betinget af et godt og grundigt arbejde med bl.a. informationsarkitektur, interaktionsdesign og visuelt design.

Vil du læse mere om e-handel og kundeoplevelser kan jeg bl.a. anbefale følgende artikler:

What people see before they buy: Design guidelines for e-commerce product pages with eyetracking data

15 Common Mistakes in E-Commerce Design

5 Universal Principles For Successful eCommerce-Sites

Amazon: No Longer the Role Model for E-Commerce Design

Drop drillemenuen

Noget af det værste jeg ved med drop-down menuer er, at de nogle gange driller ved at forsvinde, inden jeg når at bevæge cursoren ned til det relevante menupunkt. Eller at et lillebitte utilsigtet sving med cursoren forårsager samme utilfredsstillende resultat.

Jo flere fold ud muligheder der er i en drop-down menu, jo værre bliver det – især hvis man endelig er kommet ned til det nederste niveau og vips, en lidt usikker hånd og man må gøre det hele om igen. Følelsen af, at korthuset falder sammen, lige inden man lægger det sidste kort på værket, er utilfredsstillende. Min brugeroplevelse har fået en ridse i lakken.

Alligevel er der én form for drop-down menu jeg gerne vil slå et slag for. En såkaldt mega drop-down menu driller nemlig ikke på samme måde, som så mange andre. Tværtimod giver den brugerne af store og informationstunge sites muligheden for at få en nem oversigt over sitets mange emner, uden krav om en hurtig og sikker hånd. Mega drop-down menuer scorer desuden højere end visse andre, når de brugertestes (Jakob Nielsen’s Alertbox, March 23, 2009)!

En mega drop-down grupperer de forskellige muligheder for navigation, og man kan endda få plads til at benytte illustrationer, hvis man ønsker det:

Office123

Office123, made by Valtech

Jeg er selvfølgelig ikke den eneste der har skrevet noget om dette emne. Vil du læse mere og måske også om nogle mere tekniske detaljer, så kig nærmere på:

Smashing Magazines artikel: Designing Drop-Down Menus: Examples and Best Practices

Jakob Nielsens artikel: Mega Drop-Down Navigation Menus Work Well

Søgning, det bedste sted at finde viden om dit site

Sidste år deltog jeg på konferencen jboye08, og som altid, når man får inspiration fra dygtige og kompetente mennesker, er der nogle oplevelser som bliver hængende lidt længere end andre. Et af disse emner var et indlæg omkring search af Martin White.

Det der gav stof til eftertanke, var ikke alle problemstillingerne omkring søgning (dem er der mange af) og tro mig, det ved Martin White meget om. Men det er i højere grad, hvor lidt vi bruger den viden, som søgningen på vores websites og intranets giver os. Hvor mange bruger searchlogs aktivt, hvis man overhovedet har dem aktiveret?

Prøv at gennemgå dine logs, eller bare brug lidt tid på at analysere de søgedata dit webstatistik værktøj giver dig, og se hvad der søges på. Her vil du med garanti finde nogle spændende ting. Du kan opleve at sider som du mener er helt i top, findes via søgning frem for gennem navigationen (informationsarkitekturen). Dette fordi brugerne benytter andre ord for indholdet, end det som du/I mener bedst beskriver det konkrete indhold. Så er der tid til at reviewe det aktuelle content.

Et andet eksempel er en spændende opdagelse som jeg stødte på tidligere i år. Ved gennemgang af hvad brugerne på et website søgte på, fandt vi ud af, at 40 procent af de søgninger der blev foretaget var på branchekoder for varer. En åbenlys indikation af, at brugerne ikke kunne finde de produktdata som de havde behov for, da der ikke var mulighed for at finde produktbeskrivelser på denne måde. Årsagen til, at dette ikke var blevet synligt tidligere, var at der blev søgt på mange forskellige produktkoder, hvorved disse søgninger aldrig kom op i “top 20″. Men samlede man alle søgninger på branchekoder til én post, viste det sig altså at de udgjorde 40 procent af alle søgninger på sitet!

Opgaven er måske ikke den mest spændende, da det er “kedelig” dataanalyse, men søgedata giver dig de bedste indikationer over manglende funktionalitet, eller uhensigtsmæssig udarbejdet indhold, så der er ingen vej udenom.