Hellre användningskvalitet än användarvänlighet

Användarvänlighet? Säg hellre användbarhet elleranvändningskvalitetJonas Söderström •

twitter @jonas_blind_hen2 Text

”Användarvänlig” En term som fallit i onådRyan Smith Photography / Flickr med Creative Commons-licens

AnvändbarFoto: Docman / ﬂickr med Creative Commons-licens

Användbarhet ärett kvalitetsmått... på ett slutresultat• ”Den här sajten hög användbarhet”• ”Användbarheten är dålig för det här systemet”

Användbarhet ären processSaker som ”användbarhetsmänniskor” gör • User-centered design • Interaction design • Information architecture • Human-centered design

Användbarhet ärmer än gränssnitt • Vad ska produkten användas? • Var? • Av vem? • Vad behöver de? Vad vill de?

User interface:Three kinds of design Jonas Söderström information architect

Let’s make a digital interface• Initial decision: the interface will have a row of tabs at the top.• How do we do that?

• Should they be blue ...• or ...

• Colors?• Shapes and proportions?• Borders?• Shadows?• Typography?• These decisions require a speciﬁc competence

Children•”Children” or ”Parents”?•What names / terms go into the tabs?

Parents Youth Retired Employers Press• What names should we use?• What order?• What goes under each heading?• These decisions require a very different competence

Parents Youth Retired Employers Press• What to do with the tab? How does it react?• What happens on mouseover?• What happens on click? What service starts?• Can you cancel that action?• ... and this is clearly yet another competence!

graphic designview, enjoy

graphic information design designview, enjoy find, understand, interpret

interaction do, buy, design download, register graphic information design designview, enjoy find, understand, interpret

Color, form,typography, mood

Titles,Color, form, headlines,typography, labels, disposition, mood links, search

Forms, buttons, task flow, error messages, feedback Titles,Color, form, headlines,typography, labels, disposition, mood links, search

interaction do, buy, design download, register graphic information design designview, enjoy find, understand

User experience interaction do, buy, design download, register graphic information design design view, enjoy find, understand

Systems e-commerce,have transactional systemsdifferent interactionfocuses design graphic information organization, marketing, design design governmentmovie trailer document managment,

”Press 1 for ...”

voice, accent,prosody, speed(visceral design)

voice, accent, menuprosody, organization speed ”press 1 for(visceral x, press 2 for design) Z

time for entering? press ahead/barge in? voice, accent, menuprosody, organization speed ”press 1 for(visceral x, press 2 for design) Z

Who are our interactioncolleagues? design graphic information design design

Who are our interactioncolleagues? design graphic information design designbrand strategist

Who are our interactioncolleagues? design graphic information design designbrand strategist marketing

Who are our interactioncolleagues? design graphic information design designbrand strategist marketing information dept

system architectsWho are our interactioncolleagues? design graphic information design designbrand strategist marketing information dept

it dept system architectsWho are our interactioncolleagues? design graphic information design designbrand strategist marketing information dept

it dept developers system architectsWho are our interactioncolleagues? design graphic information design designbrand strategist marketing information dept

Cooperation interaction design graphic information design designMost systems have all parts! Where things go wrong!

Search function interaction design graphic information design design

Search function Search interface interaction design graphic information design design

Search function Search interface interaction design How are things labeled? graphic information design design

interaction do, buy, design download, register graphic information design designview, enjoy find, understand

Information architecture interaction do, buy, design download, register graphic information design design view, enjoy find, understand

Information architecture interaction do, buy,Informati design download, register onarchitect graphic information design design view, enjoy find, understand

What theuserdoes

What the user does Startsbrowsing

What the user does Seems Starts OK?browsing

What the user does Seems Starts OK?browsing Unpleasant, slow – leaves

What the user does Seems Where is Starts OK? the stuffbrowsing I need? Unpleasant, slow – leaves

What the user does Seems Where is Starts OK? the stuffbrowsing I need? Can’t find – leaves Unpleasant, slow – leaves

