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

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

Föreläsning 5 Konceptuell design och designprinciper

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?

Föreläsning 8, Design

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

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

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 och konstruktion av grafiska gränssnitt

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

Design och konstruktion av grafiska gränssnitt

Design av användargränssnitt

Heuristisk utvärdering

Design och konstruktion av grafiska gränssnitt

Handlingsbarhet kan innefatta

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

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

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

Design och konstruktion av grafiska gränssnitt

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

Design och konstruktion av grafiska gränssnitt

Elektronisk publicering TNMK30

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

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

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

MAMN25 Interaktionsdesign (7,5 HP)

Projektuppgift i Användarcentrerad Systemdesign, ht 04

Vad är interaktionsdesign?

Design och konstruktion av grafiska gränssnitt

Grupparbete ACSD Projektplanering för ett Patientjournalsystem

Föreläsning 7: Kognition & perception

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

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

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

Kommentarer till MDI tentamen

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

Usability analysis and inspection

Usability- användbarhet

Design och konstruktion av grafiska gränssnitt

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

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?

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

Design för användbarhet

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

Att fastställa krav. Annakarin Nyberg

Föreläsning 7, Interak2on

Användbarhetsutvärdering och genomgång

Granskning av gränssnitt. Mattias Arvola

Datavetenskap. Beteendevetenskap MDI. Design

Interaktionsdesign, grundkurs INTERAKTION 1

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

SVENSK STANDARD SS-EN 13612/AC:2016

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

Design av användargränssnitt. Vad behöver man veta? Generella designprinciper. Vad är ett användargränssnitt? Några egenskaper hos människan

Design och konstruktion av användargränssnitt (distans) Avdelningen för Människadatorinteraktion. Gulan Jan Gulliksen Ph D, MSc

Gränssnittets påverkan på användbarhet

Avdelningen för Människadatorinteraktion

Mjukvarudesign. Designprocessen. Teknisk design. Konceptuell design

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

För varje par av påstående/anledning svara med ett av följande alternativ (½ p per rätt svar):

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

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

Design och konstruktion av grafiska gränssnitt

Design av användargränssnitt

Nätverksteknik A - Introduktion till Fysiska lagret

ISO general purpose metric screw threads Selected sizes for screws, bolts and nuts

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

Användarcentrerad systemdesign

IT och funk0onshinder

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

Interaktionsteknik. Föreläsning 6, Kognition perception. Översikt. Vad händer i medvetandet?

Föreläsning 7: Kognition & perception

Föreläsning 6: Kognition och perception. Rogers et al. Kapitel 3

SVENSK STANDARD SS-EN ISO :2009/AC:2010

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

Användarcentrerad systemdesign

Interaktion 1. Dagens föreläsning. Interaktionsmodeller

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

TENTAMEN: Design och konstruktion av grafiska gränssnitt DAT215/TIG091

Användarcentrerad förbättring av HR-system

Gränssnittsdesign. Design för användbarhet. Gränssnittsdesign - designheuristik

Design för användbarhet Designexempel, hur tänkte man vid designen?

Välkommen! SA S PSA S Im I puls s Mobilite t t e 8 1

Design och konstruktion av användargränssnitt (distans) Mänsklig styrning av höghastighetsbåtar. Avdelningen för Människadatorinteraktion

Föreläsning 2: Introduktion till utvärdering varför ska vi utvärdera?

Design för användbarhet Användarcentrerad utvecklingsprocess

Prototyper och användartest

ISO general purpose screw threads Basic profile Part 1: Metric screw threads

Enligt IEEE Std har en bra kravspecifikation en mängd fordringar att uppfylla. Kravspecifikationen skall vara;

Standarder m.m inom användbarhetsområdet

Kognitiva teorier inom MDI - Introduktion

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

Design och konstruktion av användargränssnitt (distans) Mänsklig styrning av höghastighetsbåtar. Avdelningen för Människadatorinteraktion

Transkript:

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

Från föregående föreläsning Användbarhetskrav att ta hänsyn till Användarnas förväntningar En uppgift i taget Struktur för förståelse Känna igen eller komma ihåg Synlighet (visibility) Erbjudande (affordance) Återkoppling (feedback) 100914 MDI 2

Från krav till design hur gör man Work reengineering, dvs. att omstrukturera, konstruera om befintligt sätt Konceptuell design Task allocation, uppgiftstilldelning 100914 MDI 3

Konceptuell design conceptual = begreppsmässig hur systemet ska vara för att motsvara ett givet syfte bestämma konceptuella objekt bestämma konceptuella handlingar viktigt med kända begrepp Väntar med konkreta designförslag 100914 MDI 4

Konceptuell design, forts. Krav omsätts till concrete use cases Identifiera objekt, attribut, handlingar Identifiera behållare (containers) Länka ihop behållare för att visa på flödet i interaktionssituationen Författare Signum Titel Hitta Låna Lämna tillbaka 100914 MDI 5

Work reengineering Genom att konstruera Uppgiftsscenarion Användarscenarion Uppgiftstilldelning, som bygger på essential use cases 100914 MDI 6

