Projektsteg: Detaljdesign. Måldriven design. I praktiken? Vattenfallsmetoder. Designdriven utveckling. Agila metoder



Relevanta dokument
Människan och Tekniken. Fö 3 Människan och tekniken. Perception. Visuell perception

Steg 3: Modellering. Mål. Metod. Intressenter. Användare. Tekniker för analys: Goal directed design 1. Projektplanering

Hi-Fi Prototyping + laborationsgenomgång & verktyg

Berättelser Scenarios Presentationer Skisser Formella modeller Mjukvaruprototyper Kartong modeller etc.

Varför? Persiska viken 3 juli TDDD35 Användbara system 729G22 Interaktionsdesign TDDC45 Interaktionsdesign. Resultat

Användarcentrerad Systemutveckling

Boken. Kapitel 10. Kapitel 11. Kap Ej Kap 10.7, det tar vi senare Resten, läs själva

Tjänsteprototypning. Föreläsning i kursen TDDD51 Linköpings universitet den 21 februari Johan Blomkvist

Prototypningsverktyg. A Human-Centered Design Process (ISO , 2010) Mattias Institutionen för datavetenskap

Chaos om datorprojekt..

Chaos om IT-projekt..

Tjänsteprototypning. och tjänsterepresentationer. Johan Blomkvist IDA-HCS-IxS

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


Hi fi prototyping. Johanna Persson MAM nov 2014

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

CREATING VALUE BY SHARING KNOWLEDGE

Fö 2: Designprocessen. Projektet. Design är... Forts. projektet

Att fastställa krav. Annakarin Nyberg

Prototypning. Filmtajm. Prototypens roll: Evolutionär eller kasta bort. Dagens föreläsning. Detaljgrad. Detaljerad i vilket avseende?

Interaktionsdesign som profession. Föreläsning Del 2

Objektorientering. Grunderna i OO

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

Agila Metoder. Nils Ehrenberg

Wireframe när, vad, hur och varför?

Några exempel. Principer för design. Vilka problem medför den här designen? Vilken av följande placeringar av piltangenterna är bäst?

Mentalträning GUSK PA, säsongen 2012

Principer för interaktionsdesign

Mot hållbar elbilsanvändning

Projektuppgift.

Laboration 1: Design av applikation för uthyrning av maskeradkläder

Forskningsperspektiv inom MDI Vetenskap, mångvetenskap och tvärvetenskap Vad är forskning inom MDI?

Layout. Layout. Varför layout? Proportioner. Rutnät, gruppering & justering. skapa struktur skapa balans markera betydelse

Föreläsning 8, Design

Människa-datorinteraktion 1MD016, hösten 2011 Användarcentrerad systemdesign september 2011

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

Vad är en prototyp? En prototyp är en manifestation av ett designförslag som man kan interagera med på något sätt.

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


Prototyping. Susanna Olsson, TietoEnator Funda Denizhan, TietoEnator Ann Lantz, CID

Prototyper och användartest

Individuell inlämningsuppgift del 1: Kognitiv design.

Föreläsning 7: Kognition & perception

- A Scrum Planning Tool Case Study to Evaluate the The Rich AJAX Platform

Examensarbete på Siemens Elema AB

Individuell inlämningsuppgift del 1: Kognitiv design.

Vetenskapliga affischer. Karin Fahlquist

Agila metoder och motivation

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

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

Laboration 3 HI1024, Programmering, grundkurs, 8.0 hp

» 30år» Sambo» 1 barn (1,5år)» Jobbar som kurator.» Årsinkomst ca kr.» Bor i hyreslägenhet i stan.

Teman för föreläsningen. Gestaltlagarna Layout Typografi

Social Engineering ett av de största hoten mot din verksamhet

TDP022 Användargränssnitt

Individuell inlämningsuppgift TEK210

Projektet. TNMK30 - Elektronisk publicering

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

Workshop ENKLA ÄRENDEN

Så gör Vägledningen 24-timmarswebben dig till en bättre beställare. Funda Denizhan, Statskontoret Kommits 17 november, 2005

Föreläsning 7, Interak2on

Kommunikation och presentation

Människa- datorinteraktion, MDI, vt 2012, Anvisningar för projekt- /grupparbete

Vad är design? Designmetodik. Varför en metodik? Samma (5!) huvudmoment. Härledning av form från specifikation. Användarcentrerad designmetodik

Koncept och prototyp. Workshop 3 25 augusti 2016

Presentation av uppgiften. Företaget. Vi ger er i uppgift att: Sista-minuten-företaget. Målanalys. Arbetssätt under övningarna

Utvärdering Utvecklingsledare i kommunikationsplanering: Förändringsarbete

Gestaltningstekniker Innehåll ALLMÄNT. Att zooma in och zooma ut

Bakgrund. Presentation av uppgiften. Flygbolaget ger er i uppgift att: Målanalys. Tänk igenom. Syfte med målanalys


Presentationsteknik. Industriell design. Presentationens syfte. -att sälja in något? -att informera? -att rapportera?

Småprat Small talk (stressed vowels are underlined)

TDDC74 - Projektspecifikation

Granskning av gränssnitt. Mattias Arvola

Post Mortem för Get The Treasure!

Rune Tennesmed. Oskar Norling 1DV430. Individuellt Mjukvaruutvecklingsprojekt 1DV430 Webbprogrammerare H12 Oskar Norling

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

Checklista 1 för detaljer Projektnamn: Datum: Detaljnummer:

Layout. Proportioner. Layout: Proportioner

MÄSSKOLAN FEM KORTA LEKTIONER FÖR BÄTTRE UTSTÄLLARE

Martin Völcker, SLL & Suit

Marie Svensson och Camilla Sjöberg

DFA Design For Assembly

Avdelningen för Människadatorinteraktion

Grafisk formgivning. Gränssnittet utformning skall på ett naturligt sätt stödja användarens interaktion mot programsystemet

Prototyping. Planera och genomföra webbproduktionsprojekt. Innehåll. Fördelarna med Pappersprototyper. Lofi-prototyp. Prototyping

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

Integrering av miljöaspekter i produktutveckling ISO/TR Gunnel Wisén Persson ABB. ABB Corporate Research

Tentamen på kursen Webbdesign, 7,5 hp

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

Viktigt att veta innan du börjar

Föreläsning 7: Kognition & perception

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

Designdiscipliner. Tjänstedesigner, vad gör man

Datavetenskap. Beteendevetenskap MDI. Design

Användarcentrerad systemdesign

Användarcentrerad systemdesign

Swedbank Mobile Loadtesting. LoadRunner Mobile App protocol

Sänk kostnaderna genom a/ ställa rä/ krav och testa effektivt

Intro utvärdering

Transkript:

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.