2. 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)
4. Mätetal - Definition av framgång
• Vi skapar verktyg
• … som kundernas anställda använder
• … som underlättar deras vardag
• … i timmar och minuter
5. 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å
6. 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
8. 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
9. Förmågan att fylla i mönster
Skapa sammanhang
Skapa mening av kaos
Skapa ”min” tolkning
Skapa ”min” verklighet
12. 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
20. 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?
34. 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
Först hittar man delarna: huvudet, öronen, tassarna för att sen skapa sig en helhet av det man ser. I början ser man inte ryggen, svanse eller kroppen. Hur det går till, vet vi inte – men vi vet att det fungerar. Välkommen till Psykologin!
Reification eller på svenska “Förtingligande”. En konstruktiv aspect av uppfattande, där vi skapar en rumslig upplevelse av saker som inte finns. I bilden finns varken triangeln eller klotet – vi skapar det I vårt medvetande.
Multistabilitet; d v s förmågan att skapa olika mönster från samma bild, och få unika uppfatfningar av vad som visas.Konstnären Oscar Reutersvärd är internationellt erkänd för att utnyttja multistabilitet I sina konstverk.
Används för att skilja enheter från varandra för att tydliggöra vilka enheter som hör ihop
Gruppering av element. De behöver inte vara lika för att skapa en logisk enhet.
Objekt som liknar varandra – hör ihop
Ibland blir det otäckt
Närhet. Kolumner och rader
Fisken bildas av fyra helt olika element.Cirklarna är olika, men p g a att ciklarna ligger nära varandra – hänger de ihop i en grupp
Ett formulär som behöver rättas upp
Radioknapparna ska vara vertikala och i linje med textfälten
Knapparna ska följa samma linje som textfälten
Anpassa textfält efter förväntat innehåll
Två grupper ska bli en enhet
Obligatoriska fält markeras med avvikande fält och ibland även med förklarande text i samma färg
Constraints – se till att man inte kan skicka iväg ett formulär utan innehållAlternativ till obligatoriska fält
Underlättar för användaren genom attr stödja hennes kognitiva förmåga, rak linje, anpassade fält och att bara kunna skicka när obligatoriska fält är ifyllda.
Hur hittar användaren det hon söker efter?Genom sök – vidare till navigering – söker igen, kanske på webbplatsens egen sök. Fortsätter till dess användaren hittat det hon söker efter.
Bakåt (Back) är den vanligaste navigeringen på webben
Startisdan används i huvudsak som navigeringsstart – inte för att läsa nyheter eller hitta annat innehåll
Alltid låta användaren veta var hon befinner sig genom att ha en tydlig rubrik och gärna använda breadcrumbs. Navigeringen bör visa på vilken del av webbplatsen man befinner sig. Organisera innehållet innan publicering genom en genomarbetad struktur. Ha ordning och var konsekvent.
Sharepoint, Office, Outlook, CRM-system, Affärssystem, Har förmodligen en iPhone, Bankomat och plastkort med koder, Mikrovågsugnar som inte är intuitiva, fjärrkontrollen och naturligtvis ett tidrapporteringssystem. Allt detta kan skapa kognitiv stress eftersom olika system uppträder på olika sätt – ger olika feedback och uppträder olika.En anställd på en vanlig bensinmack har 25 olika system att hantera – så det MÅSTE vara uppenbart hur man sköter systemen utan att behöva läsa manualen.
Tetra Pak skapade en ikon på sin kontrolpanel – som hade formen av en svala. Vad betyder den?