** I denne heuristiske evalueringen har vi identifisert potensielle brukbarhetsutfordringer** ved hjelp av Don Normans designprinsipper [1] og gestaltprinsippene[2,3,4]. Vi har gruppert brukbarhetsutfordringene etter prinsipp for å gjøre det mer oversiktlig. Under hver utfordring har vi illustrert selve utfordringen og et forslag til forbedring.

1. Don Normans designprinsipper

Affordance - Hvilken handling inviterer produktet til å gjøre? (Knapp - trykk meg)

  • False affordance: Knappene på innstillingene er grået ut selv om de er trykkbare (forslag: gjøre de rød istedenfor)
  • Knapper ser ikke så trykkbare ut (skygge, borders?)

Constraints - Begrensninger leder brukeren til å gjøre den “rette” handlingen. (Knapp - grået ut)

  • I oppg 1 vil man trykke på annonsen på “anbefalt” men man får ikke (statisk), skjønner ikke nødvendigvis at vi skal inn på profil osv.

Feedback - En handling skal resultere i en tilbakemelding eller konsekvens. (Knapp - nytt vindu) Mapping - Er det sammenheng mellom handlingen og resultatet? (Knapp (pil opp) - volum opp)

  • Hjem knapp går til anbefalt (bad)
  • “Gis bort” - ser ut som en knapp, men kan ikke trykkes. “Lånes bort” og “Ønskes” ser ut som tekster, men fungerer som en knapp (bad) //den e jo ikke en knapp, alle ser lik ut og så ser dem lilla ut når dem e “valgt”, alle funger som en knapp og ser ut som tekst

Visibility - Brukeren må ha oversikt over produktets tilstand og mulige handlinger. (Progresjonsbar, cancel-knapp)

  • Kunne ha hatt tekst under meny ikonene for å holde bedre oversikt, i hvilke knapp sender til hvilke slide i stedet for å bare gjenkjenne igjen ikonene. (bad)

  • Meldinger: “Deg: herlig! Det er et” - umulig å se. Forgrunn og bakgrunn lite kontrast. [F]
  • Lånes bort/ønskes tekst på annonser er for lys (hvis man f.eks. er ute i sola)

  • Annonse i chat bør være fixed øverst eller at det står med liten skrift navn til pers/tingen i annonsen så man husker hva som skjer uten å måtte gå ut til “meldinger” og sjekke

  • Navbar er for tjukk
  • Etterhvert som man har mange annonser og tidligere transaksjoner kan dette gjør at man må bla/scrolle veldig mye for å komme seg tidligere transaksjoner. Profilsiden vil da bli veldig lang etter en del gjennomførte transaksjoner eller annonser. Dette kan fikses med at man kun viser siste annonse/transaksjon, og at det er en “se alle”-knapp som leder til en egen side av annonsene .

Consistency - Like oppgaver har like måter å utføres på. Designet bygger på regler. (“Klikk-og-dra” for å markere komponenter)

  • Runde bilder med lilla border ser ut til å være klikkbar for de fleste bilder, men bilde på profil kan ikke trykkes. (fungerer annerledes enn de andre bildene) (bad) [L]

2. Gestalt prinsipper her har vi ingenting hjelp

[L]ikhet Når objekter ligner på hverandre (i form og/eller farge), ser man dem ofte som ett objekt.

  • Flere farger ønskes [K]ontinuasjon En linje som har en bestemt retning oppfattes som om den fortsetter i samme retning. Linjen over ikonet i navbaren oppfattes som en kontinuerlig linje som går langs toppen av navbaren? [H]elhet Dersom et objekt er uferdig, vil hjernen observere hele objektet ved å fylle inn den manglende informasjonen. [N]ærhet Når objekter er plassert nærme hverandre, blir de ofte sett på som en gruppe. [F]orgrunn og bakgrunn Øyet skiller et objekt (forgrunn) fra det som ligger rundt objektet (bakgrunn).
  • Meldinger og annonser har samme farge som bakgrunn og skilles bare med skygge noe som kan gjøre det vanskelig å skille forgrunn fra bakgrunn i noen sammenhenger.

KILDER

  1. Sharp, H., Preece, J., & Rogers, Y. (2019). Don Norman Principles. I Interaction Design: Beyond Human-Computer Interaction 5th Edition (ss. 26-30). Wiley.
  2. Soegaard, M. (2020, January). Gestalt Principles, The Law of Similarity - Gestalt Principles (1). Hentet fra Interaction Design Foundation: https://www.interaction-design.org/literature/article/the-law-of-similarity-gestalt-principles-1
  3. Soegaard, M. (2020, January). Gestalt Principles, Laws of Proximity, Uniform Connectedness, and Continuation – Gestalt Principles (2). Hentet fra Interaction Design Foundation: https://www.interaction-design.org/literature/article/laws-of-proximity-uniform-connectedness-and-continuation-gestalt-principles-2
  4. Soegaard, M. (2020, January). Gestalt Principles,The Laws of Figure/Ground, Prägnanz, Closure, and Common Fate - Gestalt Principles (3). Hentet fra Interaction Design Foundation: https://www.interaction-design.org/literature/article/the-laws-of-figure-ground-praegnanz-closure-and-common-fate-gestalt-principles-3