What the user does Let me do what I want / to do Seems Where is Starts OK? the stuffbrowsing I need? Can’t find – leaves Unpleasant, slow – leaves

What the user Can’t do – leaves does Let me do what I want / to do Seems Where is Starts OK? the stuffbrowsing I need? Can’t find – leaves Unpleasant, slow – leaves

How the user feels Can’t do my business Looks Can’t find Starts ugly whatbrowsing I need

Subject to change?

Subject to change?• Graphic design can often be changed very quickly (templates, style sheets)

Subject to change?• Graphic design can often be changed very quickly (templates, style sheets)• Information design – can be changed, but will take time and must often be done by hand

Subject to change?• Graphic design can often be changed very quickly (templates, style sheets)• Information design – can be changed, but will take time and must often be done by hand• Interaction design – huge cost, if changes are possible at all.

Risk vs effort• Bad graphic design is usually the greatest threshold for acceptance • Users judge digital systems very fast• Bad information design is the biggest problem in use• Bad interaction design has the greatest potential to hurt your brand or the relation with your customers – for a very long time

Läs mer• En sajt kräver tre sorters design • http://kornet.nu/3xdesign.shtml• Vad är informationsarkitektur? • http://kornet.nu/iarkitekt.shtml

Kom ihåg:4 saker att göra

Ett:Observera användarna

Lyssna inte påanvändarna”People will often say ’I’d like it better if it could do x’.It always pays to be suspicious of these requests for newfeatures. If you probe deeper, it often turns out that theyalready have a perfectly ﬁne source for x – and wouldn’tbe likely to switch: they’re just telling you what theylike.” Steve Krug: Don’t make me think

Observera i deras miljö

Från studie av Folktandvården i Stockholm

Spaldings nya basketboll .

Spaldings nya basketboll • Ball includes internal micro- pump, hidden inside the ball • Pops up when needed • Focus groups did not catch this user requirement • What happened to market share? .

Marknadsandel?.

Marknadsandel? • Från 32 % till 64 % på ett år!.

Två:Fånga deras drivkrafter

Tre:Börja med enklaprototyper

Enkla prototyper – tidigt

Enkla prototyper – tidigt”The most remarkable ﬁnding was that gettinga low-functionality version of the product intocustomer’s hands at the earliest opportunityimproves quality dramatically.”Marco Iansiti & Alan MacCormack: Why Evolutionary Software Works. MIT SloanManagement Review, Winter 2001,Volume 42, Number 2

Fyra:Testa regelbundet

Inga universalrecept• Högst tre klick? Högst sju val på en skärm? Toppmeny bättre än sidomeny?• Det ﬁnns få ”rätta” svar för de ﬂesta gränsnittsproblem.• Kontext-beroende• Kompromisser

Användbarhet ...

Användbarhet ...är inte nog!

Usable

UsableUseful

Could I use it?

Could I use it?Would I use it?

Usable• Hittar jag var material ﬁnns?• Förstår jag hur knappar funkar?• Är navigeringen konsistent?• Är felmeddelanden begripliga?• Ger programmet feedback på vad jag gör?

Useful• Har jag faktiskt tillräcklig nytta av det, i mitt arbete / liv / verksamhet …?• Användarens mål, motiv, motivation, alternativ

UsabilityUsefulness

Usability Usefulness+

Usability Usefulness+ User experience

Usability Usefulness+ User experience Användningskvalitet

Fifth Avenue, NY

Usability Usefulness+ Desirability ?

Usability Usefulness+ Desirability Framgång

Photo: Björn Falkevik

jonas@kornet.nu Tac Slideshare: Jonas_inUse Sajt: www.javlaskitsystem.se Twitter: Jonas_Blind_HenPhoto: Björn Falkevik

Hellre användningskvalitet än användarvänlighet

by Jonas Söderström on Nov 12, 2011

Accessibility

Categories

Upload Details

Usage Rights

2 Embeds 5

Statistics

Hellre användningskvalitet än användarvänlighet Presentation Transcript

http://us-w1.rockmelt.com	4
http://paper.li	1