Prototyper & interaktionsdesign SAS Forum 2012
Klaus Silberbauer Partner, Creative Director Think! Digital Tidl. UX Director / VP, Creuna Cand. IT.
Strategy Tactics Operations
Strategy Tactics Operations }UX mindset
Strategy without tactics is the slowest route to victory. Tactics without strategy is the noise before defeat. SUN TZU, 500 B.C.
Sorø Kommune
Brugerforståelse Forretningsforståelse Brandforståelse Interaktionsdesign Visuelt design User Experience Performance Relevans Tech Features Koncept
USEFUL USABLE DESIRABLE VALUABLE Peter Morville FINDABLE ACCESSIBLE CREDIBLE
Konteksten Hvorfor, Hvor? For hvem? Med hvilket mål? Strategisk. Business intelligence, user/market research, strategi, forretningsmodel, brugerbehov USEFUL VALUABLE FINDABLE Visuelt design Interaktionsdesign Informationsarkitektur Logic/code Datastrukturer Systemarkitektur Platform- og teknologivalg Løsningen Hvordan? Taktisk USABLE CREDIBLE ACCESSIBLE DESIRABLE
Konteksten Hvorfor, Hvor? For hvem? Med hvilket mål? Strategisk. Business intelligence, user/market research, strategi, forretningsmodel, brugerbehov USEFUL VALUABLE FINDABLE Visuelt design Interaktionsdesign Informationsarkitektur Logic/code Datastrukturer Systemarkitektur Platform- og teknologivalg Løsningen Hvordan? Taktisk USABLE CREDIBLE ACCESSIBLE DESIRABLE
Hvor kører vi hen? Roadmap Videreudvikling Proces Organisation 2015 2016 2017 2018 2019 2014 2013
Konteksten Hvorfor, Hvor? For hvem? Med hvilket mål? Strategisk. Business intelligence, user/market research, strategi, forretningsmodel, brugerbehov USEFUL VALUABLE FINDABLE Visuelt design Interaktionsdesign Informationsarkitektur Logic/code Datastrukturer Systemarkitektur Platform- og teknologivalg Løsningen Hvordan? Taktisk USABLE CREDIBLE ACCESSIBLE DESIRABLE Hvor kører vi hen? Roadmap 2019
Interaktionsdesign
Interaktionsdesign...the practice of designing interactive digital products, environments, systems, and services. Alan Cooper, Robert Reimann, Dave Cronin (2007). About Face 3: The Essentials of Interaction Design.
Interaktionsdesign
Interaktionsdesign
Interaktions design
design is the creation of a plan or convention for the construction of an object or a system en.wikipedia.org/wiki/design
design Idé Byggebyggebygge? Problem Designe Bygge Lære Vision Løsning for løsning Iterere
Fejl er mange ting Misforståelser af brugerens kontekst Brugervenlighedsmæssige fejl Processer understøttes forkert. Forkert navngivning. Brugerforstår ikke systemes brugerflade Manglende funktionalitet Overflødig funktionalitet Systemet er indforstået Systemet taler ned til brugeren Konceptmæssige fejl Diskursmæssige fejl
Fail early Kompleksitet / pris / risiko Interaktionsfejl fint Interaktionsfejl acceptable Sketching Wireframing Prototyping Risikominimering Scope down Visual design Interaktionsfejl problematiske Interaktionsfejl ekstremt problematiske Development Amanda Tid
Start med interface design Design Test Indsigt Forretning Brand Mål / KPI Succeskriterier Brugere Design Struktur Interaktion Dialog Visuelt Design Reality check Tech Arkitektur Platform Data/Integration Agile Dev
Redskaber til interaktionsdesign
Svømmebane System-centrisk System A System B System C
Sitemap Indholdscentrisk Dokument Dokument Dokument Dokument Dokument Dokument Dokument
Flowcharting Brugercentrisk Skærm Skærm? Nej Ja Fokus på brugerens mulige rejse, ikke på dataens rejse eller dokumentets rejse. Skærm Skærm Skærm
Flowcharting Visual Vocabulary Jesse James Garett www.jjg.net/ia/visvocab
Wireframes
Prototypen Rute Kortet n 1st person Skærm Skærm? Nej Ja Skærm Logik Skærm + Skærm Design
Fidelity Shallow prototype Deep prototype Fokus på at afdække bredden. Mange skærmbilleder Visionen om det fulde / system ingen logik Fuld prototype (Mulighedsrummet) (Sjældent rentabelt) Fokus på at afdække enkelte funktioner. Simuleret logik.
Prototypen som dialogværktøj
IxD / IA Projektledelse? Testbrugere AD / Design Beslutningstagere
Redskaber til prototyping Visio Powerpoint OmniGraffle
Redskaber til prototyping Axure RP Pro Moqups Balsamiq
Papir og blyant
Take-aways Brugeroplevelsen leveres af den samlede løsning. Design er ikke overflade, design er problemløsning Design er en iterativt proces. Interaktiondesign er en taktiske disciplin, der også kan facilitere strategiske spørgsmål og svar
Take-aways Start tidligt med interaktionsdesignet - find fejlene før det er for sent Brug flowcharting til at kortlægge brugerens rute. Start med skitser, detaljér i wireframes... Sæt wireframes sammen til interaktive prototyper
Tak
klaus.silberbauer@thinkdigital.dk 31 64 01 01 www.thinkdigital.dk lets@thinkdigital.dk facebook.com/thinkdigitaldk twitter.com/thinkdigitaldk