Hi fi prototyping. Johanna Persson MAM nov 2014

Storlek: px
Starta visningen från sidan:

Download "Hi fi prototyping. Johanna Persson MAM nov 2014"

Transkript

1 Hi fi prototyping Johanna Persson MAM15 25 nov 2014

2 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 övning

3 Prototyper gör det lättare att utforska designidéer. välja bland designidéer.

4 Olika typer av prototyper Lowfidelity Midfidelity Highfidelity Fidelity = naturtrogenhet

5 Olika typer av prototyper Low fidelity Mid fidelity High fidelity

6 Olika typer av prototyper Low fidelity Mid fidelity High fidelity Microsoft Expression Blend + Sketchflow Balsamiq Mockups

7 Olika typer av prototyper Low fidelity Mid fidelity High fidelity

8 Fördelar med lo fi prototyping Billigt och snabbt Kreativt Demokratiskt (alla kan vara med!) Kan underlätta kommunikationen mellan designer och användare samt mellan designer och utvecklare Kan vara lättare att få användarfeedback (prototypen ser inte färdig ut!)

9 Nackdelar med lo fi prototyping Kan bli omständligt att hålla reda på alla lappar och papper. Begränsningar med avseende på navigation och flöde. Svårare att identifiera fel. Otydliga specifikationer: Svårare att skapa kod till. Prototypen kontrolleras av en person. Användbarhetstestning blir svårare.

10 Hi fi prototyping Efter ett tag blir man begränsad av lo fi prototyping Dags att använda datorverktyg för prototyping

11 Fördelar med hi fi prototyping Väldigt lik den färdiga produkten både utseendemässigt och i funktionalitet Diskutera grafisk design Navigation och flöde fungerar som det är tänkt Kan testas som om det är den riktiga produkten Upptäcker brister i interaktion och användbarhet

12 Nackdelar med hi fi prototyping Tar lång tid att bygga. Man ändrar ogärna något man jobbat med länge. Användare och utvärderare tenderar att fokusera på ytliga aspekter. Kan skapa överdrivna förväntningar. En enda bugg kan förstöra ett helt användbarhetstest.

13 Exempel på verktyg för mid/hi fi prototyping Powerpoint Balsamiq Mockups Just in Mind Photoshop (ej interaktivitet) Axure RP Pro (html prototypes for web/apps) The Pencil Project (free) Microsoft Expression Blend + SketchFlow (finns via studentportalen) POP prototyping on paper Flash, HTML, Java, Och många, många fler

14 Powerpoint We use PowerPoint as kind of a better version of paper prototypes. This technique has several advantages: prototypes can be made to feel somewhat interactive, because the content is electronic it can be modified more easily than paper, and the usability participant uses the mouse and is on the computer, so it feels natural to them. Jensen Harris, UI designer, Microsoft

15 Powerpoint Avaktivera Frammating vid musklick I menyn Övergångar Advance slide on mouse click Skapa hyperlänkar från objekt till andra slides Obs om ni lägger text på objekt att texten måste länka också, dvs det som ligger överst måste länka till rätt ställe

16 PowerPoint Prototyping Toolkit a toolkit of commonly used GUI components to copy and paste when designing the prototype screens

17 Powerpoint Mycket lätt att komma igång med och använda Lättillgängligt Begränsat i vad man kan göra Blir omständligt vid större prototyper

18 Balsamiq mockup Datorbaserat verktyg med sketchade komponenter Massor av färdiga komponenter att använda 75 st inbyggda i programmet Community utvecklade Interaktiva prototyper Möjlighet för flera att arbeta med samma prototyp Möjlighet att dela prototypen med intressenter för feedback Ej gratis men för kursuppgiften kan vi tillhandahålla konto

19 Balsamiq mockup

20 Balsamiq mockup

21 Just in Mind Är precis som Balsamiq ett verktyg framtaget för just interaktiva prototyper Stöd för touch baserad interaktion Swipe, pinch, etc samt för responsiv design Mer funktioner men därmed också en något längre uppstartsträcka OBS! 30 dagars gratis provversion med full funktionalitet (därefter gratisversionen med begränsad funktionalitet)

22 Just in Mind

23 Lite tips inför ert val! Välj ett verktyg som ni alla hanterar Se till att ni inte fastnar i den tekniska lösningen (lätt hänt om man väljer en mer programmeringsnära lösning för sin prototyp) Var kreativa det finns många sätt att simulera interaktiviteten i en prototyp Det behöver bara fungera för de scenarion ni har

