SlideShare a Scribd company logo
1 of 41
Introduktion till användbarhet Det är  inte  mänskligt att fela. Det är något produktutvecklare tutar i oss när de struntat i användbarhet. Med några väl valda ord om tillgänglighet…
Välkomna! intranät extern webb Synlig i sökmotorerna. Kvalitetssäkrad. Tillgänglig för funktionshindrade. Lätt att hitta, använda och förstå. AB_? C Tack. Integrerad I övrig kommunikation. Vi gör din webb… Muntlig info
Upplägg ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Möten med användbarhet
Älskling, kan du ställa om klockan på videon? Asch, jag satte på fel platta! Vi får vänta lite till på potatisen. Men va f-n? Vilken dammsugar-påse är det vi ska ha nu igen? Men, hur får jag i backen? Uh! Jaha, tack, jag trodde den gick inåt…
Slutsatser / utgångspunkter ,[object Object],[object Object],[object Object],[object Object],[object Object],Tänk om det kunde funka så här i stället…
Vad vill vi med användbarhet? ,[object Object],[object Object],[object Object],[object Object],Skönt, datorn ställde om klockan själv…
Vad vinner vi på hög användbarhet? ,[object Object],[object Object],Vad smidigt, det måste jag utnyttja! Och jag måste berätta för Lasse.
Varför är det svårt? människans förmåga att ta till sig information 2005 1800 informationsmängd var dag tid
informationsöverflöd kaos ilska svårt att få/hitta rätt information svårt att förstå informationen frustration besvikelse inte  en effektiv och nöjd användare
Hur ska vi börja med webben? ,[object Object],[object Object],[object Object]
Vad är vår webb? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Användbarhet handlar om…
Vad är hög användbarhet på webben? ,[object Object],[object Object]
 
Varför blir det låg användbarhet? ,[object Object],[object Object],[object Object],[object Object],[object Object]
Paradox? ,[object Object],[object Object]
 
Upp med handen ,[object Object]
Vanliga missuppfattningar ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Vilka typer av problem uppstår? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Varför uteblir testerna? ,[object Object],[object Object],[object Object],[object Object],[object Object]
Efter pausen: hur man identifierar vanliga brister
Hitta fel ,[object Object]
Vad vi uppmärksammar var är jag? förstår jag i vilket sammanhang informationen återges? vad kan jag göra? får jag en enkel överblick över mina valmöjligheter och förstår jag i förväg vad som händer när jag väljer att göra något? hur kommer jag tillbaka där jag var? för att återgå till en tidigare vy och göra ett nytt val därifrån, vad är enklaste vägen dit? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],INFO A-Ö SÖK
Var är jag? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Hej, här är jag – vad är det här för något? Hej, vad trevligt att du kom. Du kan läsa om dagens program och söka efter tidigare program. Du kan också låna eller köpa program, om du är en skola.
Vilka val finns tillgängliga? ,[object Object],[object Object],[object Object],[object Object],Varför går inte bilden att klicka på?
 
Vad händer om jag klickar? ,[object Object],[object Object],[object Object],[object Object],Varför funkar inte bakåt-knappen? Klicka här Avancerad sökning  Karriärmöjligheter FAQ E-giro
Recalculate total / Remove products Product catalog Empty basket Buy products
Var är jag nu? ,[object Object],[object Object],[object Object],Jag har ingen aning om var jag är!!
 
När du måste förklara Ja, så är det förstås! Oj, hur ska jag komma ihåg det?
Vad ingen bör göra ,[object Object],[object Object],[object Object],[object Object],Vad sjutton!? Varför syns inte sidan!?
Viktigast när jag undersöker/testar? ,[object Object],Ähm, är det här navigationen? Åh tusan. Fixa. Vad är FAQ för något? Åh tusan.
Vad testar man? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Användbarhetstest, steg för steg ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Goda nyheter! ,[object Object],[object Object],[object Object]
Slutsatser ,[object Object],[object Object]
Bra länkar ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Frågor, kommentarer Vad sa han?

More Related Content

