Heuristisk evaluering af library.au.dk -RASC

library.au.dk

Metode

Gruppen har valgt at anvende metoden heuristisk evaluering på library.au.dk. Hver medlem besøgte siden individuelt med henblik på at finde en tirsdagens litteratur, Anthony Dunne bøgerne. Hvert medlem brugte ca. en time på at analyse siden og resultaterne. Dette skyldes at interfacet er relativt omfattende. Gruppen gik Jakob Nielsens 10 Usability Heuristics for User Interface Design igennem punkt for punkt og noterede gode og dårlige elementer. Dagen efter satte gruppen sig sammen og sammenlignede resultaterne. Gruppen har valgt at inddrage Normans begreber om feedback, signifiers og konceptuelle modeller.

Evaluatorerne har taget udgangspunkt i en førstegangsbruger, som er vant til at bruge nettet, men ikke library.au.dk.

Gruppen har valgt ikke at fokusere på menuen i venstre side på forsiden og de tilhørende links.

Pga. sygdom i gruppen har der kun været to evaluatorer, som muligvis har påvirket de endelige resultater.

Visibility of system status

Når man søger på siden får man feedback i form af et “evighedshjul”.

Samtidig ændres markøren i tekstskrivning områder til I-markøren, og ved links ændres markøren til en klik-markør. Begge er indlærte kulturelle konventioner.

Feedback på dropdown menuen øverst er langsom.

Match between system and the real world

Siden gør brug af ordet ‘liste’ og benytter dertil et stjernesymbol -> hvad betyder dette? Som førstegangsbruger kan det være svært at vide, at det betyder favoritter.

Blander danske og engelske betegnelser, som kan være ret forvirrende.

User control and freedom

På alle sider er det muligt at komme tilbage trin for trin, da der er en tråd for oven, hvor der står, hvor du er henne, og hvor du var før. Det står dog meget småt og knap så tydeligt.

Når man specificerer sin søgning efter man har søgt kan man hurtigt krydse dem væk igen.

I stedet for at gå til en ny side, når man trykker på en bog, bliver man på samme side, men får stadig udvidet information.

Det er let at ændre sin søgning, da søgebaren altid er oppe i toppen på alle sider. (Undtagen når man trykker på et af de links, der er på venstre side ved forsiden.)

Consistency and standards

Gruppen har ikke observeret noget til dette. Har kritikgruppen det?

Error prevention

Gemmer søgeinformationer, selv når man forlader hjemmesiden på forsiden. Dette gælder ikke på de andre sider, her kommer den med forslag i stedet.

Der er ikke en pop-up besked, når man trykker på de links, der er til rådighed ved bøgerne, og her forlader man siden.

Flexibility and effiency og use

Har man brugt siden før og har man logget ind, vil den automatisk logge brugeren ind igen ved, når man trykker på noget, man skal være logget ind for.

Recognition rather than recall

Flere steder mangler der feedback i form af hvad de forskellige ikoner betyder.

Når man har søgt, står det ikke tydeligt, hvad man har søgt på. Hvis man her har skrevet forkert, kan det være svært at vide, hvad det er.

Aesthetic and minimalist design

For mange informationer på forsiden med noget, der ikke har noget med biblioteket at gøre.

Gemmer tallene ved specifikationer når man ikke har musen ved siden af.

Man får først info om bøgerne når man trykker på dem.

Der er gjort brug af klare farver som både skaber en kraftig opdeling af siden, og gør at brugeren kan fokusere på de vigtige ting. Den blå farve forbindes med AU da det er “deres farve”.

Der bliver brugt mange ikoner og symboler, som gør det mere overskueligt for brugerne at guide sig igennem siderne. Disse fungerer samtidig som tydelige signifiers.

Help users recognize, diagnose, and recover from errors

Søger man på noget, som ikke har givet nogle resultater, får man klar besked, og man får samtidig forslag til hvordan man ellers kan søge.

Help and documentation

På forsiden er der mange muligheder for at få hjælp, både som søgefelt i toppen og som links der fører hen til hjælpesider både i midten og nederst.