24 Prova på! Skapa ett virtuellt skyltfönster (det ni gjorde på lo fiövningen) Vertikal prototyp ett fåtal funktioner och hög detaljgrad Välj mellan de vi gått igenom eller testa flera: Power point Balsamiq Ladda ner 7 dagar test version av Balsamiq Meddela om ni vill använda Balsamiq i ert projekt så skapar vi konto åt er grupp med fri användning av mybalsamiq (web applikation). Justinmind En av er får ladda ner test versionen OBS 30 dagar gratis test version med full funktionalitet

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

Vad ä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 mer

Innehåll. Vad är prototyping? Low-, mid-, high-fidelity prototyping Konceptuella modeller Verktyg för mid/high-fi prototyping

Innehå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 mer

Hi-Fi Prototyping + laborationsgenomgång & verktyg

Hi-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 mer

Interaktiva applikationer för dator (WPF) och web (Silverlight) Grafisk utvecklingsmiljö. Hela produktioner: design, layout, animationer, skins, etc.

Interaktiva 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 mer

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

Boken. 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 mer

Prototypningsverktyg. A Human-Centered Design Process (ISO 9241-210, 2010) Mattias Arvola. @mattiasarvola Institutionen för datavetenskap

Prototypningsverktyg. 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 mer

Microsoft Expression Blend + Sketch Flow

Microsoft 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 mer

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

Interaktionsdesign. 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 mer

Kravhantering med prototyp

Kravhantering 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 mer

Daniel Wetter. Senior UX- Interaktion och tjänsteutveckling

Daniel 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 mer

Att läsa: Sharp, Helen, Rogers, Yvonne & Preece, Jenny E. (2007) Interaction design. Wiley. Kapitel 11.

Att 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 mer

Tjä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 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 mer

Komma igång med Adobe Presenter ver.7

Komma igång med Adobe Presenter ver.7 Komma igång med Adobe Presenter ver.7 (Adobes guide med tillägg av Tove Forslund, Lärcentret 7.2.2009) Adobe Presenter Presenter gör det möjligt att förbättra dina presentationer genom att Banda in eller

Läs mer

Process- och metodreflektion Grupp 5

Process- och metodreflektion Grupp 5 Process- och metodreflektion Grupp 5 IDM Grupp 5 Anders Fougstedt, Anders Green, Lay Truong, Anna Sjödin, Tobias Kask Val av metoder Det första steget i vår designprocess var att bestämma vilka metoder

Läs mer

Tidseffektiv administration av Creo Parametric och Windchill PDMLINK

Tidseffektiv administration av Creo Parametric och Windchill PDMLINK PDSFORUM 2017 Tidseffektiv administration av Creo Parametric och Windchill PDMLINK Jonas Fransson & Lars Björs 5 april Göteborg PDSFORUM 2017 Tidseffektiv administration av Creo Parametric och Windchill

Läs mer

Kommentarer till MDI tentamen 081003

Kommentarer 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 mer

LARS. Ett e-bokningssystem för skoldatorer.

LARS. Ett e-bokningssystem för skoldatorer. LARS Ett e-bokningssystem för skoldatorer. Därför behöver vi LARS Boka dator i förväg. Underlätta för studenter att hitta ledig dator. Rapportera datorer som är sönder. Samordna med schemaläggarnas system,

Läs mer

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

Prototyping. 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 mer

Människa-Datorinteraktion. HCI text

Mä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 mer

Välkommen till kursen i Avancerad interaktionsdesign. Certec & EAT Institutionen för designvetenskaper

Välkommen till kursen i Avancerad interaktionsdesign. Certec & EAT Institutionen för designvetenskaper Välkommen till kursen i Avancerad interaktionsdesign Certec & EAT Institutionen för designvetenskaper Idag Översikt över kursen Kursmål och metoder Examinationskriterier Inspiration Praktisk information

Läs mer

ADOBE FLASH 8. Vad är egentligen Flash

ADOBE FLASH 8. Vad är egentligen Flash Peter Stenlund, Presens Design Version 2008-01-20 Får endast användas i privat bruk För att få ut det mesta av denna kurs bör du behärska fönster- och filhantering, ordbehandling och Internet. Helst bör

Läs mer

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

Wireframe när, vad, hur och varför? Wireframe när, vad, hur och varför - 1 Wireframe när, vad, hur och varför? Arbetsflöde är ett samlande begrepp för alla steg som används för att göra en webbplats. Från första början till färdig sajt.

Läs mer

