Att läsa: Sharp, Helen, Rogers, Yvonne & Preece, Jenny E. (2007) Interaction design. Wiley. Kapitel 11.

Relevanta dokument
Föreläsning 5 Konceptuell design och designprinciper. Kapitel 8-9 i Stone et al.

Föreläsning 6 Konceptuell design och designprinciper. Kapitel 8-9 i Stone et al.

Föreläsning 5 Konceptuell design och designprinciper

Föreläsning 8, Design

Föreläsning 4, Användbarhet, prototyper

Föreläsning 3: Mer om utvärdering, Inspektionsmetoder kan man utvärdera utan användare?

SAMBRUK. Tentativa förslag för arbete med interaktionsdesign vid utveckling av kommunala e-tjänster. Jonas Sjöström (

Praktiskt användande av användbarhetstekniker 1 (58)

Design och konstruktion av grafiska gränssnitt

Olika syften. TDDD60 användbarhetstest. När passar vilken typ? Med eller utan användare

Design och konstruktion av grafiska gränssnitt

Design och konstruktion av grafiska gränssnitt

MAMN25 Interaktionsdesign (7,5 HP)

Vad är interaktionsdesign?

Heuristisk utvärdering

Design och konstruktion av grafiska gränssnitt

Design och konstruktion av grafiska gränssnitt

Interaktionsdesign. Användbarhet ISO Usability goals. Interaktionsdesign, grundkurs (7,5 HP) Sammanfattande föreläsning

Handlingsbarhet kan innefatta

Interaktionsdesign och användbarhet Personas. Paper prototyping. » Metod för representation av användaren. » Metod för konceptutveckling

Design av användargränssnitt

Vad karaktäriserar ett bra användargränssnitt? Riktlinjer för gränssnittsdesign. Vad påverkar utformningen av ett gränssnitt? 1.

Användarvänlighet? Användbarhet. Användbarhet! De vise männen. Användbarhet enl. ISO Bakom varje framgångsrik man

Design och konstruktion av grafiska gränssnitt

Design av användargränssnitt. Processen snarare än produkten

UTVÄRDERING AV JÖNKÖPING KOMMUNS INTRANÄT - med fokus på användbarhet

Introduktion till MDI

Fö 4: Utvärdering. Gästföreläsning. Muddy-cards resultat. Varför och vad? Varför? Vad? Mot vad? (Krav) Hur? IMPACT

Idag. Prototyper och användbarhetsutvärdering. Vad prototyper prototypar. Olika sorters prototyper. Del 2 Prototyper Utvärdering Analytisk Empirisk

Introduktion till MDI

Introduktion till människa datorinteraktion och interaktionsdesign

Design och konstruktion av grafiska gränssnitt

Introduktion till användbarhet för mobila enheter

Hur kan informationen kodas bättre? Förbättrad design. Ytterligare förbättringar. Läsbarhet och Layout. Alignments. Informationskodning

Design av användargränssnitt. Skärmdisposition och layout

Föreläsning 1: Interaktionsteknik, Introduktion. Att läsa: Kapitel 1-2 i Rogers et al.: Interaction design

Tre kursblock. av användargränssnitt. Inledningsvis. Hittills. Dags att fylla på med det som saknas! Människa dator interaktion Del 1. 1.

Stöd för att skapa intuitiva användargränssnitt

Elektronisk publicering TNMK30

Frågetekniker. Föreläsning 3, Utvärderingstekniker MDI, Lena Palmquist 1. Än en gång: JEdit (Py Kollberg) Loggning. Tolkande dataanalys

Interaktionsdesign, grundkurs INTERAKTION 1

Forskning och mobil medborgarservice på försök, CIDRE

Konverteringsskola Del 3: Vad är användbarhet?

Kommentarer till MDI tentamen

SUDOA vt-03 Föreläsningsdatum: MDI - fördjupning

Föreläsning 7, Interak2on

Användarbarhetsutvärdering PÅ UMEÅ UNIVERSITETS HEMSIDA ARVID HORNED, KRISTOFFER KARLSSON, ANNA LINDSTRÖM, OSKAR NILSSON,

Gränssnittets påverkan på användbarhet

Hi fi prototyping. Johanna Persson MAM nov 2014

Introduktion till kursen Människadatorinteraktion Maria Redström Patricija Jaksetic CR&T

Chaos om IT-projekt..

Föreläsning 4 Identifiera krav och behov. Att läsa: Kapitel 10 i Rogers et al.: Interaction design

Interaktionsdesign och användbarhet Personas. Paper prototyping. » Metod för representation av användaren. » Metod för konceptutveckling

Föreläsning 7 Handlande, metaforer och interaktionsstilar. Kapitel i Stone et al.

Interaktionsdesign, grundkurs (7,5 HP)

Användarcentrerad systemdesign introduktion till begrepp, processer och arbetssätt

Menyer, formulär och dialogrutor

Föreläsning 7: Kognition & perception

Design och konstruktion av grafiska gränssnitt

Föreläsning 7. Varför Standardisera? Standarder

Mjukvarudesign. Designprocessen. Teknisk design. Konceptuell design

Människa-Datorinteraktion. HCI text

LOGISTIKSYSTEM FÖR SNABBA HJULET AB UTVECKLINGSPROCESS BASERAD PÅ DR. DEBORAH J. MAYHEW S THE USABILITY ENGINEERING LIFECYCLE

Design och konstruktion av grafiska gränssnitt

Chaos om datorprojekt..

IT och funk0onshinder

Människa-Datorinteraktion

Prototypningsverktyg. A Human-Centered Design Process (ISO , 2010) Mattias Institutionen för datavetenskap

1. (3p) Inom MDI-området framhåller man att människor lär sig via metaforer. Hur menar man att detta går till?

Användarcentrerad Systemutveckling

Användbarhetsutvärdering och genomgång

Datainsamling. Daniel Bosk. data.tex :33:45Z danbos

Föreläsning i webbdesign. Interak*onsdesign. Rune Körnefors. Medieteknik Rune Körnefors rune.kornefors@lnu.se

Design och konstruktion av grafiska gränssnitt

Design och krav. Design Definition. enkelt Det ska vara möjligt att. Henrik Artman

Interaktionsdesign, grundkurs (7,5 HP)

Den kompletta studiehandledningen för kursen DT126G Användbarhet för mobila enheter

Projekt: Utveckling av ett användargränssnitt

Interaktionsdesign (7,5 HP)

Usability analysis and inspection

Prototyping. Susanna Olsson, TietoEnator Funda Denizhan, TietoEnator Ann Lantz, CID

Webbtillgänglighet. Tillgänglighet på webben. Hörselskadades behov. Synskadades behov. Kognitivt funktionshindrades behov. Rörelsehindrades behov

Usability- användbarhet

DH2622 MDI-fk Introduktion till kursen & ämnet. MDI på KTH. Kursen i sitt sammanhang

Interaktionsdesign, grundkurs (7,5 HP) Johanna Persson

Projektuppgift i Användarcentrerad Systemdesign, ht 04

Datavetenskap. Beteendevetenskap MDI. Design

Nätverksteknik A - Introduktion till Fysiska lagret

Tangible interaction &TUI KIRSTEN RASSMUS-GRÖHN

Boken. OBS! Konkret interaktion är inte bokens starka sida. OBS! Jag har skrivit fel kapitel i kursprogrammet Uppdaterad version kommer.

Utvärdering. Användbarhet. + beställarperspektivet! Innehåll. Varför?

Kommandobaserad interaktion

Granskning av gränssnitt. Mattias Arvola

PROJEKTUPPGIFT MAMN25. Hem

Grundläggande teori för användargränssnitt,del 2

Kommunicera på mottagarens villkor!

Webbtillgänglighet. Webbtillgänglighet. World Wide Web Consortium. Web Accessibility Initiative, WAI WCAG 2.0 WCAG 1.0

Kursen handlar om. Var används datorer och andra IT-stöd? T ex: Människa-datorinteraktion (MDI) Inst. för informationsteknologi

Fö 8. Sammanfattande föreläsning MAMN25

INVENTERING AV KUNSKAPSLÄGET AVSEENDE UTVÄRDERING AV OLIKA TYPER AV LJUSKÄLLOR. Thorbjörn Laike, Lunds Universitet Marianne Küller, Lunds Universitet

Transkript:

Prototyper, Riktlinjer och standarder Att läsa: Sharp, Helen, Rogers, Yvonne & Preece, Jenny E. (2007) Interaction design. Wiley. Kapitel 11.

Prototyper behövs för att visa på designval för att designdokument ofta obegripliga kan vara pappersbaserade representation, utseende datorbaserade Prototyper, riktlinjer och standards 2

Man vill illustrera: Implementaion Roll Tekniska delar Look and feel Flöde, design Layout, hur information visas Roller Svåra, kritiska delar Implementation Look and feel Prototyper, riktlinjer och standards 3

Vad som fattas i en prototyp tillförlitlighet robusthet kompletthet konstruktionsmaterial Prototyper, riktlinjer och standards 4

Datorbaserade prototyper fungerar snabbt och billigt nödvändig funktionalitet ordning mellan operationer representation look and feel Prototyper, riktlinjer och standards 5

Olika typer av prototyper rapid prototyping incremental prototyping: man levererar en bit i taget, viktigast först evolutionary prototyping, prototypen används för vidareutveckling även: full, horisontal, vertical, T-prototype, high fidelity, chauffeured, wizard of Oz Prototyper, riktlinjer och standards 6

Prototypkulturer Formell Informell Prototyper ska besvara frågor Är den här produkten möjlig? Går den att förstå? Går den att producera för denna plattform? Prototyper, riktlinjer och standards 7

Prototypkulturer, forts specifikationsbaserad prototyp prototypbaserad specifikation antal prototyper per tidsenhet vilka involveras i prototyparbetet? rädsla att visa tidigt Prototyper, riktlinjer och standards 8

Konceptuell design Från krav till design: Prototyper visar idéer, begrepp, utseende i viss mån Bli inte alltför konkret alltför snabbt, iterera!!! God design bygger på många designalternativ Prototyper, riktlinjer och standards 9

Fysisk design, att konkretisera Man pendlar mellan konceptuell och fysisk design Riktlinjer, t ex: Normans 7 principer för design Nielsens heuristiker Shneidermans 8 gyllene regler Prototyper, riktlinjer och standards 10

Riktlinjer baseras på psykologiska teorier och praktiska erfarenheter brukar delas in i: principer regler Prototyper, riktlinjer och standards 11

Principer ligger på en hög nivå behöver tolkas ex 1: lär känna användartypen ex 2: reducera kognitiv belastning för användarna Prototyper, riktlinjer och standards 12

Exempel på designprinciper som anknyter till det visuella i gränssnittet: använd objekt och gör dem synliga människor behöver visuella landmärken som tjänar som orienteringspunkter om allt annat misslyckas, förse användarna med kartor Prototyper, riktlinjer och standards 13

Regler mycket detaljerade, ingen eller lite tolkning bör ej följas slaviskt se upp för missuppfattningar Prototyper, riktlinjer och standards 14

Riktlinjer och konflikter detaljerade menyer - snabba svarstider lätt att lära - snabbt att utföra Prototyper, riktlinjer och standards 15

Standard ett föreskrivet sätt att diskutera, presentera eller göra något för att uppnå konsekvens mellan produkter Prototyper, riktlinjer och standards 16

Varför standards? förutsägbart, gör livet enklare säkerhet att något faktiskt fungerar kvalitet Prototyper, riktlinjer och standards 17

Vem bestämmer? Standardiseringsorganisationer: ISO (International Organization for Standardization) IEC (International Electrotechnical Commission) ANSI (American National Standards Institute) CEN (Comité européen de normalisation) Prototyper, riktlinjer och standards 18

Men även regeringar, ofta försvar sammanslutningar som BCS, the British Computer Society IEEE, the Institute of Electrical and Electronics Engineers (uttalas I triple E ) industristandard de facto-standard Prototyper, riktlinjer och standards 19

Specifikt för MDI gemensam terminologi implementationstekniker lätt att lära, man känner igen sig byta mellan applikationer hälsoaspekter Prototyper, riktlinjer och standards 20

Problem att låsa fast sig vid viss teknik löses genom att standarder inriktas mot användbarhet och prestanda Prototyper, riktlinjer och standards 21

ISO 9241 - Ergonomikrav för MDI Guidance on task requirements Visual display requirements Keyboard requirements Workstation layout and postural requirements Guidance on the work environment Requirements for display with reflections Requirements for displayed colours Requirements for non-keyboard input devices Dialogue principles Guidance on usability Presentation of information User guidance Menu dialogues Command dialogues Direct manipulation dialogues Form filling dialogues Principles and requirements for physical input devices Prototyper, riktlinjer och standards 22

Några aktuella Web-adresser IEC: http://www.iec.ch/ ANSI: http://www.ansi.org/ World Wide Web Consortium: http://www.w3.org/ W3C Accessiblity initiative: http://www.w3.org/wai/ IBM: http://www-03.ibm.com/easy/page/558 Prototyper, riktlinjer och standards 23

7 principer för design Kunskap i världen och huvudet Förenkla struktur Gör synligt Mappning Begränsningar Felhantering Sista utväg, standardisera Prototyper, riktlinjer och standards 24

Nielsens heuristiker Visibility of system status Match between system and the real world User control and freedom Consistency and standards Error prevention Recognition rather than recall Flexibility and efficiency of use Aesthetic and minimalist design Help users recognize, diagnose, and recover from errors Help and documentation Prototyper, riktlinjer och standards 25

Shneidermans Golden rules Sträva efter konsistens ge vana användare shortcuts Ge informativ feedback Dialoger ska kännas klara Felhantering, förhindra fel Enkelt att göra ogjort Kontrollbehov Reducera användning av korttidsminnet Prototyper, riktlinjer och standards 26