Föreläsning 5 Konceptuell design och designprinciper

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.

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

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 (

Föreläsning 8, Design

Design och konstruktion av grafiska gränssnitt

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

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

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

Grundläggande teori för användargränssni3, del 1

Design av användargränssnitt

Design och konstruktion av grafiska gränssnitt

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

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

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

Design och konstruktion av grafiska gränssnitt

Handlingsbarhet kan innefatta

Heuristisk utvärdering

IT och funk0onshinder

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

Design och konstruktion av grafiska gränssnitt

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

Elektronisk publicering TNMK30

Design och konstruktion av grafiska gränssnitt

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

Design och konstruktion av grafiska gränssnitt

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

MAMN25 Interaktionsdesign (7,5 HP)

Vad är interaktionsdesign?

Hultgren, G; (2007) etjänster som social interak<on via användning av IT- system en prak<sk teori, sid , Doktorsavhandling, IEI, LiU

Föreläsning 7, Interak2on

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

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

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

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

Menyer, formulär och dialogrutor

Föreläsning 3 Användare, uppgift och omgivning. Kapitel 3-4 i Stone et al.

Design och konstruktion av grafiska gränssnitt

Mjukvarudesign. Designprocessen. Teknisk design. Konceptuell design

Föreläsning 6 Tillgänglighet, modell för handlande, metaforer och interak9onss9lar. Kapitel i kursboken

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

Datavetenskap. Beteendevetenskap MDI. Design

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

Design och konstruktion av grafiska gränssnitt

Användarcentrerad design Prototyper & användartest

Design och konstruktion av grafiska gränssnitt

Föreläsning 5: Fastställa krav varför, vad och hur

Användarcentrerad design Interak3on och informa3on

Föreläsning 7: Kognition & perception

Interaktionsdesign, grundkurs INTERAKTION 1

Användarcentrerad systemdesign

Usability- användbarhet

Föreläsning 3 1ME403 Design av grafiska gränssni7, 7,5hp. Gränssni)sdesign II. Rune Körnefors. Medieteknik Rune Körnefors rune.kornefors@lnu.

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

Projektuppgift i Användarcentrerad Systemdesign, ht 04

Konverteringsskola Del 3: Vad är användbarhet?

Teknik och e*k, forts. Tekniken i samhället och e*sk teknikvärdering

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?

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

Föreläsning 12 Inspektionsmetoder. Rogers et al. Kapitel 15

Interaktionsdesign, grundkurs (7,5 HP)

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

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

Interaktionsdesign, grundkurs (7,5 HP)

Grupparbete ACSD Projektplanering för ett Patientjournalsystem

Interaktionsdesign (7,5 HP)

Bra överblick. Bra överblick. Bra överblick h<p:// Konceptuell design