Webbteknik. Innehåll. Historisk återblick Teknisk beskrivning Märkspråk Standardisering Trender. En kort introduktion

Webbteknik. Innehåll. Historisk återblick Teknisk beskrivning Märkspråk Standardisering Trender. En kort introduktion Webbteknik En kort introduktion Innehåll Historisk återblick Teknisk beskrivning Märkspråk Standardisering Trender 1 Historisk återblick 89 CERN Tim Berners Lee Ett plattformsoberoende sätt att sprida

Läs mer

POWER POINT FÖRDJUPNING

POWER POINT FÖRDJUPNING POWER POINT 010 FÖRDJUPNING Microsoft PowerPoint 010 Fördjupning Inledning Mål och förkunskaper...5 Pedagogiken...5 Hämta övningsfiler...6 1 Teman Del 1 Skapa presentation med tema...7 Välja tema...8 Redigera

Läs mer

Praktiskt användande av användbarhetstekniker 1 (58)

Praktiskt användande av användbarhetstekniker 1 (58) Praktiskt användande av användbarhetstekniker 1 (58) Vem är jag? Lise-Lotte Thuse, Software Developer & Usability Expert, Industriell IT Kand. & Mag. i Informatik, inrikt. Systemutveckling & Usability

Läs mer

Prototyping - faser, typer och potentiell problematik

Prototyping - 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 mer

ATT ARBETA MED VEKTORGRAFIK

ATT ARBETA MED VEKTORGRAFIK ATT ARBETA MED VEKTORGRAFIK Helene Brogeland Vektorgrafik och animation VT 2014 2014-04-29 Inledning Före aktuell kurs hade jag bara en vag uppfattning av innebörden av vektorgrafik och hade aldrig jobbat

Läs mer

Mamut Open Services. Mamut Kunskapsserie. Kom i gång med Mamut Online Survey

Mamut Open Services. Mamut Kunskapsserie. Kom i gång med Mamut Online Survey Mamut Open Services Mamut Kunskapsserie Kom i gång med Mamut Online Survey Kom i gång med Mamut Online Survey Innehåll MAMUT ONLINE SURVEY... 1 KOM I GÅNG MED MAMUT ONLINE SURVEY... 3 MAMUT-ANVÄNDARE:

Läs mer

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?

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? Några exempel Principer för design Hur många kan ställa in klockan på sin video utan manual? Hur ofta vrider man på fel platta på spisen eller glömmer vrida av den när man är klar? Hur ofta knuffar man

Läs mer

Tangible interaction &TUI KIRSTEN RASSMUS-GRÖHN

Tangible interaction &TUI KIRSTEN RASSMUS-GRÖHN Tangible interaction &TUI KIRSTEN RASSMUS-GRÖHN Innehåll Vad är TUI? Historia Massor med exempel Hur gör man? Problem och utmaningar Vad är TUI = Tangible User Interface? I bred mening Att ge fysisk form

Läs mer

Föreläsning 3 1ME403 Design av grafiska gränssni7, 7,5hp. Gränssni)sdesign II. Rune Körnefors. Medieteknik. 2015 Rune Körnefors rune.kornefors@lnu.

Föreläsning 3 1ME403 Design av grafiska gränssni7, 7,5hp. Gränssni)sdesign II. Rune Körnefors. Medieteknik. 2015 Rune Körnefors rune.kornefors@lnu. Föreläsning 3 1ME403 Design av grafiska gränssni7, 7,5hp Gränssni)sdesign II Rune Körnefors Medieteknik 1 2015 Rune Körnefors rune.kornefors@lnu.se Områden Kapitel i boken ÖvningsuppgiC B Affordance Formulärobjekt

Läs mer

Presentationsprogram - Kravspecifikation. Henrik Österdahl och Jenny Melander, D mars 2002

Presentationsprogram - Kravspecifikation. Henrik Österdahl och Jenny Melander, D mars 2002 Presentationsprogram - Kravspecifikation Henrik Österdahl och Jenny Melander, D-01 18 mars 2002 1 Innehåll 1 Inledning 3 1.1 Mål................................... 3 1.2 Omfattning...............................

Läs mer

Innehåll: Startnyckel, introduktion. Internet som resurs 2. Del 3. Funktioner: Länkverktyget Infoga bild Infoga ljud Spara i Galleriet

Innehåll: Startnyckel, introduktion. Internet som resurs 2. Del 3. Funktioner: Länkverktyget Infoga bild Infoga ljud Spara i Galleriet Innehåll: Startnyckel, introduktion. Internet som resurs 2 Del 3 Funktioner: Länkverktyget Infoga bild Infoga ljud Spara i Galleriet 1 Internetuppkoppling förstärker de pedagogiska möjligheterna med en

