Archive for augusti, 2013

Usability versus user experience

augusti 21, 2013

Vad är skillnaden mellan usability och user experience?

Kort sagt, kan man säga att med usability menar man ”Kan användaren åstadkomma sitt mål”? Med ”user experience” lägger man även till ”Kan användaren åstadkomma sitt mål och hur upplevdes detta?”

Usability är ett snävare begrepp eftersom det handlar om man kan genomföra det mål man har med sina handlingar. Med user experience så lägger man till upplevelsen man har medan man utför handlingen. Var den positiv för att det gick bra eller negativ för att det var svårt att förstå? I det vidare begreppet ligger även design (gillar jag hur produkten ser ut?), marketing och det i sin tur medför vilken generell känsla man får gentemot produkten.

Källa:
UIE – The difference between usability and user experience

Usability geek – The difference and between usability and user experience

Riktlinjer för informationsstruktur

augusti 13, 2013
  1. Alfabetisk ordning är sämre än logisk struktur, prioritering efter vad som är viktigast eller mest eftersökt.
    (Källa: Norman alertbox: Alphabetical Sorting must (mostly) Die
    Två fördelar med alfabetisk ordning är bra om använare vet namnet som man söker efter . ( tex lista på städer) Då hittar man snabbt.  Eller att man inte resurser eller tid till att gruppera och analysera innehållet som designer.
    Nackdel: Man vet sällan namnet, då funkar inte A-Z. Däremot letar man efter en logisk ordning.
  2. (Olika sätt att gruppera innehåll)
    Ämnesindelat, avsändarindelat (te x enheter)
  3. Dubbelpublicera, men skapa inte polyhierarkier.
    Viktigare att skapa och tänka ut logiska strukturer. Bara för att man kan och det är lätt så ska man inte överutnyttja att sidor och produkter kan ligga på flera ställen i strukturen. Med för många olika strukturella dimensioner och klassifikationer så måste användaren anstränga sig för att förstå och komma vidare. Dubbelpublicering kan vara befogat, men överutnyttja inte för att du är lat eller vill vinna tid!
    Källa: Norman Alertbox: 10 Information Architecture Mistakes – nr 4)
  4. Stöd olika sökstrategier.
    Vissa vill leta, andra vill söka sig fram. Dynamiskt kontra strukturellt innehåll.
    Min sida/mina genvägar gör att man hittar igen.
    Läs mer: Webbriktlinjer – erbjud användaren flera orienterinsstöd
    Stöd inte för många, bara för att ni kan implementera 25 stycken. Det förvirrar mer än hjälper:
    Källa: Norman Alertbox: 10 Information Architecture Mistakes – nr 9)
  5. Landningssidor visar vad som finns, inte bara strukturen.
    Källa:  Norman Alertbox: 10 Information Architecture Mistakes – nr 3)
  6. Innehållet styr strukturen.
  7. Varje sida ska ha ett klart mål
  8. Var konsekvent i utformningen av navigeringen.

  9. Det viktigaste ska vara enkelt att hitta
    Källa: Webbriktlinjer – Det viktigaste ska vara enkelt att hitta

  10. Använd ordval som besökaren är bekant med
    Källa: Webbriktlinjer – Det viktigaste ska vara enkelt att hitta
    Hitta inte på nya ord till menyn. Använd hellre gamla ord som är lätta att förstå.
    Desto mindre troligt att man förstår ordet, ju mindre troligt att man väljer att klicka på det,
    Källa:  Norman Alertbox: 10 Information Architecture Mistakes – nr 10)
  11. Identifiera vilka uppgifter som besökaren tycker är viktigast att göra på webbplatsen. 
    1-2 klick bort.
    Källa: Webbriktlinjer – Det viktigaste ska vara enkelt att hitta 

Metoder:

 

Effektkartläggning
referensgrupper

användningstester,
intervjuer,

Identifiera och prioritera krav mha personas.

  • Card sorting

Droppa bilder i browsern för att se hur de ser ut i olika devices

augusti 6, 2013

På den här smarta sajten kan man droppa bilder för att se hur de ser ut på olika devices. Det finns iOS och ett par Androids, sen lovar det att det ska komma flera så småningom

mockuphone.com/

 

Skärmavbild 2013-08-06 kl. 09.13.35

Ghostlab / Adobe Edge- testa sajter

augusti 5, 2013

Ghostlab
Har precis testat Ghostlab för första gången. Gick otroligt snabbt att installera och få igång. De devices som man vill testa på måste dock dela nätverk med datorn du använder dig av för att det ska funka. Nu orkade jag inte fixa WiFi på min iPhone för att connecta den…

Men hade föreställningen om att Ghostlab faktiskt hade virtuella devices som man kunde koppla upp sig mot och dela skärm med. Men så smaskigt var det tyvärr inte….

Adobe Edge Inspect CC
Adobe har också en produkt för detta, som heter Adobe Edge Inspect CC. Har dock inte testat den ännu…

http://html.adobe.com/edge/inspect/

Optimistisk interaktion = visa effekt av interaktion direkt.

augusti 5, 2013

Luke W har skrivit bra artikel om ”performing actions optimistically”, dvs tala om för användaren direkt att något har hänt, när hen interagerat med gränssnittet, OAVSETT om det har det eller inte.

Exempel:

Instagram ändrar sin ”like” knapp till ”liked” direkt. Man väntar alltså inte på att servern svarar. Om det skulle misslyckas på vägen så tar man itu med det då, istället för attha en delay mot gränssnittet.

Varför då? Jo, t e x så är svarstiden ibland dålig i mobila nätverk, därför bör man tala om för användaren att deras förfrågan är på väg att behandlas /har tagit effekt oavsett om den har utförts eller inte.

Ett annat exempel, som gått ett steg längre.

I en appen Polar så kan man skapa omröstningar (polls). Så fort man skapat en så sparas den lokalt och syns SOM OM den redan låg ute.  Under tiden så försöker appen skicka iväg den till servern och den försöker flera gånger innan den talar om att det inte lyckats. Det skulle vara intressant att få detaljer om hur länge den väntar i tid innan den talar om att nätet inte fungerar!