Introduktion til user experience

52
User Experience Design

description

 

Transcript of Introduktion til user experience

Page 1: Introduktion til user experience

User Experience Design

Page 2: Introduktion til user experience

User Experience (UX)

En samling af forelæsninger der berører

User Experience/User Experience Design:

• Uge 43 (i dag): Introduktion til User Experience og efter pausen, Informationsarkitektur på Websites.

• Uge 44: Usability og Evaluering.• Uge 47: Oplevelsesdesign (Christian Winther

Bech).

Page 3: Introduktion til user experience

Experience

Page 4: Introduktion til user experience

Definitioner af UX

• IBM• Apple• Garrett

Page 5: Introduktion til user experience

IBM

“User experience design fully encompasses traditional Human-Computer Interaction (HCI) design and extends it by

addressing all aspects of a product or service as perceived by users…”

www-01.ibm.com/software/ucd/designconcepts/whatisUXD.html

Page 6: Introduktion til user experience

IBM

“… HCI design addresses the interaction between a human and a computer. In

addition, user experience design addresses the user's initial awareness,

discovery, ordering, fulfillment, installation, service, support, upgrades,

and end-of-life activities…”

www-01.ibm.com/software/ucd/designconcepts/whatisUXD.html

Page 7: Introduktion til user experience

Apple Developer Network

“User Experience is a term that encompasses the visual appearance, interactive behavior, and assistive

capabilities of software.”

web.archive.org/web/20110604233528/http://developer.apple.com/ue/index.html

Page 8: Introduktion til user experience

Garrett

“The user experience development process is

all about ensuring that no aspect of the user’s experience with your site happens without your conscious, explicit intent.”

(Garrett, 2003: 21)

Page 9: Introduktion til user experience

Garrett

“This means taking into account every possibility of every action the user is likely

to take and understanding the user’s expectations at every step of the way

through that process.”

(Garrett, 2003: 21)

Page 10: Introduktion til user experience
Page 11: Introduktion til user experience

User Experience Design

• "One cannot design a user experience, only design for a user experience." (Sharp et al., 2007: 15).

• User Experience (UX) bruges ofte synonymt med User Experience Design (UXD).

Page 12: Introduktion til user experience

Opsummering

• User Experience er brugernes oplevelse af produktet.

• Alle produkter er forbundet med en brugeroplevelse (Garrett, 2003: 10).

• User Experience dækker den totale oplevelse fra vugge til grav.

Page 13: Introduktion til user experience

Opsummering

• Designprocessen handler om, at sætte sig I brugerens sted og indfri brugerens forvendtninger.

• User Experience indeholder HCI, Interaktionsdesign, Informationsarkitektur, Usability, Interfacedesign, Visuelt design mv.

Page 14: Introduktion til user experience

Delta & American Airlines

Før-efter-eksempler indenfor luftfartsbranchen.

Page 15: Introduktion til user experience

passfail.squarespace.com

Boarding Pass

Page 16: Introduktion til user experience

passfail.squarespace.com

Boarding Pass - Redesign

Page 17: Introduktion til user experience

Kilde: dustincurtis.com/dear_american_airlines_redesign.html

Page 18: Introduktion til user experience

Kilde: dustincurtis.com/dear_american_airlines_redesign.html

Page 19: Introduktion til user experience

Kilde: www.aa.com

Page 20: Introduktion til user experience

Google Dokumenter

Googles gamle og nye grænseflader

til Google Docs

Page 21: Introduktion til user experience
Page 22: Introduktion til user experience
Page 23: Introduktion til user experience

The Elements of User Experience

Garrets model og supplerende metoder

til udvikling af designstrategier.

Page 24: Introduktion til user experience
Page 25: Introduktion til user experience

Strategy

• Den hyppigste årsag til mangelfulde hjemmesider er en manglende forståelse for:

»Hvilket formål hjemmesiden skal opfylde.

»Hvilke ønsker og behov brugerne har.

Page 26: Introduktion til user experience

Hvad er formålet?

• Formuler en vision

• Definer de forretningsmæssige mål

