Måldriven design Projektsteg: Detaljdesign 1. Projektplanering 2. Undersökning av användare och situation 3. Modellering (av undersökningsresultatet) 4. Kraammanställning 5. Ramverksdesign (övergripande lösningsförslag) 6. Detaljdesign (inklusive prototyper och utvärdering) 7. Implementationsstöd Mål: en beskrivning av systemet som man kan sätta i händerna på programmerare och industridesigners! Läge: godkänd ramverksdesign! Hur? Samarbete! Tips: Angrip detaljerna utan att tappa helheten ur sikte! Ha lagom ambition (i förhållande till tid). Ta de stora besluten tidigt! Sträva efter användbarhet, önskvärdhet Eva Ragnemalm, Stefan Holmlid, Pär Svensson, HCS I praktiken? Vattenfallsmetoder Behö mer folk? Integrera med systemutvecklingsprocess (om man inte gör allt inom företaget) vattenfallsmetoder agila metoder designdriven utveckling Tre steg: Krapecifikation Design Måldriven design Implementation Idealt en enkelriktad process Agila metoder Designdriven utveckling Iterativ programutvecklingsprocess Krav Kodning Måldriven design Krav Kodning Krav Kodning... Undersökning Måldriven design Modellering Kravdefinition Ramverksdesign Detaljdesign och implementation design del 1 implementation del 1 design del 2...
Planering Dela in arbetet i designområden (topics) utifrån scenarios och ramverksdesign Bedöm tidsåtgång för varje område (svårt!) Prioritera, stäm av med intressenter Tänk på: Vet vad alla gör varje dag Ta de stora sakerna först Kontrollpunkter För varje del: Ev. ytterligare research (förbered möte med ämnesexpert mm, vilka scenarios ska kollas osv.) Skissmöten (arbeta på whiteboard), skissa design Utvärdera med kollegor, ämnesexperter och programmerare/ingenjörer Skissa igen framför whiteboarden Detaljerad renritning och beskrivningar, utkast till slutdokument Exempel: Administrativt system för veterinärmottagning Laura Brown Office manager and receptionist. Joined SSACC shortly after Pete bought it and has become his right arm. Does everything from taking calls to purchasing and basic bookkeeping. Likes that every day is an adventure, but could sometimes use a little less excitement. Laura s goals: Stay calm Keep clients and staff happy Keep track of all the details Ramverk: kundinformation Exempel Laura Nyckelscenarier: Gå igenom dagens bokningar Skapa en fil för en ny kund Checka in någon Checka ut någon Skicka fakturor Följa upp fakturafråga Följa upp fakturor som ej betalats i tid Göra en bokning Ändra en bokning
Skissmöte OBS: hjälpmedel för produktiva designmöten: Vid skyttegrakrig och svårigheter att skilja lösning och person (d lösningsförslag försvaras som om de vore eget territorium): Vilka fördelar har förslaget? Vilka nackdelar har förslaget? Vad tycker...(fyll i namnet på primär persona) 15-minutersregeln!
Sist: lämna designspecen till programmerarna/ingenjörerna Mycket komplett dokumentation Eller prototyp med beskrivningar Pappersprototyper Low-fidelity High-fidelity snabbare att konstruera och enklare att ändra inbjuder till kritik pga sitt opolerade utseende inbjuder till kommentarer om funktion och arbetsflöde snarare än detaljer i färg och form Sedan stödja implementationen! Pappersprototyp HiFi-prototyp...att tänka på: mänskliga egenskaper och begränsningar Pappersprototyp Vilka scenarios byggs den för? vilka delar av systemet måste finnas? Vilka data ska finnas? Vilken interaktion ska kunna simuleras? Data ska vara realistiskt Baserad på papper (kartong, post-it, OH-film...) Synen uppmärksamheten Färgblindhet Läsbar text Hörseln Rörelser
Vad vi vet avgör vad vi ser LIFT Synsinnet Lita inte på användarens uppmärksamhet Frågor av typen vill du verkligen ta bort filen XYZ.xyz (ja/nej) Undo Men ge inte mer detaljer än nödvändigt dialogrutor med massor av information som inte är relevant... Färgblindhet Färg och form? Do you want to quit?
Synen: läsbar text 1 Synen: läsbar text 2 Gemener Versaler Positiv kontrast Negativ kontrast Synen: läsbar text 3 Synen: Läsbar text 4 Typsnitt med serifer Typsnitt utan serifer Radatånd Luftigt Tätt Justerat eller ej Lättare att läsa när texten är luftigt skriven med långt mellan raderna och inte med justerad högermarginal. Svårare att läsa när det är tätt mellan raderna och högermarginalen är helt rak och prydlig. Hörsel Frekvensområde, Ljudnivå Tolkning (Hypotesprövning) Kan inte stänga öronen The coctail party phenomenon Rörelse Direktmanipulation (peka): Fitts lag tid att peka ut en viss fläck oaett direkt eller indirekt (finger eller pekdon) t = K*log2(atånd/storlek + 0.5) Eva Ragnemalm, Stefan Holmlid, Pär Svensson, HCS
Kognitiv psykologi Källan till kunskap som den nyss nämnda. Läran om hur människan uppfattar världen och reagerar på den.