Läs mer

Publicera PowerPoint presentationer med berättarröst i din Ping Pong sida

Publicera PowerPoint presentationer med berättarröst i din Ping Pong sida Publicera PowerPoint presentationer med berättarröst i din Ping Pong sida Har du en PowerPoint fil som du vill publicera i Ping Pong? Du kanske har en PowerPoint med inspelad berättaröst som du vill göra

Läs mer

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

Projektsteg: 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 mer

Arbetslivserfarenhet. Utbildning AKTUELLA ROLLER KOMPETENSER SPRÅK BRANSCHER. KONSULTPROFIL/KONSULENTPROFIL Andreas Blackne

Arbetslivserfarenhet. Utbildning AKTUELLA ROLLER KOMPETENSER SPRÅK BRANSCHER. KONSULTPROFIL/KONSULENTPROFIL Andreas Blackne KONSULTPROFIL/KONSULENTPROFIL Andreas Blackne Andreas har hjälpt över 100 myndigheter, organisationer och företag att förbättra användbarheten och tillgängligheten på sina webbplatser, intranät eller system.

Läs mer

Studentguide Adobe Connect Pro

Studentguide 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 mer

Beijer Electronics AB 2000, MA00336A, 2000-12

Beijer Electronics AB 2000, MA00336A, 2000-12 Demonstration driver English Svenska Beijer Electronics AB 2000, MA00336A, 2000-12 Beijer Electronics AB reserves the right to change information in this manual without prior notice. All examples in this

Läs mer

Sveavägen 31 SE-111 34 Stockholm. mia.kolmodin@crisp.se +46-(0)70 443 91 91 miakolmodin

Sveavägen 31 SE-111 34 Stockholm. mia.kolmodin@crisp.se +46-(0)70 443 91 91 miakolmodin Sveavägen 31 SE-111 34 Stockholm mia.kolmodin@crisp.se +46-(0)70 443 91 91 miakolmodin f. 1976 Med 13 år erfarenhet av att ta fram digitala lösningar och tjänster till allt från fackförbund, kommuner,

Läs mer

ibooks Author Komma igång

ibooks Author Komma igång ibooks Author Komma igång Välkommen till ibooks Author, ett lätt sätt att skapa snygga och interaktiva Multi-Touch-böcker för ipad och Mac. Börja med proffsiga Apple-designade mallar med mängder av eleganta

Läs mer

Prototypningstekniker

Prototypningstekniker Prototypningstekniker I tjänstedesign Johan Blomkvist IDA-HCS-IxS Twitter: @hellibop Vad ska vi göra idag? Förbereda och jobba med de olika idéerna. Idéerna kan behöva utforskas på olika sätt. Börja med

Läs mer

1IK430 Brukarorienterad design

1IK430 Brukarorienterad design 1IK430 Brukarorienterad design Projektarbete i 1IK430 Följande text är en förklaring av projektarbetet som ingår i kursen 1IK430 Brukarorienterad design, 15 högskolepoäng Enligt kursplanen, ska studenten,

Läs mer

Inställningstips. Visuella anpassningar Windows 10 2015-08-06

Inställningstips. Visuella anpassningar Windows 10 2015-08-06 Inställningstips Visuella anpassningar Windows 10 2015-08-06 Innehåll Inledning... 3 Anpassa bildskärmen... 4 Ändra storlek för text, appar och andra objekt... 4 Ändra muspekare och markör... 6 Egenskaper

Läs mer

http://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.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 mer

REALISTISK KREATIVITET

REALISTISK KREATIVITET REALISTISK KREATIVITET KREATIVITETSUTMANINGEN Upplägg 1. SORTERA OCH STRUKTURERA IDÉER 2. IDENTIFIERA RESURSER & HITTA RÄTT IDÉ 3. EXPERIMENT FÖR ATT TESTA RÄTT IDÉ 80 PERCENT OF SUCCESS IS JUST SHOWING

Läs mer

Design och konstruktion av grafiska gränssnitt

Design och konstruktion av grafiska gränssnitt Design och konstruktion av grafiska gränssnitt Peter Börjesson Interaktionsdesign Tillämpad informationsteknologi Chalmers/GU Idag Pappersprototyper Designexempel Listor (Tidwell kap.5, List of Things)

Läs mer

GRÄNSSNITTSDESIGN. Ämnets syfte. Kurser i ämnet