chrismor(mer.se TWITTER: chris_mor(mer Webbanalys! &! insikter! Sökmarknadsföring! &! SEO! PPC Annonsering! &! AdWords!

Att fastställa krav. Annakarin Nyberg

Usability analysis and inspection

Standarder m.m inom användbarhetsområdet

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

Tangible interaction &TUI KIRSTEN RASSMUS-GRÖHN

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

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

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

Interaktion 1. Dagens föreläsning. Interaktionsmodeller

Dagens föreläsning. Interaktionsmodeller Typer av användargränssnitt Översikt, orientering, navigering Felhantering

Människa- datorinterak5on inledande kurs, ht 13

Användbarhetsutvärdering och genomgång

Gränssnittets påverkan på användbarhet

Människa-teknik i samverkan. Ergoship Human Factors inom sjöfart. Human Factors = Ergonomi. Det ska vara lätt att göra rätt

LARS. Ett e-bokningssystem för skoldatorer.

Design för användbarhet Användarcentrerad utvecklingsprocess

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

Användarcentrerad systemdesign

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

Design för användbarhet

Design och konstruktion av grafiska gränssnitt

Teater 23:s arbete med tillgänglig webb

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

Kursintroduk+on. Informa(on Systems and Management 15 Hp

Kognitiva teorier inom MDI - Introduktion

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

Människa-datorinteraktion och användarcentrerad design

Kommandobaserad interaktion

Repor&ng CSR. Malin Lindfors Speace Ethos Interna5onal October 2010

Transkript:

Föreläsning 5 Konceptuell design och designprinciper Kapitel 8 9 i kursboken 080415 Interak@onsteknik 1

Från krav @ll design hur gör man Work reengineering, dvs. af omstrukturera, konstruera om befintligt säf Task alloca/on, uppgihs@lldelning Konceptuell design 080415 Interak@onsteknik 2

Work reengineering Genom af konstruera UppgiHsscenarion Användarscenario UppgiHs@lldelning, som bygger på essen/al use cases 080415 Interak@onsteknik 3

Uppgi3s/lldelning (task alloca/on) Beslut i övergången från konceptuell @ll fysisk design Vem eller vad hanterar data? Var finns kunskap? I systemet eller hos användaren? Interak@onsteknik 4 080415

Konceptuell design hur systemet ska vara för af motsvara ef givet syhe bestämma konceptuella objekt vik@gt med kända begrepp Väntar med konkreta designförslag Interak@onsteknik 5 080415

Konceptuell design, forts. Krav omsäfs @ll concrete use cases Iden@fiera objekt, afribut, handlingar Iden@fiera behållare (containers) Länka ihop behållare för af visa på flödet i interak@onssitua@onen 080415 Interak@onsteknik 6

Objekt Informa@on som användarna behöver för af uzöra sina uppgiher I ef bibliotekssystem: Böcker Lånekort Låntagare Bibliotek 080415 Interak@onsteknik 7

AFribut AFribut är sådant som hör ihop med objekten Låntagare: Namn Adress Telefon E post Bok Signum Placering FörfaFare Titel osv. 080415 Interak@onsteknik 8

Handlingar (ac@ons) Registrera lån Avregistrera lån Lägga @ll ny låntagare Ta bort låntagare Kräva in gamla lån osv. Mer generellt: TiFa på, skapa, ta bort, kopiera, spara, redigera, skriva ut 080415 Interak@onsteknik 9

Behållare Mål Funk@oner Länkar (kopplingar) Objekt Begränsningar Alla behållare kopplas ihop i ef diagram u@från angivna länkar, bildar en sorts prototyp 080415 Interak@onsteknik 10

Designanvisningar Kan vara Standarder Riktlinjer Style guides 080415 Interak@onsteknik 11

Riktlinjer baseras på psykologiska teorier och prak@ska erfarenheter brukar delas in i: principer regler Interak@onsteknik 12 080415

Principer ligger på en hög nivå behöver tolkas Exempel EHersträva enkelhet HiFa lämplig struktur Var konsekvent Bygg in tolerans Interak@onsteknik 13 080415

Regler mycket detaljerade, ingen eller lite tolkning bör ej följas slaviskt se upp för missuppfafningar Interak@onsteknik 14 080415

Riktlinjer och konflikter detaljerade menyer snabba svars@der läf af lära snabbt af uzöra Interak@onsteknik 15 080415

Style guides En konven@on för en specifik produkt eller familj av produkter Kommersiella, mycket vanligt Skräddarsydda Bygger på Standards, konven@oner, erfarenhet Kravspecifika@on 080415 Interak@onsteknik 16

Standard ef föreskrivet säf af diskutera, presentera eller göra något för af uppnå konsekvens mellan produkter Interak@onsteknik 17 080415

Varför standards? förutsägbart, gör livet enklare säkerhet af något fak@skt fungerar kvalitet Interak@onsteknik 18 080415

Vem bestämmer? Standardiseringsorganisa@oner: ISO (Interna@onal Organiza@on for Standardiza@on) IEC (Interna@onal Electrotechnical Commission) ANSI (American Na@onal Standards Ins@tute) CEN (Comité européen de normalisa@on) Interak@onsteknik 19 080415

Men även regeringar, oha försvar sammanslutningar som BCS, the Bri@sh Computer Society IEEE, the Ins@tute of Electrical and Electronics Engineers (ufalas I triple E ) industristandard de facto standard Interak@onsteknik 20 080415

Specifikt för MDI gemensam terminologi implementa@onstekniker läf af lära, man känner igen sig byta mellan applika@oner hälsoaspekter Interak@onsteknik 21 080415

Problem af låsa fast sig vid viss teknik löses genom af standarder inriktas mot användbarhet och prestanda Interak@onsteknik 22 080415

ISO 9241 Ergonomikrav för MDI Guidance on task requirements Visual display requirements Keyboard requirements Worksta@on layout and postural requirements Guidance on the work environment Requirements for display with reflec@ons 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 Interak@onsteknik 23 080415

Några aktuella Webadresser IEC: hfp://www.iec.ch/ ANSI: hfp://www.ansi.org/ World Wide Web Consor@um: hfp:// www.w3.org/ W3C Accessiblity ini@a@ve: hfp:// www.w3.org/wai/ IBM: hfps://www 306.ibm.com/soHware/ ucd/design.html Interak@onsteknik 24 080415

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 Interak@onsteknik 25 080415

Visibility of system status Nielsens heuris@ker Match between system and the real world User control and freedom Consistency and standards Error preven@on Recogni@on rather than recall Flexibility and efficiency of use Aesthe@c and minimalist design Help users recognize, diagnose, and recover from errors Help and documenta@on Interak@onsteknik 26 080415

Shneidermans Golden rules Sträva eher konsistens ge vana användare shortcuts Ge informa@v feedback Dialoger ska kännas klara Felhantering, förhindra fel Enkelt af göra ogjort Kontrollbehov Reducera användning av korqdsminnet Interak@onsteknik 27 080415