Prototypning. Filmtajm. Prototypens roll: Evolutionär eller kasta bort. Dagens föreläsning. Detaljgrad. Detaljerad i vilket avseende?
|
|
- Nils Karlsson
- för 5 år sedan
- Visningar:
Transkript
1 Filmtajm Prototypning Sketch-a-move Mattias Arvola Institutionen för datavetenskap 2 Dagens föreläsning Typer av prototyper Upplösning Pappersprototyper Datorprototyper Verktyg för att bygga datorprototyper Prototypens roll: Evolutionär eller kasta bort Funktion Integrerad Konstruktion Look & Feel 3 4 Detaljgrad Low Fidelity: Ofta gjorda i papper. Används för att testa en design med användare och förutse stora problem till en extremt låg kostnad. High Fidelity: Interaktiva och datorbaserade. Används för att övertyga ledning och andra intressenter om att man tänkt igenom designen ordentligt och att man är på god väg. Kostnaden för dem kan dock vara ganska hög och de kan orsaka orealistiska förväntningar bland kunder. Mixed Fidelity: HiFi i vissa avseende och LoFi in andra. Detaljerad i vilket avseende? Interaktionsrikedom: Representeras transitioner, animeringar och systemrespons på ett realistiskt sätt eller är det statiska skisser? Detaljrikedom i data: Faktiska, eller realistiska, data ger förståelse för om designen passar domänen. 5 6
2 Strategier Bredd i funktionalitet: En bred funktionalitet (t.ex. uttag, insättning, kontoutdrag, betalningar)ger förståelse för hur systemet hänger ihop. Djup i funktionalitet: En detaljerad sekvens av en feature (t.ex. uttag) ger förståelse en hel uppgift. Visuell upplösning: Från handritade skisser till pixelkorrekta mock-uper. Horisontella prototyper ger en övergripande bild av systemet ur användarens perspektiv. Viktiga för att koordinera stora utvecklingsteam. Är ofta evolutionära. Vertikala prototyper testar en viss feature från användargränsnittet och ned i algoritmerna bakom. Validerar ofta designlösningars konstruktion. 7 8 Uppgifts-orienterade prototyper baseras på en uppgiftsanalys där syftet är att testa en uppsättning uppgifter som användarna ska göra i systemet. Inkluderar endast de funktioner som krävs för att göra uppgifterna. Kombinerar bredden av horisontella och djupet av vertikala prototyper. Kallas därför även T-prototyper. Scenariobaserade prototyper påminner om uppgifts-orienterade prototyper men betonar ett realistiskt scenario för hur systemet faktiskt skulle användas i verkliga världen. Går från användningscenarios till designscenarios till prototyp. Hur mycket ska vi implementera? Bygg det om ni kan bygga det. Fejka det om ni inte kan bygga det. Om ingen kan bygga det så är det fel på er design Pappersprototyper Görs tidigt i utvecklingsprocessen för att utforska idéer Interaktiva! Billiga, snabba och portabla Lätta att ändra, kan t.o.m. skapas under en session med användare Användare har lätt att föreslå förändringar Vad vill du testa? Ju finare de är desto mer fokuserar användare på utseende 11 12
3 Fysisk mock-up 1:1 eller skalmodeller ungefär som arkitekter använder Kartong, lego, styrofoam Får systemdesigners att tänka 3D och fysiska begränsningar 17 18
4 Wizard-of-Oz Gör att man kan testa en avancerad AI eller parsning för att se om och hur den borde konstrueras. Ger användarna intrycket av att de jobbar med ett verkligt system utan att något sådant faktiskt existerar. Kan också användas för att bygga upp en korpus som sedan driver ett naturligt språkgränssnitt. Styrs helt eller delvis av en wizard som tittar på vad användaren gör och ger systemresponsen Videoprototyper Linjära illustrationer av hur användare interagerar med det nya systemet Kan bygga på pappersprototyper, fysiska mock-upper, existerande mjukvara och bilder av faktiska miljöer Utgå från ett scenario, och gör en storyboard för filmen Ta fram what-if-scenarios och flytta omkring delar av storyboardsen för att sätta ihop sekvenser av klipp Filma klippen i rätt ordning utifrån storyboard för att slippa redigera och klippa så mycket 21 Starfire: En vision från Sun Microsystems som förutsäger och guidar utvecklingen av framtidens datorer. 100 ingenjörer, designers, visionärer och filmskapare föreställer sig en dag i en kunskapsarbetares liv i det fjärran Screen casts: Linjär datorprototyp Körbara datorprototyper En film av hur skärmen ser ut när användaren kör ett scenario. Helt linjär och görs vanligen i program som Director och Flash. Kan också göras i Powerpoint eller Keynote med efterbehandling i MovieMaker, imovie eller AfterEffects. Påminner om slutprodukten och görs senare i utvecklingscykeln Testar känsla och detaljerad interaktion Jobbigt att ändra och en felaktig detalj kan stoppa upp testningen Används oftast när man inte kan visa en feature med papper, mock-up, wizard of oz eller analog videoprototyp. Börja med en storyboard! Kan göras med stop: stannar vid varje steg och väntar på input. Men endast en sak går att göra för att ta sig vidare till nästa steg
5 Iterativa och evolutionära prototyper Byggs inte primärt för att testa en design utan för att både testa och bygga vidare på. Görs i traditionella utvecklingsmiljöer, men gärna med GUI-byggare Sådana miljöer har ofta färdiga bibliotek. De gör det snabbt enkelt att använda standardkomponenter. De får en lätt att låsa sig vid standardkomponenter och inte tänka på nya interaktionstekniker XHTML Verktyg för att bygga datorprototyper Presentationsverktyg: PowerPoint, Keynote, Acrobat, FireWorks, OmniGraffle, Visio Multimediaverktyg: Director, Flash, Expression, Real Studio Specialiserade prototypningsverktyg: Flash Catalyst, Expression Blend, Axure Grafiska programmeringsmiljöer: Interface Builder, Visual Studio Express, LiveCode, Eclipse
Prototypning och heuristisk utvärdering
Filmtajm Prototypning och heuristisk utvärdering! Sketch-a-move http://vimeo.com/5125096 Interaktiva system Mattias Arvola Institutionen för datavetenskap 2 Dagens föreläsning Prototypens roll: Evolutionär
Läs merPrototypningsverktyg. A Human-Centered Design Process (ISO 9241-210, 2010) Mattias Arvola. @mattiasarvola Institutionen för datavetenskap
A Human-Centered Design Process (ISO 9241-210, 2010) Prototypningsverktyg 1. Plan the humancentred process 2. Understand the context of use Mattias Arvola Meets the requirements 5. Evaluate against requirements
Läs merTjänsteprototypning. Föreläsning i kursen TDDD51 Linköpings universitet den 21 februari Johan Blomkvist
Tjänsteprototypning Föreläsning i kursen TDDD51 Linköpings universitet den 21 februari 2011 Johan Blomkvist johan.blomkvist@liu.se UPPLÄGG Upplägg - tillbakablick Vad har vi gjort hittills? Tjänstedesignens
Läs merHi-Fi Prototyping + laborationsgenomgång & verktyg
Hi-Fi Prototyping + laborationsgenomgång & verktyg Karin Fahlquist 2015 Frågor att besvara Vad innebär prototyping? Vad är speciellt med hi-fi prototyping? Hur kan man använda dem? Hur väljer man nivå
Läs merGestaltningstekniker Innehåll ALLMÄNT. Att zooma in och zooma ut
Innehåll Gestaltningstekniker Allmänt Tekniker Designmöten Visuell attraktivitet Gestaltningstekniker & kommunikation Johan Åberg För bättre kvalitet i designprocessen ALLMÄNT Samla tillräckligt med information
Läs merIdag. Prototyper och användbarhetsutvärdering. Vad prototyper prototypar. Olika sorters prototyper. Del 2 Prototyper Utvärdering Analytisk Empirisk
Idag Prototyper och användbarhetsutvärdering Del 2 Prototyper Utvärdering Analytisk Empirisk Prototyper: en fråga om syfte och mottagare Vad prototyper prototypar Kommunikation Med sig själv för att driva
Läs merHUMAN-CENTERED SYSTEMS Stefan Holmlid
Interaction design, industrial design, design management, service design, information design, experience design, graphic design, furniture design, destination design, product design, ergonomics design,
Läs merFöreläsning 8, Design
Föreläsning 8: Design och prototyper FSR: 1, 4, 5, 6 Att läsa: Kapitel 11 i Rogers et al.: Interaction Design Översikt Konceptuell design (Fysisk design) Uppgiftsallokering Prototyper Typer av prototyper
Läs merInnehåll. Vad är prototyping? Low-, mid-, high-fidelity prototyping Konceptuella modeller Verktyg för mid/high-fi prototyping
Prototyping Innehåll Vad är prototyping? Low-, mid-, high-fidelity prototyping Konceptuella modeller Verktyg för mid/high-fi prototyping Individuell inlämningsuppgift Vad är en prototyp? En prototyp är
Läs merVad är en prototyp? En prototyp är en manifestation av ett designförslag som man kan interagera med på något sätt.
Prototyping Vad är en prototyp? En prototyp är en manifestation av ett designförslag som man kan interagera med på något sätt. Jeff Hawking, PalmPilot Gick runt i flera månader med en prototyp och låtsades
Läs merHi fi prototyping. Johanna Persson MAM nov 2014
Hi fi prototyping Johanna Persson MAM15 25 nov 2014 Dagens upplägg Hi fi prototyping Olika verktyg för hi fi prototyping Introduktion till ett urval av dessa Power point Balsamiq Mockups Just in Mind Praktisk
Läs merFö 4: Utvärdering. Gästföreläsning. Muddy-cards resultat. Varför och vad? Varför? Vad? Mot vad? (Krav) Hur? IMPACT
Varför? Vad? Mot vad? (Krav) Hur? IMPACT Fö 4: Utvärdering Gästföreläsning Computer Supported Collaborative Work flera användare. Live Help Systems Johan Åberg Vecka 10 Måndag 3/3 kl 10 i sal C3 Muddy-cards
Läs merVad vi pratade om förra gången. Fast med andra ord
Designprocessen 2 Vad vi pratade om förra gången Fast med andra ord Användarcentrerad design Tidigt fokus på användarna och deras uppgifter Empiriska mätningar Iterativ design Hur samla in data och utvärdera
Läs merWireframeskisser, pappersprototyper och heuristisk utvärdering
3 5 4 6 Dagens föreläsning Wireframeskisser, pappersprototyper och heuristisk utvärdering Mattias Arvola Institutionen för datavetenskap Designmönster Wireframes Wireflows Sitemaps Pappersprototyper Heuristisk
Läs merTjänsteprototypning. och tjänsterepresentationer. Johan Blomkvist IDA-HCS-IxS
Tjänsteprototypning och tjänsterepresentationer Johan Blomkvist IDA-HCS-IxS Twitter: @hellibop Dagens föreläsning Tjänsteperspektiv Konceptualiseringar av tjänsteprototyper Tjänsteprototypning 2 Prototyp
Läs mer14-24-1 DESIGNMETODER. Koncep;asen - Målträd. Dagens föreläsning. Effektkartläggning. Effektkartläggning - Projektmål. Effektkartläggning - Effektmål
Dagens föreläsning DESIGNMETODER TDP022 - interak/va system KoncepAasen - Målträd Användarnära design Prototypning Konceptdesign Detaljdesign Aseel Berglund IDA - Ins/tu/onen för datavetenskap 2 Effektkartläggning
Läs merPrototyping. Susanna Olsson, TietoEnator Funda Denizhan, TietoEnator Ann Lantz, CID
Prototyping Susanna Olsson, TietoEnator Funda Denizhan, TietoEnator Ann Lantz, CID TRITA-NA-D0105 CID-139, KTH, Stockholm, Sweden 2001 Susanna Olsson, TietoEnator, Funda Denizhan, TietoEnator, Ann Lantz,
Läs merKravhantering med prototyp
Kravhantering med prototyp Mona Lif www.logica.se/userexperience Logica 2008. All rights reserved Kravhantering med prototyp - agenda Fördelar med att använda prototyp Hur gör man Prototyp vs textuellt
Läs merhttp://www.one-life.com/ http://www.bjork.com/ http://www.ro.me/ http://www.protest.eu/en#!/home
http://www.one-life.com/ http://www.bjork.com/ http://www.ro.me/ http://www.protest.eu/en#!/home http://www.oakley.com/legionofoakley?cm_mmc=ads-_-apparel_goggles-_-prs_sigseries-_-appa Inspiration Koncept
Läs merBoken. Kapitel 10. Kapitel 11. Kap 10.6.1 Ej Kap 10.7, det tar vi senare Resten, läs själva
Designprocessen 2 Boken Kapitel 10 Kap 10.6.1 Ej Kap 10.7, det tar vi senare Resten, läs själva Kapitel 11 Brain storming Body storming Personas Scenarios Lo-fi prototyping Skisser Storyboarding Pappersprototyper
Läs merBerättelser Scenarios Presentationer Skisser Formella modeller Mjukvaruprototyper Kartong modeller etc.
Karin Fahlquist Berättelser Scenarios Presentationer Skisser Formella modeller Mjukvaruprototyper Kartong modeller etc. Viktigt att se från andra personers perspektiv Abatrakta idéer kommer till liv Utforska
Läs merPrototyping. Planera och genomföra webbproduktionsprojekt. Innehåll. Fördelarna med Pappersprototyper. Lofi-prototyp. Prototyping
Innehåll Planera och genomföra webbproduktionsprojekt Stefan Berglund Prototyping Prototyping LoFi-prototyp HiFi-prototyp Användarcentrerad utveckling Användbarhet Specificering av krav Prototyping Kartläggning
Läs merInteraktionsdesign och användbarhet Personas. Paper prototyping. » Metod för representation av användaren. » Metod för konceptutveckling
martin östlund 2008 Interaktionsdesign och användbarhet Personas» Metod för representation av användaren Paper prototyping» Metod för konceptutveckling Att designa för användbarhet» Forsknings- och tillämpningsområden»
Läs merINTERAKTIONSDESIGN: VAD & HUR?
INTERAKTIONSDESIGN: VAD & HUR? Interaktionsteknik & Design, HT-13 Evelina Fagertun evelinafagertun@gmail.com VAD? Vad är interaktionsdesign? HUR? Hur skapar vi bra design? INTERAKTION Wiki: Interaktion
Läs merAgila Metoder. Nils Ehrenberg nils.ehrenberg@mah.se
Agila Metoder Nils Ehrenberg nils.ehrenberg@mah.se Agenda Agila Metoder: Scrum och sprints Lean och Design Workshops Kravställning Agil Utveckling Individer och interaktioner istället för processer Fungerande
Läs merGranskning av gränssnitt. Mattias Arvola
Granskning av gränssnitt Mattias Arvola 2 Att skapa interaktiva system Identifiera krav Utforma alternativ Ta fram prototyper (eller annan illustration av system) Utvärdera 3 Mål med utvärderingen Revidera,
Läs merInteraktionsdesign som profession. Föreläsning Del 2
Interaktionsdesign som profession Föreläsning Del 2 Vikten av att göra research Varför behöver vi göra research? En produkt blir aldrig bättre än den data som denna baseras på Men Vi har redan gjort en
Läs merInteraktiva applikationer för dator (WPF) och web (Silverlight) Grafisk utvecklingsmiljö. Hela produktioner: design, layout, animationer, skins, etc.
Microsoft Expression Blend + Sketch Flow Microsoft Expression Blend + Sketch Flow Grafisk utvecklingsmiljö Interaktiva applikationer för dator (WPF) och web (Silverlight) Färdiga byggstenar Hela produktioner:
Läs merTeman för föreläsningen. Gestaltlagarna Layout Typografi
Teman för föreläsningen Gestaltlagarna Layout Typografi Gestaltlagarna Lagen om likhet Gestaltlagarna Gestaltlagarna Gestaltlagarna Lagen om närhet Gestaltlagarna Gestaltlagarna närhet likhet kontinuitet
Läs merNya Medier. Gränssnitt, Interaktivitet och Digital kod
Nya Medier Gränssnitt, Interaktivitet och Digital kod Människa-Dator: Gränssnittet Tre lager tas upp i boken: Fysiska apparaten som möjliggör för användaren att styra/använda datorn Mjukvara som organiserar
Läs merIntroduktion av Trailer/Uppsamling
Dokument till lare: Introduktion av Trailer/Uppsamling Introduktion av uppsamling: Trailer och klappövning Lektionsupplägg för 75 min. Underlag till ca 24 elever Gymnasium: kursen Estetisk kommunikation
Läs merLOGISTIKSYSTEM FÖR SNABBA HJULET AB UTVECKLINGSPROCESS BASERAD PÅ DR. DEBORAH J. MAYHEW S THE USABILITY ENGINEERING LIFECYCLE
LOGISTIKSYSTEM FÖR SNABBA HJULET AB UTVECKLINGSPROCESS BASERAD PÅ DR. DEBORAH J. MAYHEW S THE USABILITY ENGINEERING LIFECYCLE Uppsala Universitet 2005 Andreas Kjellgren (ankj3389@student.uu.se) Fredrik
Läs merHUMAN-CENTERED SYSTEMS Stefan Holmlid
Interaction design, industrial design, design management, service design, information design, experience design, graphic design, furniture design, destination design, product design, ergonomics design,
Läs merKommunikationsorienterad. visuell design
Kommunikationsorienterad visuell design Magnus Haake LUCS, Lunds universitet Kommunikationsorienterad visuell design = Kognitivt orienterad grafisk design Varför kognitivt orienterad grafisk design? Verktyg
Läs merAnvändarcentrerad Systemutveckling
Användarcentrerad Systemutveckling Människadatorinteraktion (MDI) Inst. för informationsteknologi http://www.it.uu.se/edu/ course/homepage/hci/ ht10 Användarcentrerad systemutveckling, gränssnitt och prototyper.
Läs merDin idé Vår verklighet VIRTUELLT
3D Din idé Vår verklighet 3D VIRTUELLT BAKGRUND 3D som verktyg har fått ett rejält uppsving de senaste åren. Att använda 3D som presentationsverktyg blir allt mer vanligt. 3D har används flitigt inom filmindustrin
Läs merGrupp 3. Projektplan
Grupp 3 Anna, Fredrik, Thomas, William, Camilla W, Camilla L Projektplan Nuvarande projektplan. Senaste versionen, uppdaterad 25 februari 2010 Innehållsförteckning Den slutgiltiga hifi prototypen... 3
Läs merGrundläggande programmering med matematikdidaktisk inriktning för lärare som undervisar i gy eller komvux gy nivå, 7,5 hp
Grundläggande programmering med matematikdidaktisk inriktning för lärare som undervisar i gy eller komvux gy nivå, 7,5 hp Dag Wedelin, bitr professor, och K V S Prasad, docent Institutionen för data- och
Läs merOlika syften. TDDD60 användbarhetstest. När passar vilken typ? Med eller utan användare
TDDD60 användbarhetstest Olika syften Olika typer av metoder Mått på användbarhet/kravuppfyllelse Olika syften Hitta användbarhetsproblem för att förbättra (mål: åtgärda problem, förbättra produkten) Formativ
Läs merMicrosoft Expression Blend + Sketch Flow
Microsoft Expression Blend + Sketch Flow Microsoft Expression Blend + Sketch Flow Grafisk utvecklingsmiljö Interaktiva applikationer för dator (WPF) och web (Silverlight) Färdiga byggstenar Hela produktioner:
Läs merMänniska-Datorinteraktion. HCI text
2002-04-17 09:13 Människa-Datorinteraktion DVC002 HCI text Anders Carlsson pt00aca@student.bth.se Per Salomonsson pt00psa@student.bth.se Grupp: D Innehållsförteckning 1. Inledning... 3 2. Design och produktutveckling...
Läs merRedigeringsteknik och postproduktion
Interaktionsdesign- Process Olika förhållningssätt till designprocessen: Utgångspunkter- perspektiv på design Övergripande processen Detaljerat förfarande- iterativ och konceptuell design Introducera en
Läs merChaos om datorprojekt..
Systemutveckling och användbarhet Användarcentrerad systemutveckling, gränssnitt och prototyper. Referens till avsnitt i kursboken Dix kapitel 6 Gulliksen, Göransson: Användarcentrerad systemdesign, kapitel:
Läs merMediaverktyg. Grafik. Video. Ljud. Animationer. Strömmande media. Webb
Mediaverktyg Grafik Video Ljud Animationer Strömmande media Webb Björn Thuresson November 2003 1 Följande lista är inte heltäckande, men ger exempel på relevanta, användbara och spridda datorverktyg för
Läs merKommentarer till MDI tentamen 081003
Kommentarer till MDI tentamen 081003 1) I utvärderingssammanhang vill man ofta att de tilltänkta användarna ska finnas med. Nämn tre sätt att ta med användarna och jämför de olika sätten, likheter och
Läs merAtt läsa: Sharp, Helen, Rogers, Yvonne & Preece, Jenny E. (2007) Interaction design. Wiley. Kapitel 11.
Prototyper, Riktlinjer och standarder Att läsa: Sharp, Helen, Rogers, Yvonne & Preece, Jenny E. (2007) Interaction design. Wiley. Kapitel 11. Prototyper behövs för att visa på designval för att designdokument
Läs merFörbered och planera bildmanuset
Del av Kapitel 4: Förbered och planera bildmanuset I detta kapitel kommer du att: Omvandla ditt manus till ett bildmanus Lägga till bildmanusguider Planera för de bilder som ska visas på skärmen Skriva
Läs merIntroduktion och grunder
Filmtajm Introduktion och grunder! Siftables http://www.youtube.com/watch?v=ol6sqhfad3w&nr=1 INTERAKTIVA SYSTEM Mattias Arvola Institutionen för datavetenskap 2 Gränssnittet är systemet! Lärare! Mattias
Läs merKommunikations- orienterad visuell design
Kommunikations- orienterad visuell design Magnus Haake LUCS, Lunds universitet Kommunikationsorienterad visuell design = Kognitivt orienterad grafisk design Varför kognitivt orienterad grafisk design?
Läs merViktiga begrepp. Algoritm. Array. Binärkod. Blockprogrammering. Bugg / fel och felsökning. Dataspel. Dator
Viktiga begrepp Den här ordlistan är till för dig som går kursen Om Programmering. Eftersom detta är en grundläggande kurs har vi i vissa fall gjort en del förenklingar. En del begrepp är svåra att förenkla,
Läs merIntroduktion till Adobe Acrobat Connect Pro
Introduktion till Adobe Acrobat Connect Pro I denna guide beskrivs hur man använder Adobe Acrobat Connect Pro samt användning av headset och webbkamera. Skapad: 2009-07-03 Version: 1.1 1 Innehåll Hur startar
Läs merNya Medier. Gränssnitt, Interaktivitet och Digital kod
Nya Medier Gränssnitt, Interaktivitet och Digital kod Människa-Dator: Gränssnittet Tre lager tas upp i boken: Fysiska apparaten som möjliggör för användaren att styra/använda datorn Mjukvara som organiserar
Läs merBakgrund och motivation. Definition av algoritmer Beskrivningssätt Algoritmanalys. Algoritmer. Lars Larsson VT 2007. Lars Larsson Algoritmer 1
Algoritmer Lars Larsson VT 2007 Lars Larsson Algoritmer 1 1 2 3 4 5 Lars Larsson Algoritmer 2 Ni som går denna kurs är framtidens projektledare inom mjukvaruutveckling. Som ledare måste ni göra svåra beslut
Läs merProfilinfo DPU3 Teknisk Design
Profilinfo DPU3 Teknisk Design Masterspecialiseringar Starka master specialiseringar som står sig väl i internationell konkurrens Specialiseringarna har en stark forskningsöverbyggnad för att vara livskraftiga
Läs merDatorer och Människa-Maskin-Interaktion
Mälardalens högskola Institutionen för Datavetenskap Datorer och Människa-Maskin-Interaktion Tomas Billborn Vetenskapsmetodik för teknikområdet CT3620 5p B-nivå 1 Sammanfattning Våra verktyg och redskap
Läs mercreate+ Interactive Scene Redaktörshandbok episerver
episerver create+ A PRODUCT IN THE EPiSERVER CREATE+ PACKAGE Version 1.2.1 Interactive Scene With Interactive Scene, putting together interactive presentations is quick and easy. Communicate your message
Läs merLayout. Proportioner. Layout: Proportioner
Layout Proportioner Layout: Proportioner A4 1,42 (roten ur 2) Letter 8,5 x 11 Gyllene snittet 1,62 Kvadrat (1:1) Datorskärm 0,75 (3:4) Layout: Proportioner Layout: Proportioner Pocket: 110 x 178 mm Fackpockett:
Läs merProjektsteg: Detaljdesign. Måldriven design. I praktiken? Vattenfallsmetoder. Designdriven utveckling. Agila metoder
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äs merChaos om IT-projekt..
Användarcentrerad systemutveckling, gränssnitt och prototyper. Lämplig extraläsning Gulliksen, Göransson: Användarcentrerad systemdesign, Studentlitteratur, kapitel: 4, 5, 6, 7, 8, 9 (Bredvidläsning) Syfte
Läs merBygga kurser för mobila enheter
Bygga kurser för mobila enheter NETCOMPETENCE 2017-10-30 Innehåll Inledning... 2 Om Responsive Design och Adaptive Design... 3 Responsive Design... 3 Adaptive Design... 3 Exempel... 4 Tips och rekommendationer...
Läs merPrototyping medium/high fidelity Användarupplevelse Interaktionsflöde och flow Användbarhetsutvärdering - Usability testing Tillgänglighet
martin östlund 2008 Prototyping medium/high fidelity Användarupplevelse Interaktionsflöde och flow Användbarhetsutvärdering - Usability testing Tillgänglighet Medium fidelity prototyping/testning» Använda
Läs merPraktikum i programvaruproduktion
Praktikum i programvaruproduktion Introduktion Föreläsare/Ansvarig: Pontus Boström Email:pontus.bostrom@abo.fi Rum A5055 Assistent: Petter Sandvik Email: petter.sandvik@abo.fi Rum: A5048 Föreläsningar:
Läs merPrototyping - faser, typer och potentiell problematik
Prototyping - faser, typer och potentiell problematik Josefin Karlsson KTH Kungliga Tekniska Högskolan CSC Skolan för datavetenskap och kommunikation josefink@kth.se Maria Wikforss KTH Kungliga Tekniska
Läs merLayout. Layout. Varför layout? Proportioner. Rutnät, gruppering & justering. skapa struktur skapa balans markera betydelse
Layout Proportioner A4 1,42 (roten ur 2) Letter 8,5 x 11 Gyllene snittet 1,62 Kvadrat (1:1) Datorskärm 0,75 (3:4) Layout: Proportioner Layout: Proportioner Pocket: 110 x 178 mm Fackpockett: 110 x 170 mm
Läs merP R O J E K T : D I C E
P R O J E K T : D I C E Ett projektarbete i svenska, entreprenörskap och engelska, riktat mot DICE. Thoren Innovation School HT2013. UPPDRAG Uppgiften är att arbeta med den första delen av utvecklingsprocessen
Läs merEtt projektarbete i svenska, teknik och engelska, riktat mot DICE. Thoren Innovation School HT2012.
PROJEKT: DICE Ett projektarbete i svenska, teknik och engelska, riktat mot DICE. Thoren Innovation School HT2012. UPPDRAG Uppgiften är att arbeta med den första delen av teknikutvecklingsprocessen d.v.s.
Läs merProgrammering, dans och loopar
Lektionen är en introduktion till programmering; träna loopar med analog dansprogrammering. Lektionsförfattare: Karin Nygårds Till läraren 1. En loop 2. Varför behövs loopar? En digital lektion från https://digitalalektioner.iis.se
Läs merVåra designmål Roligt Lättnavigerat Lekfull. Vår målgrupp Barn mellan 9-13 år som vill lära sig mer om väder.
Våra designmål Roligt Lättnavigerat Lekfull Vår målgrupp Barn mellan 9-13 år som vill lära sig mer om väder. Vårt koncept En app med ett spel där vädret är i fokus. Användaren tar sig vidare i spelet genom
Läs merSyfte : Lära sig objektorienterad programmering Syfte : Lära sig programmering i ett OO-språk vilket?
Jonas Kvarnström jonkv@ida.liu.se 2013 Syfte : Lära sig objektorienterad programmering Syfte : Lära sig programmering i ett OO-språk vilket? Rena OO-språk (allt är objekt) Scala, Smalltalk, Eiffel, Ruby,
Läs merKommunikations- orienterad visuell design
Kommunikations- orienterad visuell design Magnus Haake Inst. för Designvetenskaper, LTH Lunds universitet Kommunikationsorienterad visuell design = Kognitivt orienterad grafisk design Varför kognitivt
Läs mer1. (3p) Inom MDI-området framhåller man att människor lär sig via metaforer. Hur menar man att detta går till?
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? Att lära sig via metaforer innebär att man drar nytta av kunskap som användaren redan har,
Läs merDaniel Wetter. Senior UX- Interaktion och tjänsteutveckling
Daniel Wetter Senior UX- Interaktion och tjänsteutveckling Design fungerar när den lyckas förmedla idéer väl på enklaste möjliga sätt. Interaktionsdesign fokuserar speciellt på hur en användare interagerar
Läs merANPASSNING FÖR ÖVERLEVNAD: 3 SÄTT ATT ANPASSA SIG TILL FÖRÄNDERLIG MILJÖ
ANPASSNING FÖR ÖVERLEVNAD: 3 SÄTT ATT ANPASSA SIG TILL FÖRÄNDERLIG MILJÖ Praktiska råd för projektörer 5 MINUTERS LÄSTID ANPASSNING FÖR ÖVERLEVNAD Den hårda konkurrensen i en osäker ekonomi kombinerat
Läs merFöreläsning 3 Användare, uppgift och omgivning. Kapitel 3-4 i Stone et al.
Föreläsning 3 Användare, uppgift och omgivning Kapitel 3-4 i Stone et al. Från föregående föreläsning Kravinsamling med användare i fokus genom Observationer i verkliga situationer Konstruera uppgifter
Läs merFö 2: Designprocessen. Projektet. Design är... Forts. projektet
Fö 2: Designprocessen Metoder Mål: att förstå användaren, uppgiften, situationen och tekniken (PACT) Hur hänger det ihop? Men först: projektet Projektet Användarstudier och analys av befintligt system
Läs merTill elev: Block: Trailer/ Introduktion. Vad ska du göra? Varför ska du göra detta? Material: Hur ska du arbeta?
Till elev: Block: Trailer/ Introduktion Vad ska du göra? Ni ska lyssna och titta på PowerPoint som går igenom vad vi ska göra under det h blocket. Vi gör en klappövning för att förstå klippteknik och börjar
Läs merConcept Selection Chaper 7
Akademin för Innovation, Design och Teknik Concept Selection Chaper 7 KPP306 Produkt och processutveckling Grupp 2 Johannes Carlem Daniel Nordin Tommie Olsson 2012 02 28 Handledare: Rolf Lövgren Inledning
Läs merInteraktiva Bibliotek. Eva Eriksson. IDC Interaction Design Collegium
Interaktiva Bibliotek Eva Eriksson Innehåll Children s Interactive Library, Århus Danmark Ubiquitous Computing, Chalmers Göteborg The Interactive Children s Library Interactivespaces.net Aarhus School
Läs merIndustridesign. Mälardalens Högskola. KPP306 Produkt- och processutveckling
Mälardalens Högskola Industridesign KPP306 Produkt- och processutveckling Seminariegrupp 6: Christoffer Löfstrand, Jan-Peter Rosén, Joakim Vasilevski 2012-02-28 Innehållsförteckning Inledning... 2 Vad
Läs merIntroduktion till Adobe Acrobat Connect. I denna guide beskrivs hur man använder Adobe Connect samt användning av headset och webbkamera.
Introduktion till Adobe Acrobat Connect I denna guide beskrivs hur man använder Adobe Connect samt användning av headset och webbkamera. Innehåll Hur startar jag ett möte i Adobe Connect?... 3 Hur är ett
Läs merOperatörer och användargränssnitt vid processtyrning
Operatörer och användargränssnitt vid processtyrning Normativa och beskrivande analyser Uppsala universitet @ 2003 Anders Jansson Sammanfattning kap. 1 Sociotekniska system Många olika grupper av användare
Läs merUSB C DisplayPort-adapter - 3 portar - USB C till DisplayPort MST-hubb - USB Type C skärmhubb
USB C DisplayPort-adapter - 3 portar - USB C till DisplayPort MST-hubb - USB Type C skärmhubb Product ID: MSTCDP123DP Med denna MST-hubb kan du ansluta tre DisplayPort-skärmar till din USB-C -dator. MST
Läs merTDP025. Entreprenöriell programmering. Marcus Bendtsen Institutionen för Datavetenskap (IDA)
TDP025 Entreprenöriell programmering Marcus Bendtsen Institutionen för Datavetenskap (IDA) Examensordningen I examensordningen står det att, för alla kandidatexamina skall (bland andra) följande mål uppnås:
Läs merDesign och Prototyping
Design och Prototyping 23/10 2002 Christina von Dorrien Läsanvisningar: Kap 2.3-2.6, Kap 8.1-8.3 Från analys till design Hur går man från analys- och krav dokument till en design av en produkt eller ett
Läs merNT- GYMNASIET UPPGIFT I DIGITALT SKAPANDE JUBILEUMSUTGÅVA UTIFRÅN EN VÄRDEPLATTFORM
JUBILEUMSUTGÅVA UTIFRÅN EN VÄRDEPLATTFORM Ett konfektyrföretag ska ge ut en jubileumskartong och dra fördel av att en viss artist har varit verksam i 25 år eller någon annan särskild anledning till att
Läs merStudentguide Adobe Connect Pro
Studentguide Adobe Connect Pro 2009-11-10 Inloggning För att vara med i ett möte behöver du inte installera någon programvara utan allt som behövs på din dator är Adobe Flash Player. Det programmet finns
Läs merMin syn på visuella verktyg i produktutvecklingsprocessen
Min syn på visuella verktyg i produktutvecklingsprocessen Mälardalens Högskola Philip Åhagen 4/13/2011 Innehåll Sammanfattning... 3 Ordlista... 4 Inledning... 4 Skisser... 5 Varför skissa?... 5 Olika typer
Läs merBoken. Kap 2.1-2.4 Kap 11.3
Konceptuell design Boken Kap 2.1-2.4 Kap 11.3 Konceptuell design är helt grundläggande inom interaktionsdesign kan upplevas som abstrakt och svårt att förstå förstås bäst genom att man utforskar och upplever
Läs merAnvändarcentrerad systemdesign introduktion till begrepp, processer och arbetssätt
Användarcentrerad systemdesign introduktion till begrepp, processer och arbetssätt Bengt Göransson bengt.goransson@it.uu.se Människa-datorinteraktion 1MD016, hösten 2012 Avdelningen för Visuell information
Läs merAnalys och design. Objekt. Klass. med hjälp av CRC. Klassdiagram
Analys och design med hjälp av CRC 83 Klassdiagram Objekt Ett objekt är en individuellt identifierbar entitet som kan vara konkret eller abstrakt. Ett objekt har tillstånd, beteende och identitet. Reellt,
Läs merSpel som interaktiva berättelser. Mer teoretiserande!
Spel som interaktiva berättelser Mer teoretiserande! Design Ett sätt att betrakta författandet av icke-linjära, interaktiva berättelser är som design. Def: Design är den process där en designer skapar
Läs merTentamen, InteraktionsDesign, 7,5 ECTS
Högskolan i Borås Sektionen för informationsteknologi Malin Nilsson Tentamen Tentamen, InteraktionsDesign, 7,5 ECTS Tid: 2015-06-05, kl. 09.00-13.00 Hjälpmedel: Inga hjälmedel tillåtna Totalpoäng: 58 poäng
Läs merEn guide för att förbättra noggrannheten.
FileMaker Developer Conference 2017 Presenter Series En guide för att förbättra noggrannheten. En guide till ökad korrekthet. Deborah Zempel, Deborah Zempel Consulting FileMaker Developer Conference DevCon
Läs merTDDD26 Individuell projektrapport
TDDD26 Individuell projektrapport Kort beskrivning av projektet Vi hade som projekt att utveckla en digital media servicer som skulle hjälpa filmentusiasten att organisera sitt filmbibliotek. Programmet
Läs merTemperaturmätare med lagringsfunktion DIGITALA PROJEKT EITF11 GRUPP 14, ERIK ENFORS, LUDWIG ROSENDAL, CARL MIKAEL WIDMAN
2016 Temperaturmätare med lagringsfunktion DIGITALA PROJEKT EITF11 GRUPP 14, ERIK ENFORS, LUDWIG ROSENDAL, CARL MIKAEL WIDMAN Innehållsförteckning INLEDNING... 3 KRAVSPECIFIKATION AV PROTOTYP... 3 FUNKTIONELLA
Läs merXP-projekt: En fördjupning
XP-projekt: En fördjupning Extreme Programming Martin Karlsson marka@itn.liu.se K7522 011 36 34 63 Fem värden Kommunikation Var öppna Var ärliga Ta konflikter Diskutera Tag beslut Tag ansvar Kräver feedback,
Läs merDatalogiskt tänkande är mer än Programmering. Fredrik Heintz Linköpings universitet
Datalogiskt tänkande är mer än Programmering Fredrik Heintz Linköpings universitet Vad kommer jag säga idag? Datalogiskt tänkande är en uppsättning generella färdigheter och attityder som är viktiga för
Läs merDesign Metoder & Tekniker. Design Metoder & Tekniker. Bakgrund. Metoder och Tekniker
Design Metoder & Tekniker Design Metoder & Tekniker Designarbete är en kreativ process, med många likheter med andra skapande processer. Processer där materialkämnedom, tillgång till goda verktyg, samt
Läs merToDo ios-applikation. Mikael Östman. Mikael Östman - mo22ez Linnéuniversitetet
ToDo ios-applikation Mikael Östman 201205 Mikael Östman - mo22ez Linnéuniversitetet mo222ez@student.lnu.se Abstrakt Detta är en slutrapport för det projekt jag bedrivit inom ramen för kursen Individuellt
Läs merArbetet började med en ganska rejäl research och uppräkning av situationer, användare och kvaliteter.
[Avsiktligt tom.] Med hjälp av några exempel ur min egen designpraktik (och mina studenters) ska jag försöka lyfta fram några saker som utmärker interaktionsdesign för mig. Ett studentarbete under ganska
Läs mer