GRÄNSSNITTSDESIGN. Ämnets syfte. Kurser i ämnet GRÄNSSNITTSDESIGN Ämnet gränssnittsdesign behandlar interaktionen mellan dator och människa med fokus på designaspekterna i utveckling av användbara, tillgängliga och tilltalande gränssnitt. Det innehåller

Läs mer

INTERAKTIVA UTBILDNINGAR. UPPDRAG: Trafikutbildning åt Örebro kommun. KUND: Agresso Unit4

INTERAKTIVA UTBILDNINGAR. UPPDRAG: Trafikutbildning åt Örebro kommun. KUND: Agresso Unit4 ANTON IVANOV portfolio illustrationer 2000-2008 INTERATIVA UTBILDNINGAR UPPDRAG: Trafikutbildning åt Örebro kommun. UND: Agresso Unit4 2 ANTON IVANOV 2008 INTERATIVA UTBILDNINGAR UPPDRAG: Arbetsmiljöutbildning

Läs mer

Tentamen, InteraktionsDesign, 7,5 ECTS

Tentamen, 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 mer

Användbarhet. Bryt rätt regler. Nils Ehrenberg nils.ehrenberg@mah.se

Anvä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 mer

Checklista Mobila applikationer fo r bank och betalning

Checklista Mobila applikationer fo r bank och betalning Checklista Mobila applikationer fo r bank och betalning Checklistan nedan kan användas till att säkerställa att er mobila applikation för bank och betalning är tillgänglig för personer med funktionsnedsättning.

Läs mer

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

Anvä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 mer

Typografi, text & designperspektiv

Typografi, text & designperspektiv Typografi, text & designperspektiv Serif Hårstreck Stapel Heplx x-höjd Baslinje Grundstreck Serif Underhäng Inre form I dag Lite bakgrund Övergripande grunder inom typografi Text hantering Elva Synlig

Läs mer

Design och Miljö Cleantech Maj 2010

Design och Miljö Cleantech Maj 2010 Design och miljön Hur kan design bidra till en bättre miljö? Elisabeth Ramel-Wåhrberg 01 INSIGHTS 02 STRATEGIES 03 CONCEPTS 04 ACTION 05 FEEDBACK 2010-05-11 We Vi designar are world lösningar leading

Läs mer

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?

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

Kravhantering (ETS170) Tentamensproblem 1. Grupp F 20 november 2013

Kravhantering (ETS170) Tentamensproblem 1. Grupp F 20 november 2013 Kravhantering (ETS170) Tentamensproblem 1 Grupp F 20 november 2013 Innehåll 1 Tentamensproblem 1 1.1 Data expressions........................... 1 1.2 Fokusgrupper............................. 1 1.3 Prototyping..............................

Läs mer

DATAINSAMLING BAKGRUND SAMMANSTÄLLNING AV FRÅGORNA

DATAINSAMLING BAKGRUND SAMMANSTÄLLNING AV FRÅGORNA DATAINSAMLING BAKGRUND Vi har fått i uppdrag att granska Ladok på webb. Hitta eventuella problem och förslag på ändringar, detta skall vi ta reda på igenom att intervjua de personer som använder tjänsten

Läs mer

Introduktion av Estetisk kommunikation

Introduktion av Estetisk kommunikation Dokument till lärare Introduktion av Estetisk kommunikation Introduktion av Estetisk kommunikation Lektionsupplägg för 75 min. Underlag till ca 24 elever Gymnasium: kursen estetisk kommunikation, 100 poäng,

Läs mer

På sjön 2.0 Intern Guide för Android

På sjön 2.0 Intern Guide för Android På sjön 2.0 Intern Guide för Android På sjön 2.0 - Guide 1 Översikt Meny Eniro sök GPS position/ Kartorientering Dashboard 2. Meny Innehåller följande funktioner: Min profil/båt information (se 2.1) Mina

Läs mer

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

Interaktionsdesign 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 mer

INTERAKTIONSDESIGN: VAD & HUR?

INTERAKTIONSDESIGN: 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 mer

Nämnden för elektronisk förvaltning

Nämnden för elektronisk förvaltning Nämnden för elektronisk förvaltning fastställer gemensamma standarder för myndigheters elektroniska kommunikation med varandra och med medborgare och företag Inrättades 1 januari 2004 13 ledamöter Statskontoret

Läs mer

Annonsformat desktop. Startsida / områdesstartsidor. Artikel/nyhets-sidor. 1. Toppbanner, format 1050x180 pxl. Format 1060x180 px + 250x240 pxl.