Similar to Introduktion till användbarhet på webben

UX: Missar, myter & nyttiga fakta
UX: Missar, myter & nyttiga faktaUX: Missar, myter & nyttiga fakta
UX: Missar, myter & nyttiga faktaKAN
 
Usability 2010 02 25
Usability 2010 02 25Usability 2010 02 25
Usability 2010 02 25guestfd9063
 
Kunskapsbaren 2011 Stockholm - Attraktiv användarupplevelse
Kunskapsbaren 2011 Stockholm - Attraktiv användarupplevelseKunskapsbaren 2011 Stockholm - Attraktiv användarupplevelse
Kunskapsbaren 2011 Stockholm - Attraktiv användarupplevelseHiQInternational
 
Kunskapsbaren 2011 Stockholm - Attraktiv användarupplevelse
Kunskapsbaren 2011 Stockholm - Attraktiv användarupplevelseKunskapsbaren 2011 Stockholm - Attraktiv användarupplevelse
Kunskapsbaren 2011 Stockholm - Attraktiv användarupplevelseHiQInternational
 
Ny teknik på webben
Ny teknik på webbenNy teknik på webben
Ny teknik på webbenPer Axbom
 
Frontit seminarium: Hur kan kommuner nå effektmål och minska resursslöseri i ...
Frontit seminarium: Hur kan kommuner nå effektmål och minska resursslöseri i ...Frontit seminarium: Hur kan kommuner nå effektmål och minska resursslöseri i ...
Frontit seminarium: Hur kan kommuner nå effektmål och minska resursslöseri i ...Frontit
 
HT18 - DA156A - Usability (1)
HT18 - DA156A - Usability (1)HT18 - DA156A - Usability (1)
HT18 - DA156A - Usability (1)Anton Tibblin
 
Tillganglig webb - bra för alla
Tillganglig webb - bra för allaTillganglig webb - bra för alla
Tillganglig webb - bra för allaPär Lannerö
 
Lyckas som ledare i det digitala klassrummet frida monsén
Lyckas som ledare i det digitala klassrummet   frida monsénLyckas som ledare i det digitala klassrummet   frida monsén
Lyckas som ledare i det digitala klassrummet frida monsénFrida Monsén
 
UX - med användarens upplevelse i centrum
UX - med användarens upplevelse i centrumUX - med användarens upplevelse i centrum
UX - med användarens upplevelse i centrumKAN
 
Kulturwebb Pro Bono 2009
Kulturwebb Pro Bono 2009Kulturwebb Pro Bono 2009
Kulturwebb Pro Bono 2009Lars J
 
På användarnas villkor
På användarnas villkorPå användarnas villkor
På användarnas villkorDarja Isaksson
 
Hur kan kommuner nå effektmål och minska resursslöseri i projekt?
Hur kan kommuner nå effektmål och minska resursslöseri i projekt?Hur kan kommuner nå effektmål och minska resursslöseri i projekt?
Hur kan kommuner nå effektmål och minska resursslöseri i projekt?Aras Kazemi
 
Webinar Suniweb 150422 kring sök
Webinar Suniweb 150422 kring sökWebinar Suniweb 150422 kring sök
Webinar Suniweb 150422 kring sökAndreas Hallgren
 
24timmarswebben Introduktion 2008 01 15
24timmarswebben Introduktion 2008 01 1524timmarswebben Introduktion 2008 01 15
24timmarswebben Introduktion 2008 01 1524timmarswebben
 
AB-testning från A till Ö
AB-testning från A till ÖAB-testning från A till Ö
AB-testning från A till ÖConversionista
 
Affärsnytta med sociala medier
Affärsnytta med sociala medierAffärsnytta med sociala medier
Affärsnytta med sociala medierSpringtimePR
 

Similar to Introduktion till användbarhet på webben (20)

UX: Missar, myter & nyttiga fakta
UX: Missar, myter & nyttiga faktaUX: Missar, myter & nyttiga fakta
UX: Missar, myter & nyttiga fakta
 
Interaktionsdesign
InteraktionsdesignInteraktionsdesign
Interaktionsdesign
 
