Användbarhet i praktiken

User ExperienceWhy do we need to care?

Användbarhet i praktiken

• Varför behöver vi bry oss?• Gestaltlagarna (White Spaces, Grouping, Similarity, Proximity)• Beteenden och upplevelser hos användare (Navigering, Sök, Hur hittar

jag, Var är jag)• Användaren och hennes digitala miljö i ett större perspektiv. • Informationsarkitektur (Struktur, Organisation, Navigering och

Namngivning)

Varför?

behöver vi bry oss?

Mätetal - Definition av framgång

• Vi skapar verktyg

•… som kundernas anställda använder

•… som underlättar deras vardag

•… i timmar och minuter

Timmar och minuter

• Tid som vi sparar…

•… ger n användare * tid till kunden

• 7000 användare * 5 minuter = 583 000 kronor!

•… vilket i förlängningen är det vi lever på

Intranet 2006

• Varje anställd använder 2 timmar och 30 minuter om dagen för att Leta efter Information

• > 90 000 anställda

• 225 000 timmar varje dag ”Leta efter Information”

• 20 000 000 USD varje dag

Gestaltlagar

Gestalt

•En rörelse som startade före WW1 inom experimentell psykologi•Människan upplever bilder som ett välorganiserat sammanhang snarare än enskilda komponenter•Helheten är viktigare än delarna

Förmågan att fylla i mönster

Skapa sammanhangSkapa mening av kaosSkapa ”min” tolkningSkapa ”min” verklighet

Emergence

Förmågan att fylla i mönster

Reification

Förmågan att fylla i mönster

Multistability

White Spaces

• Negativ yta• Yta mellan grafiska element: • marginaler • avstånd mellan kolumner• Avstånd mellan web parts

• Skapar (icke-synliga) avstånd mellan objekt

Grouping

Similarity

Similarity

Similarity

Similarity

Proximity

Nära blir en grupp

Att komma ihåg

• Objekt som liknar varandra - hör ihop• Objekt som är nära varandra – hör ihop• Objekt som grupperas tillsammans – hör ihop• Avstånd (white space) skapar gränser• Och?

Så vad betyder det här i praktiken?

Ett formulär:

Skapar grupper – logiska enheter

Alltid vertikala radioknappar

Knappar tillhör gruppen

Anpassa fältens bredd efter innehåll

Högerställ ”labels”

Underlätta användning (tomma formulär)

Alternativ till ”obligatorisk uppgifter”

If(mandatoryFieldsHaveContent() == true) {submit.disable = false;}

Undviker Kognitiv stress

Beteenden hos användaren

Hur hitta användaren?

NavigeringSök Sök

Sök SökNavigering

Navig

erin

g

Navig

eri

ng

Eller så här

Link

Link

Inte antingen eller utan och

Användaren kommer inte till startsidan Hon kommer till den sida sökmotorn

hittat Så snacket om Startsidan är överdriven

Informationsarkitektur

Låt användaren se var hon är

Titel (label)

Breadcrumbs

Navigering

Organisation

Struktur

Ordning

Konsekvent

Den digitala miljön i större perspektiv• Inte bara SharePoint…

Använd konventioner

• Hitta inte på ikoner• Uppfinn inte hjulet igen