Annonsformat desktop. Startsida / områdesstartsidor. Artikel/nyhets-sidor. 1. Toppbanner, format 1050x180 pxl. Format 1060x180 px + 250x240 pxl. Annonsformat desktop Startsida / områdesstartsidor 1. Toppbanner, format 1050x180 pxl. Bigbang (toppbanner + bannerplats 2) Format 1060x180 px + 250x240 pxl. 2. DW, format 250x240 pxl. 3. TW, format 250x360

Läs mer

Prototyper och användartest

Prototyper 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 mer

Tekniskt system för Lean Startup

Tekniskt system för Lean Startup Tekniskt system för Lean Startup Målet med kursen är att ni ska lära er om att bygga ett sådant system Detta gör vi i tillämpat format ny bygger en app för att lära er om den processen System (som CI,

Läs mer

GMC Software Technology CCM Made Easy

GMC Software Technology CCM Made Easy GMC Software Technology CCM Made Easy GMC Software Technology Nordic CCM Meeting November 2013 With over 2 billion customer communications a year, GMC Inspire delivered a top 5 US bank streamlined CCM

Läs mer

Sju riktlinjer vid utveckling av hemsidor för mobil och desktop

Sju riktlinjer vid utveckling av hemsidor för mobil och desktop Sju riktlinjer vid utveckling av hemsidor för mobil och desktop Denna artikel går igenom hur du gör en hemsida användarvänlig till både vanliga desktopdatorer och mobilanvändare utan att behöva ha två

Läs mer

Slutrapport Get it going contracts

Slutrapport Get it going contracts Slutrapport Get it going contracts Författare: Anthony Dry Datum: 2011-06-02 Program: Utvecklare av digitala tjänster Kurs: Individuellt mjukvaruutvecklingsprojekt 7.5p Linnéuniversitetet (Kalmar) Abstrakt

Läs mer

SENIORER SENIORER. Grundläggande IT för. Windows 7. Grundläggande IT för. Windows 7. Eva Ansell Marianne Ahlgren. Eva Ansell Marianne Ahlgren

SENIORER SENIORER. Grundläggande IT för. Windows 7. Grundläggande IT för. Windows 7. Eva Ansell Marianne Ahlgren. Eva Ansell Marianne Ahlgren 600 IT för seniorer Windows 7.qxp 2011-06-0 10:27 Sida 1 Eva Ansell Marianne Ahlgren Eva Ansell Marianne Ahlgren Grundläggande IT för SENIORER Windows 7 Det här är en bok för dig som behöver grundläggande

Läs mer

Kursutvärderare: IT-kansliet/Christina Waller. General opinions: 1. What is your general feeling about the course? Antal svar: 17 Medelvärde: 2.

Kursutvärderare: IT-kansliet/Christina Waller. General opinions: 1. What is your general feeling about the course? Antal svar: 17 Medelvärde: 2. Kursvärdering - sammanställning Kurs: 2AD510 Objektorienterad programmering, 5p Antal reg: 75 Program: 2AD512 Objektorienterad programmering DV1, 4p Antal svar: 17 Period: Period 2 H04 Svarsfrekvens: 22%

Läs mer

Examensjobb 2001-06-01

Examensjobb 2001-06-01 Förstudie Examensjobb 2001-06-01 IT-pedagog hx -99 Karin Harju INNEHÅLLSFÖRTECKNIKNG Bakgrund/Inledning sid 3 Mål och syfte sid 3 Metod sid 3 Presentation av material sid 4 Sammanfattning och återkoppling

Läs mer

Design för användbarhet

Design 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 mer

Tentamen på kursen Webbdesign, 7,5 hp

Tentamen på kursen Webbdesign, 7,5 hp Högskolan i Borås Institutionen för data- och affärsvetenskap Malin Nilsson Tentamen Tentamen på kursen Webbdesign, 7,5 hp Tentamenstid: 2012-05-28, kl. 9-13 Hjälpmedel: Inga hjälpmedel tillåtna Betyg:

Läs mer

DIGITALA PROJEKT Väderstation

DIGITALA PROJEKT Väderstation DIGITALA PROJEKT Väderstation Christian Lindquist, E03 Leonardo Bello, E03 Abstract Almost everybody has some kind of temperature measurement device in their home. The latest in this industry are more

Läs mer

Självkörande bilar. Alvin Karlsson TE14A 9/3-2015

Självkörande bilar. Alvin Karlsson TE14A 9/3-2015 Självkörande bilar Alvin Karlsson TE14A 9/3-2015 Abstract This report is about driverless cars and if they would make the traffic safer in the future. Google is currently working on their driverless car

Läs mer

NT- GYMNASIET TEKNIK 1 RAGNE.WAHLQUIST@JARFALLA.SE

NT- GYMNASIET TEKNIK 1 RAGNE.WAHLQUIST@JARFALLA.SE TEKNIK 1 Innehåll FRITIDSINTRESSET... 4 Översiktsplan för arbetets olika moment... 4 Tidplan, ett förslag... 4 Lektion 1, måndagen den 22september... 4 Till nästa lektion, tisdagen den 24 september, fotografera

Läs mer

Hur hänger det ihop? För att kunna kommunicera krävs ett protokoll tcp/ip, http, ftp För att veta var man skall skicka

Hur hänger det ihop? För att kunna kommunicera krävs ett protokoll tcp/ip, http, ftp För att veta var man skall skicka Webben som verktyg Idag: Hur hänger det ihop? Viktiga tekniker Stegen i ett webbprojekt Verktyg Dreamweaver Photoshop Joomla CMS Storyboard och flödesschema Fixa webbhotell Hur hänger det ihop? För att

Läs mer

Materialspecifikationer

Materialspecifikationer 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 mer

Agila Metoder. Nils Ehrenberg nils.ehrenberg@mah.se

Agila 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 mer

Avancerade Webbteknologier 2. AD11g Göteborg 2012 Mobilanpassning

Avancerade Webbteknologier 2. AD11g Göteborg 2012 Mobilanpassning Avancerade Webbteknologier 2 AD11g Göteborg 2012 Mobilanpassning Idag Reality Check Strategier för mobilanpassning Problem vid mobilanpassning Exempel på några ramverk Statistik Det finns väldigt mycket

Läs mer

Gran Canaria - Arbetsbeskrivning knapplänkar (Mediator 8)

Gran Canaria - Arbetsbeskrivning knapplänkar (Mediator 8) Gran Canaria - Arbetsbeskrivning knapplänkar (Mediator 8) I detta exempel kommer du att lära dig Att skapa en ny presentation från början Att skapa en enkel knapp Att använda händelseinställningar, events

Läs mer

Design med teman Del 1: Grunderna

Design med teman Del 1: Grunderna Design med teman Del 1: Grunderna Ett tema är en matchande uppsättning teckensnitt, färger och visuella effekter. Med en enda musklickning kan du tillämpa någon av en mängd olika inbyggda teman på valfri

Läs mer

www.grade.com LUVIT LMS Quick Guide LUVIT Composer

www.grade.com LUVIT LMS Quick Guide LUVIT Composer www.grade.com LUVIT LMS Quick Guide LUVIT Composer LUVIT Composer LUVIT Composer är ett verktyg för att enkelt skapa snyggt innehåll direkt i LUVITs kurser. Verktyget innehåller designade mallar som du

Läs mer

Hermundstad Östlund Ansell. Grundläggande IT för SENIORER

Hermundstad Östlund Ansell. Grundläggande IT för SENIORER Hermundstad Östlund Ansell Grundläggande IT för SENIORER Windows Vista och Office 2007 INTRODUKTION 1. ABC OM INTERNET...5 2. TJÄNSTER PÅ INTERNET...6 A. Webbsidor och webbplatser... 6 B. Mejl (e-post)...

Läs mer

Mamut One Innehåll och status

Mamut One Innehåll och status Mamut One Innehåll och status Tove B E Pedersen, Marketing Manager Channel 8 oktober 2008 tovep@mamut.com Mamut Business Platform Vi introducerar en ny kundplattform Komplett erbjudande Lösningar som kombinerar

Läs mer

Kursplan Webbutveckling 2, 100p Läsår 2013-2014

Kursplan Webbutveckling 2, 100p Läsår 2013-2014 Kursplan Webbutveckling 2, 100p Läsår 2013-2014 Kurswebb: www.creativerooms.se/edu, välj Webbutveckling 2 Lärare: Aino-Maria Kumpulainen, aino-maria.kumpulainen@it-gymnasiet.se Hösttermin 2013 Vecka Tema

Läs mer

Mamut One Innehåll och status

Mamut One Innehåll och status Mamut One Innehåll och status Tove B E Pedersen, Marketing Manager Channel 16 oktober 2008 tovep@mamut.com Mamut Business Platform Vi introducerar en ny kundplattform Komplett erbjudande Lösningar som

Läs mer

Next -> Next -> Finish

Next -> Next -> Finish Next -> Next -> Finish eller? Vad bör man tänka på i samband med uppgradering till eller nyutveckling i EPiServer CMS 7? Oscar Larsson Oscar Larsson Agenda Det Leverantören här är Sogeti lovar Är det verkligen

Läs mer

CISV.se för hemsideadministratörer

CISV.se för hemsideadministratörer CISV.se för hemsideadministratörer Innehåll Om cisv.se... 2 Bakgrund... 2 Målgrupper... 2 Tekniskt... 3 Avdelningar... 3 Lediga uppdrag... 3 Framtiden... 4 Att sköta en lokalföreningssida... 4 Komma igång...

Läs mer

Design och krav. Design Definition. enkelt Det ska vara möjligt att. Henrik Artman

Design och krav. Design Definition. enkelt Det ska vara möjligt att. Henrik Artman Design och krav Henrik Artman >>Ett av skälen till att projektet inte höll tidplan och budget var [beställarens] höga ambitionsnivå. Dessutom skulle man gjort en stordel av arbetet självt, men en del av

Läs mer

Antivirus Pro 2011. Snabbguide

Antivirus Pro 2011. Snabbguide Antivirus Pro 2011 Snabbguide Viktigt! På CD-fodralet finns den aktiveringskod som du behöver för att aktivera produkten. Förvara den på ett säkert ställe. Den här produkten får endast användas om det

Läs mer

EVALUATION OF ADVANCED BIOSTATISTICS COURSE, part I

EVALUATION OF ADVANCED BIOSTATISTICS COURSE, part I UMEÅ UNIVERSITY Faculty of Medicine Spring 2012 EVALUATION OF ADVANCED BIOSTATISTICS COURSE, part I 1) Name of the course: Logistic regression 2) What is your postgraduate subject? Tidig reumatoid artrit

