Prototypningsverktyg. A Human-Centered Design Process (ISO , 2010) Mattias Institutionen för datavetenskap
|
|
- David Strömberg
- för 8 år sedan
- Visningar:
Transkript
1 A Human-Centered Design Process (ISO , 2010) Prototypningsverktyg 1. Plan the humancentred process 2. Understand the context of use Mattias Arvola Meets the requirements 5. Evaluate against requirements 3. Specify user and business Institutionen för datavetenskap 4. Produce design solutions 2 Uncertainty / Patterns / Insights Clarity / Focus ideation revisions detailing ideation revisions detailing 3 4
2 Dagens föreläsning Typer av prototyper Upplösning Datorprototyper Verktyg för att bygga datorprototyper Evolutionära prototyper eller kasta bort-prototyper 5 6 LoFi- och HiFi-prototyper 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. Mer om det i kommande föreläsning. Vad prototyper prototypar Funktion Integrerad Konstruktion Look & Feel 7 8
3 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
4 13 14 Fysisk mock-up 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 15 16
5 Detaljgrad igen Low Fidelity High Fidelity Mixed Fidelity Detaljerad i vilket avseende? Detaljerad interaktion: Representeras transitioner, animeringar och systemrespons på ett realistiskt sätt eller är det statiska skisser? Detaljerad i data: Faktiska, eller realistiska, data ger förståelse för om designen passar domänen Hur mycket ska vi implementera? 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. Visuellt detaljerad: Från handritade skisser till pixelkorrekta mock-uper. 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
6 Wizard-of-Oz Ger användarna intrycket av att de jobbar med ett verkligt system utan att något sådant faktiskt existerar. Styrs helt eller delvis av en wizard som tittar på vad användaren gör och ger systemresponsen. Gör att man kan testa en avancerad AI eller parsning för att se om och hur den borde konstrueras. Kan också användas för att bygga upp en korpus som sedan driver ett naturligt språkgränssnitt 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 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 Filmtajm Sketch-a-move
7 Screen casts: Linjär datorprototyp 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. 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. Körbara datorprototyper 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 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 Verktyg för att bygga datorprototyper HTML, CSS, javascript Presentationsverktyg: PowerPoint, Keynote, Acrobat, FireWorks, OmniGraffle, Visio Multimediaverktyg: Director, Flash, Expression Specialiserade prototypningsverktyg: Flash Catalyst, Expression Blend, Axure, Balsamiq Grafiska programmeringsmiljöer: Interface Builder, Visual Studio Express, LiveCode, Eclipse
8 LiveCode
9
Prototypning. Filmtajm. Prototypens roll: Evolutionär eller kasta bort. Dagens föreläsning. Detaljgrad. Detaljerad i vilket avseende?
Filmtajm Prototypning Sketch-a-move http://vimeo.com/5125096 Mattias Arvola Institutionen för datavetenskap 2 Dagens föreläsning Typer av prototyper Upplösning Pappersprototyper Datorprototyper Verktyg
Läs merPrototypning 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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. 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 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 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 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 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 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 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 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 merIT och funk0onshinder
IT och funk0onshinder Jan Gulliksen Gulan Professor i Människadatorinterak0on, Uppsala universitet ( dec 2009) KTH (feb 2009 ) 1 MDI i Uppsala studerar datorstöd i arbetslivet Vård- och omsorgarbete Administrativt
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 merVi är ett passionerat utbildningsföretag som har förmågan och viljan att lyckas med ert utbildnings- och utvecklingsprojekt
Vi är ett passionerat utbildningsföretag som har förmågan och viljan att lyckas med ert utbildnings- och utvecklingsprojekt Vi bygger goda relationer med alla som berörs av vår verksamhet på effektivitet
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 merProjektanvisning. Webbsideprojekt. Författare: Johan Leitet Version: 2 Datum: 2012-10-09
Projektanvisning Webbsideprojekt Författare: Johan Leitet Version: 2 Datum: 2012-10-09 Inledning Du har nu under ett antal laborationer i webbteknik fått relativt styrda uppgifter där du ensam fått lösa
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 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 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 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 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 merSlutrapport för JMDB.COM. Johan Wibjer 2012-06-03
Slutrapport för JMDB.COM Johan Wibjer 2012-06-03 Abstrakt Den här rapporten kommer handla om mitt projekt som har handlat om att gör en webb sida för ett personligt media bibliotek, hur jag har jobbar
Läs merDesign thinking, Human-Centered Design and UX
Effects-Driven Development and Human- Centered Design of Interactive Systems Design thinking, Human-Centered Design and UX Mattias Arvola @mattiasarvola Dept. of Computer and Information Science Why, What,
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 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 merPrislista. Information. Se detaljerad info i dokumentet. Se detaljerad info i dokumentet. Se detaljerad info i dokumentet
Prislista Prislista Produkt Information Pris, SEK Kampanjsida 8.500 Nyhetsbrev 3.500 Banners 900-1200 Mobilwebapp 12.000 Logotyper 8.000-14.000 Informationswebbplats 13.500 Offertbaserade webbplatser Offertbaserade
Läs merPrototyper och användartest
Föreläsning i webbdesign Prototyper och användartest Rune Körnefors Medieteknik 1 2012 Rune Körnefors rune.kornefors@lnu.se Prototyp för en webbplats! Utkast eller enkel variant av webbplatsen" Syfte"
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 merMänniska-datorinteraktion 1MD016, hösten 2011 Användarcentrerad systemdesign september 2011
introduktion till begrepp, processer och arbetssätt Bengt Göransson bengt.goransson@it.uu.se Människa-datorinteraktion 1MD016, hösten 2011 Avdelningen för MDI, Informationsteknologi Användbarhet Kan jag
Läs merUtvärderingsmetoder: Empiriska metoder. IT-universitetet 2004-02-26
Utvärderingsmetoder: Empiriska metoder IT-universitetet 2004-02-26 Problemet Usability is...... the extent to which a product can be used with effectiveness, efficiency and satisfaction by specific users
Läs merP r i s u p p g i f t e r
P r i s u p p g i f t e r Grafisk produktion -datum enligt hemsida eller överrenskommelse Uppdatering AdobeCS, 1dag InDesign grund, 2dgr InDesign steg2, 1dag InDesign automatisera, spara tid 1dag InDesign
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 merInteraktionsdesign. Användbarhet ISO 9241. Usability goals. Interaktionsdesign, grundkurs (7,5 HP) Sammanfattande föreläsning
Interaktionsdesign, grundkurs (7,5 HP) Sammanfattande föreläsning Interaktionsdesign Designing interactive products to support the way people communicate and interact in their everyday and working lives.
Läs merMaterialspecifikationer webb 2014
SYDSVENSKAN CITY NÄRA H I T TA H E M. S E MERAJOBB.SE SYDSVENSKAN WEBBYRÅ Materialspecifikationer webb 2014 www.sydsvenskan-webbyra.se Standardformat Panoramabanner Storlek: 980x240 px Framerate: 18-24
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 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 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 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 merTeknikprogrammet, inriktning informations- och medieteknik
Teknikprogrammet, inriktning informations- och medieteknik Varför välja oss? Kursplan Presentation av våra datatekniska kurser Eftersom företag mycket sällan anställer gymnasieelever (de vill att ni ska
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 merAnvändbarhet. Bryt rätt regler. Nils Ehrenberg nils.ehrenberg@mah.se
Användbarhet Bryt rätt regler Nils Ehrenberg nils.ehrenberg@mah.se Agenda Intro till Användbarhet Användbarhet på nätet Exempel Fyra dörrar Inlämningsuppgift Viktigt En skala Subjektivt Användbarhet /
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 merWebbteknik för ingenjörer
Institutionen för 2015-01-22 Tillämpad fysik och elektronik Karin Fahlquist Webbteknik för ingenjörer HTML5 & CSS laboration Målsättning Att skapa en webbplats utifrån en Lo-fi prototyp och implementera
Läs merGränssnittsdesign Namn: Erik Kurs: Gränssnittsdesign Klass: Sy17. Projektplan. Projektets namn
Gränssnittsdesign 2018-01-15 Namn: Erik Kurs: Gränssnittsdesign Klass: Sy17 Projektplan Projektets namn (använd de punkter som är relevanta) 1. Projektbeskrivning Mål och Syfte Mål och syfte med produkten:
Läs merMänniska-datorinteraktion och användarcentrerad design
Människa-datorinteraktion och användarcentrerad design Tisdagen den 7 februari 10-12, E33 Människa-datorinteraktion "HCI is a discipline concerned with the design, evaluation and implementation of interactive
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 merFöreläsning 6 Konceptuell design och designprinciper. Kapitel 8-9 i Stone et al.
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,
Läs merAnvändbarhet och användarcentrerad systemdesign. Innehåll
Användbarhet och användarcentrerad systemdesign Inger Boivie Interaktionsdesign 1MD115 Innehåll Användbarhet Definition Nytta, mätbarhet Andra begrepp Användarcentrerad systemdesign (ACSD) Kort bakgrund
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 merInlämning 1 - Tentafrågor. Projektgrupp A
Inlämning 1 - Tentafrågor Projektgrupp A 2010-11-17 Fråga \ Innlärningsmål Svar: 1 2 3 4 5 6 7 8 9 12 13 15 Fråga 1: LAU1 E x x Fråga 2: LAU1 E x Fråga 3: LAU8 B x x Fråga 4: LAU8 D x x x Fråga 5: LAU2
Läs merInspirationsfasen. Fortsättning på nästa sida. Hållbar utveckling B, vårterminen 2013. Cemus/CSD Uppsala, Uppsala universitet & SLU
Inspirationsfasen Förvänta er framgång! Fokusera på problemet, men leta efter möjligheter. Titta på världen, observera och låt dig inspireras. Utforska det som kittlar din nyfikenhet! Ha med så många olika
Läs merKlient/server. Översikt. Lektion 1: Webbtekniker från Microsoft. Webbteknik från Microsoft. Klient/server. Designmönster. Utrullning.
Klient/server Översikt Webbteknik från Microsoft. Klient/server. Designmönster. Utrullning. Lektion 1: Webbtekniker från Microsoft Microsoft webbtekniker. ASP.NET. Klientsidan. Internet Information Server.
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 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 merProblem 1-1,5p Två av följande metoder för kravspecifikation är ej lämpade att använda vid ett COTSprojekt,
Problem 1-1,5p Två av följande metoder för kravspecifikation är ej lämpade att använda vid ett COTSprojekt, vilka? 1p En av metoderna är istället mycket lämpad för att specificera krav till ett COTS-projekt,
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 merDigitaliseringen och ledarskap
Digitaliseringen och ledarskap Jan Gulliksen Gulan Professor i Människa-datorinteraktion, KTH Dekan för skolan för Datavetenskap och Kommunikation, KTH Vicerektor för Digitalisering, KTH Gästprofessor
Läs merMaterialspecifikationer
HD SYDSVENSKAN CITY NÄRA H I T TA H E M. S E MERAJOBB.SE Materialspecifikationer webb 2015 www.hdsydsvenskan.se Standardformat Panoramabanner Storlek: 980x240 px Enhet: Dator / Läsplatta Video / ljud:
Läs merVi är en passionerad utbildningsbyrå som har förmågan och viljan att lyckas med ert utbildnings- och utvecklingsprojekt
Vi är en passionerad utbildningsbyrå som har förmågan och viljan att lyckas med ert utbildnings- och utvecklingsprojekt Vi bygger goda relationer med alla som berörs av vår verksamhet på effektivitet och
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 merHej! Min uppdaterade portfolio finns online på www.lindebrand.com. alindebrand@gmail.com +46 70 54 70 052 www.lindebrand.com
Curriculum Vitae Hej! Jag heter Alexander Lindebrand och jag kallar mig ett kreativt allt-i-allo. Jag jobbar främst med grafisk design, webbdesign och fotografering men jag har erfarenhet i de flesta digitalt
Läs merTDDC74 - Projektspecifikation
TDDC74 - Projektspecifikation Projektmedlemmar: Namn Efternamn abcde123@student.liu.se Namn Efternamn abcde123@student.liu.se Handledare: Handledare handledare@ida.liu.se eller handledare@student.liu.se
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 merP r i s u p p g i f t e r
P r i s u p p g i f t e r Grafisk produktion -datum enligt hemsida eller överrenskommelse Uppdatering AdobeCS4/ CS5, 1dag InDesign grund, 2dgr InDesign steg2, 2dgr InDesign automatisera, spara tid 1dag
Läs merProjektarbete 2010 måndag den 29 november 2010
Projektarbete 2010 Om projektarbete BRAINSTORMA - med hela projektgruppen. - Skriv ned alla tankar och idéer. - Ifrågasätt inget! TESTA idéer och uppslag genom diskussioner. Titta på målen i projektbeskrivningen
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 merFråga 1. A) Domain-requirement analysis B) Questionaires C) Focus groups D) Design workshop C) Stakeholder analysis. Svar: C, D
Fråga 1. Vilken två elicitationstekniker av följande lämpar sig bäst på att upptäcka idéer inför framtiden? (Välj 2 st, 0,5p per rätt alternativ, -0,5 per fel). A) Domain-requirement analysis B) Questionaires
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 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 merTentafrågor Grupp C. Fråga 1
Tentafrågor Grupp C Fråga 1 Focal Point-metoden innehåller sex iterativa och inkrementella aktiviteter. Välj ut dessa och ordna dem medurs efter varandra i spiralmodellen nedan. a ) Gör en CRUD-check b
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 merVad karaktäriserar ett bra användargränssnitt? Riktlinjer för gränssnittsdesign. Vad påverkar utformningen av ett gränssnitt? 1.
Riktlinjer för gränssnittsdesign Jan Gulliksen Vad karaktäriserar ett bra användargränssnitt? Verksamhetseffektivt Rätt funktioner finns Användarvänligt Lätt att lära Minimerar fel Minimerar onödiga belastningar
Läs merWebbtillgänglighet. Webbtillgänglighet. World Wide Web Consortium. Web Accessibility Initiative, WAI WCAG 2.0 WCAG 1.0
Webbtillgänglighet Webbtillgänglighet Att göra webbinnehåll så att de är tillgängliga för alla oavsett vilka funktionsnedsättningar man har Att göra webbinnehåll tillgängligt oavsett vilken in- och utmatningsutrustning
Läs merProjektet. TNMK30 - Elektronisk publicering
Projektet TNMK30 - Elektronisk publicering Gruppindelning projekt Valfria grupper ~4 per grupp TNM088 - Digitala media-grupperna är ok Projektgrupper 4 personer Jämna par Lika arbete för små grupper Anmäl
Läs merTDP003. Föreläsning 2. Filip Strömbäck
TDP003 Föreläsning 2 Filip Strömbäck 1 Kursinformation 2 Projektplan 3 Frågor 4 Genomgång av projekt 5 Vad är ett API? 6 Kom ihåg TDP003 Filip Strömbäck 2 Vad händer härnäst? V37 V38 V39 V40 Planeringsdokument
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 merPrinciper för interaktionsdesign
Designtrappan och GDK Principer för interaktionsdesign Mattias Arvola Institutionen för datavetenskap Designtrappan är framtagen av Dansk Design Center och vidareutvecklad av SVID. 2 Dagens föreläsning
Läs merDesign för användbarhet
Design för användbarhet» Användbarhetsdesign, användbarhetsn och utvecklingsprocessen. Bengt Göransson användbarhets Bengt.Goransson@guide.se även avdelningen för Människa-datorinteraktion, Uppsala universitet
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 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 merFöreläsning i webbdesign. Interak*onsdesign. Rune Körnefors. Medieteknik. 2012 Rune Körnefors rune.kornefors@lnu.se
Föreläsning i webbdesign Interak*onsdesign Rune Körnefors Medieteknik 1 2012 Rune Körnefors rune.kornefors@lnu.se Från föreläsning F1 Användarcentrerad design "Take the user into account every step of
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 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 merSpelutveckling - Gameplay. Design och produktion
Spelutveckling - Gameplay Design och produktion Vad är ett spel? Finns olika åsikter Några exempel som räcker på egen hand Coola features Akta er för feature creep För mycket features kan dränka gameplay
Läs merKursplan Gränssnittsdesign och Webbutveckling 1 Vårtermin 2014
Kursplan Gränssnittsdesign och Webbutveckling 1 Vårtermin 2014 Kurswebb: www.creativerooms.se/edu, välj Gränssnittsdesign eller Webbutveckling 1 Lärare: Aino-Maria Kumpulainen, aino-maria.kumpulainen@it-gymnasiet.se
Läs mer