Usability 2010 02 25
Usability 2010 02 25Usability 2010 02 25
Usability 2010 02 25
 
Kunskapsbaren 2011 Stockholm - Attraktiv användarupplevelse
Kunskapsbaren 2011 Stockholm - Attraktiv användarupplevelseKunskapsbaren 2011 Stockholm - Attraktiv användarupplevelse
Kunskapsbaren 2011 Stockholm - Attraktiv användarupplevelse
 
Kunskapsbaren 2011 Stockholm - Attraktiv användarupplevelse
Kunskapsbaren 2011 Stockholm - Attraktiv användarupplevelseKunskapsbaren 2011 Stockholm - Attraktiv användarupplevelse
Kunskapsbaren 2011 Stockholm - Attraktiv användarupplevelse
 
Ny teknik på webben
Ny teknik på webbenNy teknik på webben
Ny teknik på webben
 
Frontit seminarium: Hur kan kommuner nå effektmål och minska resursslöseri i ...
Frontit seminarium: Hur kan kommuner nå effektmål och minska resursslöseri i ...Frontit seminarium: Hur kan kommuner nå effektmål och minska resursslöseri i ...
Frontit seminarium: Hur kan kommuner nå effektmål och minska resursslöseri i ...
 
HT18 - DA156A - Usability (1)
HT18 - DA156A - Usability (1)HT18 - DA156A - Usability (1)
HT18 - DA156A - Usability (1)
 
Tillganglig webb - bra för alla
Tillganglig webb - bra för allaTillganglig webb - bra för alla
Tillganglig webb - bra för alla
 
Digital handout v10_screen
Digital handout v10_screenDigital handout v10_screen
Digital handout v10_screen
 
Lyckas som ledare i det digitala klassrummet frida monsén
Lyckas som ledare i det digitala klassrummet   frida monsénLyckas som ledare i det digitala klassrummet   frida monsén
Lyckas som ledare i det digitala klassrummet frida monsén
 
UX - med användarens upplevelse i centrum
UX - med användarens upplevelse i centrumUX - med användarens upplevelse i centrum
UX - med användarens upplevelse i centrum
 
Kulturwebb Pro Bono 2009
Kulturwebb Pro Bono 2009Kulturwebb Pro Bono 2009
Kulturwebb Pro Bono 2009
 
På användarnas villkor
På användarnas villkorPå användarnas villkor
På användarnas villkor
 
Hur kan kommuner nå effektmål och minska resursslöseri i projekt?
Hur kan kommuner nå effektmål och minska resursslöseri i projekt?Hur kan kommuner nå effektmål och minska resursslöseri i projekt?
Hur kan kommuner nå effektmål och minska resursslöseri i projekt?
 
Utbildning interaktiva moten
Utbildning interaktiva motenUtbildning interaktiva moten
Utbildning interaktiva moten
 
Webinar Suniweb 150422 kring sök
Webinar Suniweb 150422 kring sökWebinar Suniweb 150422 kring sök
Webinar Suniweb 150422 kring sök
 
24timmarswebben Introduktion 2008 01 15
24timmarswebben Introduktion 2008 01 1524timmarswebben Introduktion 2008 01 15
24timmarswebben Introduktion 2008 01 15
 
AB-testning från A till Ö
AB-testning från A till ÖAB-testning från A till Ö
AB-testning från A till Ö
 
Affärsnytta med sociala medier
Affärsnytta med sociala medierAffärsnytta med sociala medier
Affärsnytta med sociala medier
 

More from Per Axbom

Don't feed the designers after midnight
Don't feed the designers after midnightDon't feed the designers after midnight
Don't feed the designers after midnightPer Axbom
 
Mostly Harmless - Design for digital with a conscience
Mostly Harmless - Design for digital with a conscienceMostly Harmless - Design for digital with a conscience
Mostly Harmless - Design for digital with a consciencePer Axbom
 
Misusability workshop at Interaction 18 in Lyon
Misusability workshop at Interaction 18 in LyonMisusability workshop at Interaction 18 in Lyon
Misusability workshop at Interaction 18 in LyonPer Axbom
 