Uppgiftstilldelning (task allocation) Beslut i övergången från konceptuell till fysisk design Vem eller vad hanterar data? Var finns kunskap? I systemet eller hos användaren?? 100914 MDI 7

Innehållsdiagram (content diagram) Bygger på kravinsamling och use cases Representerar strukturen på gränssnittet från designerns perspektiv Ingen direkt koppling mellan diagram och konkret gränssnittsdesign Byggs upp av containers (behållare) 100914 MDI 8

Behållare innehåller: Mål Funktioner Länkar (kopplingar) Objekt Begränsningar Alla behållare kopplas ihop i ett diagram utifrån angivna länkar, bildar en sorts prototyp = innehållsdiagrammet 100914 MDI 9

Objekt Information som användarna behöver för att utföra sina uppgifter I ett bibliotekssystem: Böcker Lånekort Låntagare Bibliotek 100914 MDI 10

Attribut Attribut är sådant som hör ihop med objekten Låntagare: Namn Adress Telefon E-post Bok Signum Placering Författare Titel osv. 100914 MDI 11

Handlingar (actions) Registrera lån Avregistrera lån Lägga till ny låntagare Ta bort låntagare Kräva in gamla lån osv. Mer generellt: Titta på, skapa, ta bort, kopiera, spara, redigera, skriva ut 100914 MDI 12

Main Stöder vanligaste uppgifterna Funktioner sökresurser se aktuella uppdateringar kontakta supportgrupp Länkar - ange sökdetaljer - visa uppdateringar - kontak Objekt Begränsningar Ange sökkriterier Användaren kan specificera sökkriterier för resurs Funktioner ange nyckelord, titel, författare osv. kontroller sökkriterier Länkar - visa sökresultat Objekt Resurs Begränsningar Sökningen får högst ta en sekund Visa sökresultat Sökresultaten visas Funktioner visa sökresultat välj ut sökresultat Länkar - visa detaljer Objekt Resurs Begränsningar Bör kunna visa minst fem resultat samtidigt E-postbekräftelse Bekräftar att e-post har skickats Funktioner visa meddelande Länkar Objekt Begränsningar Skriv meddelande Användare kan skriva och skicka meddelanden Funktioner visa meddelandefält skriv meddelande Länkar - e-postbekräftelse Objekt Medlem Begränsningar Ska tillåta både text och HTML Visa detaljer Visa detaljer om resultat och detaljer om ägare Funktioner visa detaljer välj e-postadress Länkar - skriv meddelande Objekt Resurs, medlem Begränsningar 100914 MDI 13

Diskussion Hur kan man testa vikten av följande krav: synlighet affordance konsistens 100914 MDI 14

Designanvisningar Recept för perfekt design? Nja, men det finns Standarder Style guides Riktlinjer 100914 MDI 15

Standard ett föreskrivet sätt att diskutera, presentera eller göra något för att uppnå konsekvens mellan produkter Varför standarder? förutsägbart, gör livet enklare säkerhet att något faktiskt fungerar kvalitet 100914 MDI 16

Vem bestämmer? Standardiseringsorganisationer: ISO (International Organization for Standardization) IEC (International Electrotechnical Commission) ANSI (American National Standards Institute) CEN (Comité européen de normalisation) 100914 MDI 17

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 100914 MDI 18

Specifikt för MDI gemensam terminologi implementationstekniker lätt att lära, man känner igen sig byta mellan applikationer hälsoaspekter Problem att låsa fast sig vid viss teknik löses genom att standarder inriktas mot användbarhet och prestanda 100914 MDI 19

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 nonkeyboard 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 100914 MDI 20

Style guides En konvention för en specifik produkt eller familj av produkter Kommersiella, mycket vanligt Skräddarsydda Bygger på Standards, konventioner, erfarenhet Kravspecifikation 100914 MDI 21

Riktlinjer baseras på psykologiska teorier och praktiska erfarenheter brukar delas in i: principer, på hög nivå behöver tolkas Exempel Eftersträva enkelhet Hitta lämplig struktur Var konsekvent Bygg in tolerans regler, detaljerade, konkreta bör ej följas slaviskt se upp för missuppfattningar (7±2 saker) 100914 MDI 22

Riktlinjer och konflikter detaljerade menyer - snabba svarstider lätt att lära - snabbt att utföra var konsekvent ligg nära domänspråk Exempel på riktlinjer, se s. 411-415 i Stone et al. 100914 MDI 23

Tog on Interface The design process User testing Minimizing the impact of new releases to old users Principles from the real world Visibility User behaviour System behaviour User perceptions Consistency Time Colour Vocabulary Menues Icons Buttons Fonts Error messages... 100914 MDI 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 100914 MDI 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 100914 MDI 26

Design rationale handlar om att dokumentera designval man tar med den logiska grunden för valen man listar designval tillsammans med olika motiv för och emot att göra detta val särskilt fokus på de utmärkande valen 100914 MDI 27