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

Transkript

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

2 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) MDI 2

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

4 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 MDI 4

5 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 MDI 5

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

7 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?? MDI 7

8 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) MDI 8

9 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 MDI 9

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

11 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 MDI 11

12 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 MDI 12

13 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 MDI 13

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

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

16 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 MDI 16

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) MDI 17

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

19 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 MDI 19

20 ISO 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 MDI 20

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

22 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) MDI 22

23 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 i Stone et al MDI 23

24 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 MDI 24

25 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 MDI 25

26 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 MDI 26

27 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 MDI 27