Det osynliga problemet med sagolika användarupplevelser
Det osynliga problemet med sagolika användarupplevelserDet osynliga problemet med sagolika användarupplevelser
Det osynliga problemet med sagolika användarupplevelserPer Axbom
 
Sagolika användarupplevelser
Sagolika användarupplevelserSagolika användarupplevelser
Sagolika användarupplevelserPer Axbom
 
The Hidden Persuaders of the Digital Age
The Hidden Persuaders of the Digital AgeThe Hidden Persuaders of the Digital Age
The Hidden Persuaders of the Digital AgePer Axbom
 
Utmaningar och konkreta tips för framgång i stora projekt
Utmaningar och konkreta tips för framgång i stora projektUtmaningar och konkreta tips för framgång i stora projekt
Utmaningar och konkreta tips för framgång i stora projektPer Axbom
 
Innehåll först med innehållsprototyper
Innehåll först med innehållsprototyperInnehåll först med innehållsprototyper
Innehåll först med innehållsprototyperPer Axbom
 
Fairy Tale Experiences
Fairy Tale ExperiencesFairy Tale Experiences
Fairy Tale ExperiencesPer Axbom
 
Det osynliga problemet med sagolika användarupplevelser
Det osynliga problemet med sagolika användarupplevelserDet osynliga problemet med sagolika användarupplevelser
Det osynliga problemet med sagolika användarupplevelserPer Axbom
 
Digitala medier och människor
Digitala medier och människorDigitala medier och människor
Digitala medier och människorPer Axbom
 
UXTERMINATOR - Bekämpa hinder
UXTERMINATOR - Bekämpa hinderUXTERMINATOR - Bekämpa hinder
UXTERMINATOR - Bekämpa hinderPer Axbom
 
UX - Konsten att se människan
UX - Konsten att se människanUX - Konsten att se människan
UX - Konsten att se människanPer Axbom
 
Tillgänglighet 2013
Tillgänglighet 2013Tillgänglighet 2013
Tillgänglighet 2013Per Axbom
 
Explaining UX with a glass of lemonade
Explaining UX with a glass of lemonadeExplaining UX with a glass of lemonade
Explaining UX with a glass of lemonadePer Axbom
 
Betaltjänster och människor
Betaltjänster och människorBetaltjänster och människor
Betaltjänster och människorPer Axbom
 
UXLx 2013 sketchnotes
UXLx 2013 sketchnotesUXLx 2013 sketchnotes
UXLx 2013 sketchnotesPer Axbom
 
Eliminate Design - a rant about the responsibility of UX professionals
Eliminate Design - a rant about the responsibility of UX professionalsEliminate Design - a rant about the responsibility of UX professionals
Eliminate Design - a rant about the responsibility of UX professionalsPer Axbom
 
Digital trends that will transform your business
Digital trends that will transform your businessDigital trends that will transform your business
Digital trends that will transform your businessPer Axbom
 
UX i agila projekt
UX i agila projektUX i agila projekt
UX i agila projektPer Axbom
 

More from Per Axbom (20)

Don't feed the designers after midnight
Don't feed the designers after midnightDon't feed the designers after midnight
Don't feed the designers after midnight
 
Mostly Harmless - Design for digital with a conscience
Mostly Harmless - Design for digital with a conscienceMostly Harmless - Design for digital with a conscience
Mostly Harmless - Design for digital with a conscience
 
Misusability workshop at Interaction 18 in Lyon
Misusability workshop at Interaction 18 in LyonMisusability workshop at Interaction 18 in Lyon
Misusability workshop at Interaction 18 in Lyon
 
Det osynliga problemet med sagolika användarupplevelser
Det osynliga problemet med sagolika användarupplevelserDet osynliga problemet med sagolika användarupplevelser
Det osynliga problemet med sagolika användarupplevelser
 
Sagolika användarupplevelser
Sagolika användarupplevelserSagolika användarupplevelser
Sagolika användarupplevelser
 