Hvis man søger på en bog, forsvinder søgebjælken i toppen, og man kan her kun finde hjælp i bunden af siden.

Analyse af Ebrary

Analyse af brug af Ebrary e-bog’s system:

Fokus på at læse en bog (en del af en bog), skrive noter og markere tekst, efter at teksten er fundet på Ebrary, og man er kommet ind til teksten.

Normans begreber: Affordances, signifiers, constraints, mapping..

Uden log-on på Ebrary

• Interfacet viser e-bogens forside med det samme, oversigt over bogen samt tre forskellige menuer.

• Interface:
• Menu 1 (sort menu i toppen):
• Menu 2 (Hvid menu i toppen - værktøjer):
• Menu 3 (Blå menu i venstre side):
• Menu 4 (Ved overstregning fremkommer lille menu med 5 symboler)
• Oversigt over bogen med søgefunktion og kapitel menu

• Scroll down funktion for at bladre videre i bogen, pile i den hvide værktøjsmenuen på toppen af siden, nem at navigere i teksten. Kapitel oversigten/menuen afforder også navigation rundt i teksten (hurtigere navigation)

Efter log on på Ebrary:

Afforder markering

• Highlight og noter kan ikke bruges uden log on. Constraint
• Highlight kan foretages ved både den permanente værktøjsmenu og den fremkomne menu ved overstregning
• Forskellige highlight farver fremkommer kun i den skjulte menu.
• Funktioner der ikke kan bruges er gjort grå/utydelige og på den måde et constraint, da man ikke kan klikke på dem. (F.eks. add to bookshelf)

Afforder notater:

• Hvis note til bestemt del af tekst skal teksten markeres og derefter skal der trykkes på “note ikonet” enten i den permanente menu eller den skjulte.
• Hvis noten er til hele siden markeres ingenting, men trykker på noten i den permanente værktøjsmenu og noten fremkommer i øverste venstre hjørne af siden, man er på. man kan altså kun lave en note til en bestemt del af tekst hvis man i forvejen ved at man kan markere tekst i ebogen.
• Ved note: boks fremkommer med boks til at skrive noget i, cancel/save knap, luk og delete knap samt mulighed for at udvide boksen.

Gestalt

Øverst menubar - Sort, adskiller sig fra de andre menuer pga. menu-farve samt skriftfarve, der bruges en lysere grå til bogstaver og proximity af de forskellige værktøjer menubaren afforder.

Nedre menubar - Grå, deler sine menuer ind via en stiplet vertikal bjælke der giver closure omkring de forskellige funktioner men får stadigvæk bjælken til at virke som en enhed da linjerne er stiplet og ikke giver nogen forvirring om de er værktøjer der kan klikkes på.

Højre menubar - lyseblå, gestalten fra de tidligere barer gentages her bare i en horisontal funktion og bruger mørke ikoner med en lys baggrund for at skabe kontrast og give ikonerne form.

Generelt for de fleste ikoner bruges baggrundsfarven til at skabe closure omkring ikonerne da flere af dem ikke er tegnet “færdig”, f.eks. “detail” knappen i højre menubar, “add to bookshelf” og “share link” i nedre menu-bar osv.

Semiotik

Den hvide menu-bar er gjort af symboler som viser en mulig handling. Mange af symbolerne er genkendelige gennem metaforer som er viden i hovedet. F.eks:

• Tusch (overstregning,
• Loop (zoom),
• Bogmærke,
• Pile (Bladre højre og venstre,
• Printer (Print),
• Pil nedad (Download),
• Citationsmærker (Litteraturhenvisning),
• Lænke (Link)
• To ark (Kopier)

Dog kan det blive en smule forvirrende ved andre af symbolerne, hvor man bliver nødt til at tjekke deres funktion. Såsom:

• Plustegn med streger bag (Pas til skærmens størrelse)
• Gestalt-mæssigt er den i proximity med de andre “zoom”-anvendelige symboler, derfor kunne man måske forstå hvad den muligvis kan bruges til, men umiddelbart virker symbolet uklart.
• En side, med pil nedad, foran (Download kapitel)
• Det kunne lige så godt være enten download hele teksten, download siden eller andet. At det skulle være et kapitel er uklart, men den er, som “Fit to Width” i proximity med de andre download funktioner.
• Rektangel hvor den ene side er bukket indad (Note)
• Man kunne måske tænke at det var en sticky-note, men umiddelbart virker det uklart at det skulle betyde at man vil tage et notat.
• Bog med flueben foran (Tilføj til boghylde)
• I venstre menu betyder bog-symbolet at man kan se detaljer om bogen, men her betyder samme bog at man kan tilføje den til en boghylde. Fluebenet er så småt at man ikke ser det først, og siden at den fremstår grå kunne man tro at den viser om man har læst bogen færdig, og til den tid bliver sort.
• Det skal dog nævnes at det er muligt at holde musen henover alle symbolerne, og få forklaret hvad de gør.

Symbolerne i venstre menu giver rimelig meget sig selv via. deres metaforer for forståelser af symbolerne vha. viden i hovedet. På nær stjernen, som kunne tænkes at betyde favoritter, men her er det en liste over hvor der er overstreget og noteret i teksten.

eReolen - Digi Dinoer

Metode

I denne analyse af eReolen har vi valgt at afgrænse os udelukkende til eReolens iOS app.

Til udarbejdelse af denne analyse anvendte vi Heuristic evaluation, helt konkret baseret på Jakob Nielsens 10 generelle principper for interaktionsdesign fra 1994.

TIl gennemførelsen af evalueringen, argerede gruppens tre medlemmer som evaluatorer, der i tyve minutter, individuelt evaluerede iOS appen. Denne adskilte evaluering, havde her til formål, at sikre selvstændig og fordomsfri evaluering fra hver evaluator i henhold til Nielsens principper.  

Vi valgte at bruge tyve minutter på den individuelle evalueringen da interfacet er relativt simpelt og indeholder få dialog elementer.   

Inden den individuelle evalueringen, afstemte vi mellem os, hvordan vi forstod de forskellige heuristiske principper, for at mindske afvigelser og skabe konsensus omkring anvendelsen af dem.

Under evalueringen noterede vi hver især hvilke af de 10 principper hvor der forekom mangler og noterede dertil eksempler på disse mangler. Dette gav anledning til en kortlæggelse og sammenligning af fundne brugervenlighedsproblemer.

Efter evalueringen diskuterede vi disse fundne problemer og afstemte hvorvidt der var tale om en mangel, hvorved vi kom frem til de endelige brugervenlighedsproblemer i appen, som vi efterfølgende analyserede. Dertil tilføjede vi et ekstra parametre, nemlig “Bug” (som blot er et udtryk for en handling der for appen til at crashe).

NB: Vi er velvidende, at nogle af de fundne brugervenlighedsproblem vi har indraget, i denne analyse og evaluering af eReolens app, er mindre problemer der ikke nødvendigvis ødelægger den overordnede brugsoplevelse.

Heuristisk evaluering

 

Tabellen illustrere problemer fundet under den Heuristiske evaluering. kolonnerne “Emil”, “Tilde” og “Frederik” illustrere brugervenlighedsproblemer fundet under den individuelle evaluering. Kolonnen “Samlet” fremviser de endelige brugervenlighedsproblemer.

Visibility of system status 

Søger man efter en titel, hvor der ikke kommer nogle “hits” kommer følgende meddelelse (billede 1) , søger man igen på en anden titel, hvor der heller ikke kommer nogle “hits”, ændre interfacet ikke, det er derfor meget svært at se om den har registreret ens anden søgning. 

Man kan argumentere for, om det ville være passende at gøre det mere tydeligt at der er sket endnu en søgning.

(billed 1)

Match between system and the real world

Appen snakker brugerens sprog, med korte og nemme vendinger.
Dog kan der argumenteres for at symbolet “øjet” er en konvention der endnu ikke er så udbredt, mange vil nok finde “huset” som et mere naturligt symbol, dog konnotere øjet et “overview”, som stemmer overens med dens funktion.

Consistency and standards

Gennem vores evaluering af eReolen kom vi frem til nogle helt konkrete eksempler vores der var en mangler på konsistens. F.eks. har udviklerne af appen anvendt forskellige symboler der at til indikere man kan få information om et konkret emne, eksempler på dette ses nedenfor.

Her ses det at der bliver anvendt 2 forskellige symboler til at illustrere samme funktion. Venstre billed er taget under info om en konkret E-Bog, mens højre er taget fra log ind menuen.

Yderlige 2 andre symboler i kan findes i appen der symbolisere samme funktion, hvilket vil sige her der tale om hele 4 forskellige symboler. Der er altså en tydelig mangel på konsistens, og selvom dette umiddelbart er et mindre fejl der kan løses gennem “trail and error”. Så kan det give anledning til brugervenlighedsproblem for begynder brugere. Løsningen er her dog ganske oplagt, nemlig at ændre de forskellige symbolerne til et fælles. Hvor man vil argumentere for at symbolet der ses på overstående billed til højre i forhold til semiotikken vil være mest i overensstemmelse med i konventionerne for platformen. 

Help users recognize, diagnose, and recover from errors 

Et godt system vil som hovedregel, ifølge den heuristiske metode, søge at formindske eller helt udrydde mulige handlinger der kan lede til fejl og blindgyder. Sker der fejl, skal systemet være behjælpelig med genoprettelse af det fejlen har medført. Dette bør også ske ved fejl, hvor det ikke er handlingen der er fejlagtig ifht. systemet, men systemet der fejler f.eks., i sin kodning eller anden teknik. Efter at vi i gruppen testede om man kunne være flere mobiler logget ind på samme bruger (det kunne man ikke) medførte det fejlmeddelelsen “Forespørgsel fejlet. Prøv igen senere”. Denne fejlmeddelelse kom konsekvent ved flere log-in forsøg, efter vores test af flere mobiler på én bruger. For at finde løsningen til dette problem kan man argumentere for, at en tydelig henvisning til hælp, i dette tilfælde, ville have gjort væsentligt mere gavn, end deres umiddelbare forslag “Prøv igen senere”.

Det skal selvfølgelig nævnes, at der ikke er blevet foretaget en grundigere undersøgelse af, om der findes en mere gennemgribende forklaring end deres fejlmeddelelse. Men da, som den heuristiske metode proklamere, så bør hjælp og forslag, være klart og tydeligt og hjælpsomt.

Help and documentation

“Hjælp” sektionen findes ved at kligge på symbolet med tre vandrette linjer, øverst i venstre hjørne. Dette leder brugeren ind på @reolens hjemmeside. Her bliver man mødt med en box der umiddelbart siger noget om at hjælpe. Scroller man lidt ned, kommer man til en “kontakt” box. Her kan specifere sine problemer og kontakte eReolen. I de fleste tilfælde, vil det være mere ubelejligt at skulle lave opkald, for at få hjælp. Hvis man kligger lidt rundt igen, på “hjælp” siden, kan det hænde at man får trykket på hjælpknappen, inde på hjælp siden. Det er et valg med en overraskelse. For først ved tryk på denne knap, kommer man ind på det der ofte forbindes med en hjælpside. Det er ærgeligt at man er ude i at skulle bruge hjælp, for at få hjælp. 

Når du så finder frem til hjælp er der to valgmuligheder “APP 2.0” og “Ereolens APP 1.1”  - derfra er det utroligt svært at finde svar på sit spørgsmål.

Dog skal det siges at når man finder frem til svaret, er der lavet en god beskrivelse af hvordan man udfører det korrekt

Bug

Under undersøgelsen af APPen blev der fundet en “bug”.
Går man ind under “log ind” og kun indtaster “vælg dit bibliotek” og efterfølgende klikker “log ind” crasher appen og lukker helt ned, dette gør den konsekvent.

Denne bug ville umiddelbart kunne ses som en fejl i forhold mange af de 10 heuristikker, vi  tilføjede derfor et ekstra parametre da gav et bedre billed af evalueringen.  

Analyse af Momondo.dk

Analysestafet - momondo.dk

Fritjof, Frederik, Regitze & Lui

Heuristisk Evaluering:

Vi har anvendt metoden, heuristisk evaluering, hvor vi individuelt har besøgt hjemmesiden med målet om, at finde en rejse fra Billund til Istanbul. Under sekvensen har noteret positive og negative bemærkninger omkring hjemmesidens tilgængelighed på baggrund af Jakob Nielsens 10 Usability Heuristics for user interface design. Efter den individuelle evaluering af hjemmesiden, har vi opsamlet de primære problemer vi hver især har noteret, og sammen skrevet de primære problematikker.

Vi var 4 evaluatorer, dog uden observatør, idet vi erkendte at vi alle er mere eller mindre erfarne internet gængere. Derfor retter vores heuristiske evaluering en målgruppe, der tilegner sig unge danskere i 20-års alderen.

Visibility of system status

Søgningsfeedback har form af en progress bar, der følger søgemaskinens resultater. Resultaterne opdateres derudover live.

Match between system and the real world

Ordet ‘Bedst’? Meget vagt - betyder det den mest luksuriøse rejse, bedst anmeldte eller noget helt tredje? (Svar: bedst anmeldte)

Trip Finder og Prisagent er umiddelbart nye ord, men man kan få en detaljeret beskrivelse, hvis man trykker på det - uden at gå væk fra momondo.dk

På trods af enkelte fremmedord bruger de ellers et alment sprog, uden nogen fremmed terminologi.

User control and freedom

Når du bliver videreført til en ekstern hjemmeside, så kan man nemt lukke hjemmesiden, idet at momondo bliver liggende i en fane for sig.

Det er let at ændre på sin søgning, fordi søgningsbaren konstant er synlig i toppen af hjemmesiden under menuen.

De ekstra tilvalgsmuligheder i søgningsbaren skifter plads, efter man har søgt efter rejse, hvilket gør det forvirrende at ændre fra tur-retur til en enkelt tur.

Consistency and standards

Farveskema-anvendelse fortæller meget om sammenhæng mellem funktioner, og hjælper derved også med at navigere de enkelte elementers funktioner og ‘vægt’.

Error prevention

Momondo beholder gemte søgningsinformationer, hvis du forlader siden, og senere vender tilbage.

Den beholder dog ikke valget mellem billigste, hurtigste eller bedste rejse.

Hvis man vælger tur-retur, og derefter enkeltrejse, men så fortryder og vælger tur-retur igen, så bliver hjemrejsesdatoen sat til samme dag som afgangsrejsen automatisk, uden feedback.

Recognition rather than recall

Informationerne står altid i den cyane bar, så du kan altid rette din rejse.

Det samme gælder information om hvordan du har filtreret rejsesøgningen.

 

Aesthetic and minimalist design

CMYK-farveskema tillader konnotativt et neutralt, men farverigt udtryk, og de klare farver giver en højst synlig opdeling af sidens indhold.

Ikoner, som eksempelvis smileys, giver detaljeret information om deres betydning, hvis musen svæver over ikonet.

Æstetisk sjusk i filter-sidebaren. Teksten står til dels udenfor de grå kasser.

Help users recognize, diagnose, and recover from errors

Du kan ikke rigtigt lave en fejl, medmindre du reelt betaler for en forkert bestilling, og du læser forkert - dette sker oftest på eksterne hjemmesider.

Help and documentation

Hjælp-knappen sidder i toppen af siden fremfor nederst.

Alle hjælpe-spørgsmålene er delt ind i kategorier, men der er INGEN søgefunktion for spørgsmål.

Når man trykker på hjælp-ikonet åbner den en ekstern fane, så du kan fortsætte hvor du slap på momondo, når du har fået løst dit problem.

Gestalt:

Fritjof fremlægger en lille gestalt analyse for jer, som en lille afrunding på fremlæggelsen.