Föreläsning 6 Konceptuell design och designprinciper Kapitel 8-9 i Stone et al.
Från krav till design hur gör man Work reengineering, dvs. att omstrukturera, konstruera om befintligt sätt Task allocation, uppgiftstilldelning Konceptuell design 100420 Interaktionsteknik 2
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 100420 Interaktionsteknik 3
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 100420 Interaktionsteknik 4
Work reengineering Genom att konstruera Uppgiftsscenarion Användarscenarion Uppgiftstilldelning, som bygger på essential use cases 100420 Interaktionsteknik 5
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?? 100420 Interaktionsteknik 6
Innehållsdiagram (content diagram) Består av containers (behållare) Bygger på kravinsamling och use cases Representerar strukturen på gränssnittet från designerns perspektiv Ingen direkt koppling mellan diagram och konkret gränssnittsdesign 100420 Interaktionsteknik 7
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 100420 Interaktionsteknik 8
Objekt Information som användarna behöver för att utföra sina uppgifter I ett bibliotekssystem: Böcker Lånekort Låntagare Bibliotek 100420 Interaktionsteknik 9
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. 100420 Interaktionsteknik 10
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 100420 Interaktionsteknik 11
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 100420 Interaktionsteknik 12
Designanvisningar Recept för perfekt design? Nja, men det finns Standarder Riktlinjer Style guides 100420 Interaktionsteknik 13
Standard ett föreskrivet sätt att diskutera, presentera eller göra något för att uppnå konsekvens mellan produkter 100420 Interaktionsteknik 14
Varför standards? förutsägbart, gör livet enklare säkerhet att något faktiskt fungerar kvalitet 100420 Interaktionsteknik 15
Vem bestämmer? Standardiseringsorganisationer: ISO (International Organization for Standardization) IEC (International Electrotechnical Commission) ANSI (American National Standards Institute) CEN (Comité européen de normalisation) 100420 Interaktionsteknik 16
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 100420 Interaktionsteknik 17
Problem att låsa fast sig vid viss teknik löses genom att standarder inriktas mot användbarhet och prestanda 100420 Interaktionsteknik 18
Specifikt för MDI gemensam terminologi implementationstekniker lätt att lära, man känner igen sig byta mellan applikationer hälsoaspekter 100420 Interaktionsteknik 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 100420 Interaktionsteknik 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 100420 Interaktionsteknik 21
Riktlinjer baseras på psykologiska teorier och praktiska erfarenheter brukar delas in i: principer regler 100420 Interaktionsteknik 22
Principer ligger på en hög nivå behöver tolkas Exempel Eftersträva enkelhet Hitta lämplig struktur Var konsekvent Bygg in tolerans 100420 Interaktionsteknik 23
Konsekvens placering ordning gruppering ordval inre/yttre följ inte slaviskt! 100420 Interaktionsteknik 24
Regler mycket detaljerade, ingen eller lite tolkning bör ej följas slaviskt se upp för missuppfattningar 100420 Interaktionsteknik 25
Riktlinjer och konflikter detaljerade menyer - snabba svarstider lätt att lära - snabbt att utföra var konsekvent ligg nära domänspråk 100420 Interaktionsteknik 26
Tillgänglighet Innehåll både visuellt och ljud Inte bara färg Förtydliga och förklara Användarkontroll Minimera fysisk ansträngning 100420 Interaktionsteknik 27
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... 100420 Interaktionsteknik 28
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 100420 Interaktionsteknik 29
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 100420 Interaktionsteknik 30
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 att göra detta val särskilt fokus på de utmärkande valen 100420 Interaktionsteknik 31