The Hidden Persuaders of the Digital Age
The Hidden Persuaders of the Digital AgeThe Hidden Persuaders of the Digital Age
The Hidden Persuaders of the Digital Age
 
Utmaningar och konkreta tips för framgång i stora projekt
Utmaningar och konkreta tips för framgång i stora projektUtmaningar och konkreta tips för framgång i stora projekt
Utmaningar och konkreta tips för framgång i stora projekt
 
Innehåll först med innehållsprototyper
Innehåll först med innehållsprototyperInnehåll först med innehållsprototyper
Innehåll först med innehållsprototyper
 
Fairy Tale Experiences
Fairy Tale ExperiencesFairy Tale Experiences
Fairy Tale Experiences
 
Det osynliga problemet med sagolika användarupplevelser
Det osynliga problemet med sagolika användarupplevelserDet osynliga problemet med sagolika användarupplevelser
Det osynliga problemet med sagolika användarupplevelser
 
Digitala medier och människor
Digitala medier och människorDigitala medier och människor
Digitala medier och människor
 
UXTERMINATOR - Bekämpa hinder
UXTERMINATOR - Bekämpa hinderUXTERMINATOR - Bekämpa hinder
UXTERMINATOR - Bekämpa hinder
 
UX - Konsten att se människan
UX - Konsten att se människanUX - Konsten att se människan
UX - Konsten att se människan
 
Tillgänglighet 2013
Tillgänglighet 2013Tillgänglighet 2013
Tillgänglighet 2013
 
Explaining UX with a glass of lemonade
Explaining UX with a glass of lemonadeExplaining UX with a glass of lemonade
Explaining UX with a glass of lemonade
 
Betaltjänster och människor
Betaltjänster och människorBetaltjänster och människor
Betaltjänster och människor
 
UXLx 2013 sketchnotes
UXLx 2013 sketchnotesUXLx 2013 sketchnotes
UXLx 2013 sketchnotes
 
Eliminate Design - a rant about the responsibility of UX professionals
Eliminate Design - a rant about the responsibility of UX professionalsEliminate Design - a rant about the responsibility of UX professionals
Eliminate Design - a rant about the responsibility of UX professionals
 
Digital trends that will transform your business
Digital trends that will transform your businessDigital trends that will transform your business
Digital trends that will transform your business
 
UX i agila projekt
UX i agila projektUX i agila projekt
UX i agila projekt
 

Introduktion till användbarhet på webben

  • 1. Introduktion till användbarhet Det är inte mänskligt att fela. Det är något produktutvecklare tutar i oss när de struntat i användbarhet. Med några väl valda ord om tillgänglighet…
  • 2. Välkomna! intranät extern webb Synlig i sökmotorerna. Kvalitetssäkrad. Tillgänglig för funktionshindrade. Lätt att hitta, använda och förstå. AB_? C Tack. Integrerad I övrig kommunikation. Vi gör din webb… Muntlig info
  • 3.
  • 5. Älskling, kan du ställa om klockan på videon? Asch, jag satte på fel platta! Vi får vänta lite till på potatisen. Men va f-n? Vilken dammsugar-påse är det vi ska ha nu igen? Men, hur får jag i backen? Uh! Jaha, tack, jag trodde den gick inåt…
  • 6.
  • 7.
  • 8.
  • 9. Varför är det svårt? människans förmåga att ta till sig information 2005 1800 informationsmängd var dag tid
  • 10. informationsöverflöd kaos ilska svårt att få/hitta rätt information svårt att förstå informationen frustration besvikelse inte en effektiv och nöjd användare
  • 11.
  • 12.
  • 14.
  • 15.  
  • 16.
  • 17.
  • 18.  
  • 19.
  • 20.
  • 21.
  • 22.
  • 23. Efter pausen: hur man identifierar vanliga brister
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.  
  • 29.
  • 30. Recalculate total / Remove products Product catalog Empty basket Buy products
  • 31.
  • 32.  
  • 33. När du måste förklara Ja, så är det förstås! Oj, hur ska jag komma ihåg det?
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.