• Hvordan er markedet?

• Succeskriterier

• Branding/identitet

• Usability goals

• User experience goals

Page 27: Introduktion til user experience

Usability Golas

• Effectiveness (hvor godt produktet udfører sin opgave)

• Efficiency (hvor godt produktet supporterer brugeren)

• Safety (beskyttelse mod farlige situationer)

• Utility (om den rette funktionalitet er til stede)

• Learnability (hvor hurtig indlæreringen er)

• Memorability (hvor godt brugen af et produkt huskes)

Page 28: Introduktion til user experience

User Experience Golas

• User experience goals er de subjektive værdier der ønskes for produktet.

» Fornemmelse og føelse.

• Beskrives typiske med en række tillægsord.

» Tilfredsstillende, behagelig, sjov, underholdende, hjælpsom, motiverende, æstetisk tiltalende, understøttende for kreativitet mv. (Sharp et. al., 2009: 26-27)

Page 29: Introduktion til user experience

Sharp et. al., 2002: 19

Page 30: Introduktion til user experience

Hvem er brugerne?

• Lær brugerne at kende

• Hvad er deres behov?

• Hvad er deres ønsker?

• Hvilken motivation driver dem?

Page 31: Introduktion til user experience

Kendskab til brugerne

• Usability og user research

• Surveys

• Fokusgrupper

• Interviews

Page 32: Introduktion til user experience

Scope

• Hvad er omfanget af opgaven?

• Hvordan defineres rammerne?

• Specifikation af funktioner

• Specifikationer af indholdet

Page 33: Introduktion til user experience

Kravspecifikationen

• Hvordan ser er kravspecifikation ud?

• Prioriter indhold og funktioner

Page 34: Introduktion til user experience

Structure

• Hierarkisk sideopbygning

• Find en passende labeling til menupunkter

• Find en passende konceptuel model

• Hvordan er håndteringen af fejl?

Page 35: Introduktion til user experience

Konceptuel model

En konceptuel model kan beskrives som et abstrakt billede, der indfanger hvad en bruger kan gøre med et produkt, og hvilke koncepter der behøves for at forstå interaktionen med produktet. Den konceptuelle model er typisk knyttet til en metafor eller analogi, kendt fra den fysiske verden (Sharp et. al., 2007: 51-52).

Page 36: Introduktion til user experience

Southwest Airlines, 1999

Page 37: Introduktion til user experience

Informationsarkitekturen

• Strukturering af indholdet• Vær bevidst om de organisationsprincipper

du bruger• Hvordan skal sproget/terminologien være?• Mere om dette efter pausen.

Page 38: Introduktion til user experience

Skeleton

• Informationsdesign

• Interfacedesign

• Navigationsdesign

Page 39: Introduktion til user experience

Interfacedesign

• Sidelayout

• Brug kendte konventioner

• Pas på med brugen af metaforer

• Designkomposition/wireframes

Page 40: Introduktion til user experience

Designkomposition

Page 41: Introduktion til user experience

Navigationsdesign

• Global navigation

• Lokal navigation

• Supplerende navigation

• Kontekstuel navigation

• Andre navigationstyper

Page 42: Introduktion til user experience

Eksempler på navigation

Page 43: Introduktion til user experience

Horisontal menu med drop down

Page 44: Introduktion til user experience

Horisontal menu med drop down

Page 45: Introduktion til user experience

Horisontal megamenu

Page 46: Introduktion til user experience

Horisontale menuer med tabs

Page 47: Introduktion til user experience

Horisontal navigation

Page 48: Introduktion til user experience

Horisontale og verticale menuer

Page 49: Introduktion til user experience

Surface

• Designkomposition/wireframes

• Farvepalette

• Typografi

Page 50: Introduktion til user experience
Page 51: Introduktion til user experience

Litteratur

Garrett, Jesse James: “The Elements of User Experience”, New Riders, 2002, p. 86-111.

Rogers, Y., Sharp, H., Preece, J. Interaction Design: Beyond human-computer interaction. Wiley, 2002, p. 1-20.

Page 52: Introduktion til user experience

Pause