Läs mer

Bild 1: Översikt över faserna i projektarbetet

Bild 1: Översikt över faserna i projektarbetet Projektarbete kring system X Det här dokumentet beskriver uppgiften samt innehåller mallar för de rapporter som ska lämnas in. Bild 1 visar ordning och ungefärligt förhållande för tidsåtgång mellan de

Läs mer

Skapa epublikationer för Webben & Mobila Enheter

Skapa epublikationer för Webben & Mobila Enheter emag PRODUKTION Skapa epublikationer för Webben & Mobila Enheter Med emag kan du omvandla statiska PDF-dokument till interaktiva on-linepublikationer för vanliga webbläsare och mobila enheter, och detta

Läs mer

Lär dig POWERPOINT. Lars Ericson datorkunskap.com

Lär dig POWERPOINT. Lars Ericson datorkunskap.com Lär dig POWERPOINT Lars Ericson datorkunskap.com POWERPOINT D A Programmet Microsoft PowerPoint används till att skapa grafiska presentationer till bildspel, presentationer mm. När du öppnar upp PowerPoint

Läs mer

Design och konstruktion av grafiska gränssnitt

Design och konstruktion av grafiska gränssnitt Design och konstruktion av grafiska gränssnitt Armin Nezirevic Peter Börjesson Interaktionsdesign Tillämpad informationsteknologi Chalmers/GU Idag Vad utmärker ett bra användargränssnitt? Kort kursinfo

Läs mer

Vägledningen 24-timmarswebben. Magnus Burell, Verva Uppdaterad: 2007-09-11

Vägledningen 24-timmarswebben. Magnus Burell, Verva Uppdaterad: 2007-09-11 Vägledningen 24-timmarswebben Magnus Burell, Verva Uppdaterad: 2007-09-11 Vägledningen 24-timmarswebben Vad? Ca 150 riktlinjer för utveckling av webb och e-tjänster i offentlig sektor Senaste version 2006

Läs mer

Testning som beslutsstöd

Testning som beslutsstöd Testning som beslutsstöd Vilken typ av information kan testning ge? Vilken typ av testning kan ge rätt information i rätt tid? Hur kan testning hjälpa din organisation med beslutsstöd? Hur kan produktiviteten

Läs mer

IT-körkort för språklärare. Modul 9: Rätta skrivuppgifter

IT-körkort för språklärare. Modul 9: Rätta skrivuppgifter IT-körkort för språklärare Modul 9: Rätta skrivuppgifter Innehåll I. Rätta uppgifter i Word... 3 Markera fel med färger snabbt och enkelt... 3 Använd Words rättningsverktyg skriv kommentarer... 4 Gör ändringar

Läs mer