Save this PDF as:
 WORD  PNG  TXT  JPG

Storlek: px
Starta visningen från sidan:

Download "http://www.one-life.com/ http://www.bjork.com/ http://www.ro.me/ http://www.protest.eu/en#!/home"

Transkript

1

2 Inspiration Koncept Planering

3 Uppgiften Logotyp Företagsmärke Färg Typsnitt Grad obrödtext ologotyp oknapptext Bilder Placering Upplösning Fysisk Storlek (pxl) Animering Placering Text Bild Ljud Längd Kvalité Film Längd Kvalité Text Layout Uppdateringsmöjligheter

4 Webbprofilen (webbmanual)

5 Inspirationen

6 Skapandet

7 Varför planering? Budgetering, prisförslag... Tidsplanering Planering - utvärdering --> iteration

8 GANTT

9 Fyra grundsteg i ett Multimediaprojekt (Vaughan) o 1. Planering (och budgetering) Ett projekt startas av en idé. För att undvika problem under utvecklingsstadiet, Planera! Vad behöver vi? Vilken kompetens besitter jag? Använd Storyboards, Mockups & prototyper o 2. Designa, utveckla och producera Utför de olika del uppgifterna som är planerade till färdiga produkter o 3. Testning Vanligt att mycket kontakt med kund/beställare sker för att få en så bra slutprodukt som möjligt, dvs. En nöjd kund! Testa för att säkerställa att projektet/produkten följer de krav som angetts samt fungerar på de plattformar som bestämts. Testa mot kravspecifikation! o 4. Leverans Packa produkten och leverera! Deadlines! Kan behövas uppföljning och vidareutveckling

10 Seven Step Design Process for communication problems.. (dimarco) Identify Research Target Concetualize Create Revise Evaluate

11

12

13 PLANERING Goals Målen ger svaren till varför ett projekt genomförs Alla projekt bör ha tydliga mål Utan mål går det inte att stämma av om projektet är lyckat eller inte kravspec från beställare

14 Design och prototyping Visualisera och konceptualisera idén Brainstorming! Gestaltningstekniker Mock-ups Storyboards Scenarion Dynamiska pappersprototyper

15 Vad vill vi förmedla?

16 LOGOTYPEN

17 LOGOTYPEN Logotyp Företagsmärke

18 Företagsmärke Logotyp

19 Logo Vad gör företaget? utsidan Liknande område? Mat Teknik

20

21

22

23

24 Logo forts.. Skissa flera förslag Färger Teckensnitt Prova kombinationer Kan företagsmärket stå för sig själv? inlärning Igenkänning Relation

25 Design och prototyping Pappersprototyping Arbeta med papper och penna, testa och laborera med olika idéer. Design av det grafiska användar-gränssnittet, människan i fokus Prototyping med datorn Fokusera på helhet och vissa delar... Användartestning - problem? Syfte och mål med prototyping?

26 Alpha utveckling Specificering och utveckling av prototypen Övergång till skarpt program Arbete med media Programmering Alfatestning algoritmer, test av dataprocessande etc Användartestning?

27 Beta utveckling Användartestning Debugging Dokumentation Marknadsföring Finslipning...

28 Leverans Förbered teknisk support Distrubitörer Marknadsföring going gold

29 Problem vid planering..

30 Problems.. Kommunikation och administration

31 Problems..

32 Problems.. Ändringar

33 Problems.. Oklar kravspecifikation

34 Problems.. Ett projekt är aldrig likt ett annat

35 Problems.. Erfarenhet erhålls alltid efter det att den behövs

36

37 Basera budget och planering utifrån projektdelar och personal Planera in tid för learning curves 3 element som styr planeringen: Tid Pengar Personal

38 Designfasen Iterativ process genom hela projektet Tekniska designvariabler Hårdvara, medium, mjukvara, kompatibilitet Designers och programmerare i nära samarbete Fingertopskänsla, inte alltid klara regler Metoder för design

39 Designmetoder Mock-up Dynamisk pappersprototyp Storyboard Scenario

40 Designobjekt Multimediaobjekt Text, grafik, ljud och video Interaktivitet Människa Dator Interaktion Navigation Linjär Hierarkisk Icke Linjär Komposit

41 Navigering Spatiala begrepp Översiktskunskap Landmärken Rutter Navigeringsstrategier Grund och djup struktur Djup struktur - sitemap Grund struktur - den väg användaren tar

42 Ytterligare designobjekt... Ikoner Metaforer GUI - det grafiska användargränssnittet Varför grafiska gränssnitt? Olika datorvana användare

43 Några designregler Eftersträva konsekvens Ge användaren möjlighet till genvägar och kortkommandon Ge informativa gensvar Designa dialoger med en tydlig start och ett tydligt avslut Erbjud skydd mot fel samt enkel felhantering Erbjud användaren möjlighet till att ångra sina handlingar Stöd användarens känsla av kontroll Minska belastningen av korttidsminnet

44 Produktion Projektplanen leder arbetet Alla tunga beslut ska redan vara fattade Uppdatera och stäm av mot tidsplanering och projektplanen, aktivt dokument Stäm av mot beställare/kund Fördefinierade avstämningspunkter, försök att undvika nya kravspecifikationer Vid nya förutsättningar krävs även ny budgetering...

45 Produktion Filversioner, programversioner, bildversioner Copyright Personal Företag Individuella prestationer (konsulter) joint copyright

46 Produktion Balans gällande resurserna för olika multimediablock och övriga objekt i projektet Rättslig hjälp Copyright (producent ansvarig för att copyrightslagen följs) Distribution Övriga avtal

47 Testning Alfatestning Mindre målgrupp, egen testning Betatestning Större målgrupp, viktigt att ha en bra och uppseendeväckande beta Riktiga användare Test gällande interaktion, bugfix, allmän feedback Utnyttja feedback till att göra förbättringar! Test på olika plattformar

48 Den sista dokumentationen samt paketering Avsluta projektdokumentation Användarmanualer Installationsanvisningar inklusive problemlösningar gällande olika hårdvara etc. Paketering av produkten, boxen säljer!

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

DM1012 Multimediaproduktion

DM1012 Multimediaproduktion DM1012 Multimediaproduktion Kursen Multimediaproduktion är anpassad för teknologer som läser medieprogrammet och ska ge en grundläggande förståelse och kunskap om olika medieformers konvergens. Kursen

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

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

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

M E D I E - O C H K O M M U N I K A T I O N S V E T E N S K A P A N N L U N D Q V I S T. Välkommen till kursen Projekt & produktion

M E D I E - O C H K O M M U N I K A T I O N S V E T E N S K A P A N N L U N D Q V I S T. Välkommen till kursen Projekt & produktion Välkommen till kursen Projekt & produktion målet Verkligt uppdrag - Trycksaksproduktion - kunskap God beställarkompetens Kännedom om alla led t ex: kund, fotograf, reklambyrå, tryckeri Projektledarens

Läs mer

Nya Medier. Gränssnitt, Interaktivitet och Digital kod

Nya 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 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

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

Så gör Vägledningen 24-timmarswebben dig till en bättre beställare. Funda Denizhan, Statskontoret Kommits 17 november, 2005 Så gör Vägledningen 24-timmarswebben dig till en bättre beställare Funda Denizhan, Statskontoret Kommits 17 november, 2005 Om IT och webb inte är en teknikfråga vad är det då? Är IT och webb en verksamhetsfråga?

Läs mer

Utveckling av Läsaren

Utveckling av Läsaren Utveckling av Läsaren Projektet steg för steg Läsaren har utvecklats sucessivt till att bli den anpassningsbara och situationsoberoende tjänst den är idag. Tabellen nedan visar hur utvecklingen har skett

Läs mer

Kursguide. Design av Interaktiv Multimedia HT 2012

Kursguide. Design av Interaktiv Multimedia HT 2012 Kursguide Design av Interaktiv Multimedia HT 2012 Innehållsförteckning Introduktion... 3 Examination... 3 Upplägg... 4 Workshop... 4 Övningar... 4 Projektet... 4 Dokumentationen... 5 Individuell Uppsats

Läs mer

HUMAN-CENTERED SYSTEMS Stefan Holmlid

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

Inlämningsuppgift 3. Medeltidsveckan. Responsiv redesign. Grupp 8 Dina Eid Musalam, Henrik Persson, Johan Rodin & Michelle Tapper

Inlämningsuppgift 3. Medeltidsveckan. Responsiv redesign. Grupp 8 Dina Eid Musalam, Henrik Persson, Johan Rodin & Michelle Tapper Inlämningsuppgift 3 Medeltidsveckan Responsiv redesign Grupp 8 Dina Eid Musalam, Henrik Persson, Johan Rodin & Michelle Tapper To do In progress Completed Projektplan Samla & visualisera research Skapa

Läs mer

Portfolio Johan Brink

Portfolio Johan Brink Portfolio Johan Brink Index Kontakt s. 1 Rock N Rull s. 2-3 Clandestine s. 4-5 Examensarbete: Spelardrivet narrativ s. 6 PERSONUPPGIFTER Namn Johan Brink Född 1982/12/29 Kön Man KONTAKTUPPGIFTER Mobil

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

Kursplan Gränssnittsdesign och Webbutveckling 1 Vårtermin 2014

Kursplan 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

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

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

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

NT- GYMNASIET UPPGIFT I DIGITALT SKAPANDE JUBILEUMSUTGÅVA UTIFRÅN EN VÄRDEPLATTFORM

NT- 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 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

Process IT-utveckling, översikt

Process IT-utveckling, översikt Process IT-utveckling, översikt Producent Externt Producent SLU Beslutsfattare Kund Användare Ide-utveckling Kravspec Resursanalys Offert Offert Upphandling Beslut kravspeccifikation uppdragsspecifikat

Läs mer

Nya Medier. Gränssnitt, Interaktivitet och Digital kod

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

Projektarbete 2010 måndag den 29 november 2010

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

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

Vad är design? Designmetodik. Varför en metodik? Samma (5!) huvudmoment. Härledning av form från specifikation. Användarcentrerad designmetodik Designmetodik Vad är design? Föreläsning 11/9 2003 Preece: kap 1, 6.1-6.3 Härledning av form från specifikation Varför en metodik? Användarcentrerad designmetodik En metodik är tänkt att vara en hjälp

Läs mer

Grupp 3. Projektplan

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

Kommunikationsorienterad. visuell design

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

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

Fö 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 mer

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

Vad påverkar designen?

Vad påverkar designen? Vad påverkar designen av ett gränssnitt? Vi ser arbetet med design av ett användargränssnitt som något som liknar en arkitekts arbete. En arkitekt ska i sin utformning av en ny byggnad se till att: Byggnaden

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

Grupparbete ACSD Projektplanering för ett Patientjournalsystem

Grupparbete ACSD Projektplanering för ett Patientjournalsystem Grupparbete ACSD Projektplanering för ett Patientjournalsystem Uppsala Universitet Institutionen för Informationsteknologi Användarcentrerad Systemdesign Grupp 8, ht03 Christian Rick, rick@bahnhof.se Frida

Läs mer

Grafisk form för användargränssnitt

Grafisk form för användargränssnitt Grafisk form för användargränssnitt Petra Dryselius Designer, digitala plattformar Digital Communica.on Linköping AB Kompetens och lösningar inom digitala medier. Intranät, externwebb, webbsystem, digitala

Läs mer

Låt oss ta hand om din IT, medan du själv utvecklar ditt företag

Låt oss ta hand om din IT, medan du själv utvecklar ditt företag Låt oss ta hand om din IT, medan du själv utvecklar ditt företag *vad är SmartCode? Vi gör ett komplett utbud av tjänster. Vi designar, utvecklar, stödjer och uppdaterar hemsidor både på egna och andras

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

Design av användargränssnitt. Vad behöver man veta? Generella designprinciper. Vad är ett användargränssnitt? Några egenskaper hos människan

Design av användargränssnitt. Vad behöver man veta? Generella designprinciper. Vad är ett användargränssnitt? Några egenskaper hos människan Design av användargränssnitt Vad är ett bra användargränssnitt? Vad påverkar designen? Utvärdering viktig Praktiska råd och tips - Heuristik Exempel på bra och mindre bra design Några egenskaper hos människan

Läs mer

Participatory Design III

Participatory Design III Participatory Design III Participatory Design & Språkmönster Vecka 3 Summering av förra veckan Participatory Design Utgår från artikelseminariet Framtidsverkstad Språkmönster Binda ihop SUMMERING AV VECKA

Läs mer

Preliminär specifikation av projekt

Preliminär specifikation av projekt Preliminär specifikation av projekt Projektets namn: Infraröd Minneslåda (numera omdöpt till FastSync) Uppdragsgivare: Alex Olwal aolwal@cs.columbia.edu Deltagare: Johan Ullberg Nils

Läs mer

Föreläsning 10. Projektplanering

Föreläsning 10. Projektplanering Föreläsning 10 Projektplanering DSV Multimedia A 10 poäng Institutionen för informationsvetenskap Data- & systemvetenskap hösten 2005 Utvecklingsprocessen Stake holders De som på olika sätt är berörda

Läs mer

Redigeringsteknik och postproduktion

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

Högskolan i Borås HT10 Webbredaktörsprogrammet distans Formgivning av webbsidor. Projektarbete Solveig Betnér

Högskolan i Borås HT10 Webbredaktörsprogrammet distans Formgivning av webbsidor. Projektarbete Solveig Betnér Högskolan i Borås HT10 Webbredaktörsprogrammet distans Formgivning av webbsidor Projektarbete Solveig Betnér Innehållsförteckning Syfte s. 3 Målgrupp s. 3 Genre s. 3 Funktionalitet s. 4 Prototyper s. 5

Läs mer

REPUBLIC OF INNOVATION

REPUBLIC OF INNOVATION - We are the - REPUBLIC OF INNOVATION we make products easy to use... REPUBLIC OF INNOVATION Vi hjälper företag med innovation. Vi är designers och ingenjörer som utvecklar produkter och tjänster som är

Läs mer

Full koll på kostnader för en hemsida

Full koll på kostnader för en hemsida Sofie Sjöstrand STEG FÖR STEG 1 Syfte Funktion Image Produktion Innehåll Drift 2a 2b 2c Egentillverkad Specialgjord Sociala medier STEG 1 Syfte, funktion, image Syfte Varför ska jag ha en hemsida? Sälja

Läs mer

Föreläsning om OO, OOA och UML

Föreläsning om OO, OOA och UML Föreläsning om OO, OOA och UML Modellering Kristian Ekberg Källa bild: video Marie Åsberg, AFA Försäkring Dagens föreläsning Presentation Kristian Ekberg Model och modellering Vad är en modell och vad

Läs mer

Kommunikations- orienterad visuell design

Kommunikations- 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 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

Turist i din egen stad

Turist i din egen stad Turist i din egen stad CD-ROM presentation i flash 8 professional U p p g i f t s b e s k r i v n i n g : Du skall producera en cd-rom som presenterar en stadsdel för en tänkt besökare. Presentationen

Läs mer

Grafisk design Varför grafisk design? öka synligheten ge klar affordance stödja en god mappning ge god feedback Varför grafisk design? skapa en smidig interaktion kan göra gränssnittet visuellt mer

Läs mer

Chaos om IT-projekt..

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

DESIGNDOKUMENT 1(8) 1. Idé & koncept. Grundidé, syfte & innehåll. Målgrupp, koncept & sammanhang

DESIGNDOKUMENT 1(8) 1. Idé & koncept. Grundidé, syfte & innehåll. Målgrupp, koncept & sammanhang DESIGNDOKUMENT 1. Idé & koncept Grundidé, syfte & innehåll Vad önskar du att du gjort mer av, när du var 20? Finns det böcker som påverkat ditt liv på något sätt? Vilka låtar ska jag lyssna på för att

Läs mer

behövs för enhetlighet, tala samma språk, så att användaren kan lära sig och använda det vidare.

behövs för enhetlighet, tala samma språk, så att användaren kan lära sig och använda det vidare. 1 2 3 Grafisk profil reglerar grunddragen i utseendet (logga, färger, typsnitt) en helhet skapas Vi ska känna igen oss, vi ska förstå vad som avsändaren vill kommunicera. Kan vara svårt att direkt applicera

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

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

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

Föreläsning 7: Kognition & perception

Föreläsning 7: Kognition & perception Föreläsning 7: Kognition & perception FSR: 3, 4 Att läsa: Kapitel 2-3 i Rogers et al.: Interaction design Översikt Vad är kognition, perception? Vad har kognition och perception med interaktionsdesign

Läs mer

PROGRAMMERING. Ämnets syfte. Kurser i ämnet

PROGRAMMERING. Ämnets syfte. Kurser i ämnet PROGRAMMERING Ämnet programmering behandlar programmeringens roll i informationstekniska sammanhang som datorsimulering, animerad grafik, praktisk datoriserad problemlösning och användaranpassad konfiguration

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

Utvecklingsm odell och utvecklingsm etod för att skapa god kom m unikation

Utvecklingsm odell och utvecklingsm etod för att skapa god kom m unikation Kurs: Designm etodik, 3 p Delm om ent: Datum : 2 0 0 3-1 2-1 8 Utvecklingsm odell och utvecklingsm etod för att skapa god kom m unikation Nils Järgenstedt [ it3 jani@ituniv.se] Innehållsförteckning INLEDNING...

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

SCRUM och mycket mer

SCRUM och mycket mer Typ av dokument Anvisning Skapad Senaste uppdatering 2008-01-27 2008-11-13 1 (5) Sida 1 Det minsta möjliga? SCRUM och mycket mer Om man nu vill vara agile och inte har allt tid i världen, vad skall man

Läs mer

Grafisk design Varför grafisk design? öka synligheten ge klar affordance stödja en god mappning ge god feedback Varför grafisk design? skapa en smidig interaktion kan göra gränssnittet visuellt mer

Läs mer

Slutrapport: Design av Hemsida för PolyPlast+

Slutrapport: Design av Hemsida för PolyPlast+ Slutrapport: Design av Hemsida för PolyPlast+ Av: Behzad Charoose, Johan Magnuson, Mikael Onsjö och Sofie Persson Datum och Plats: 03-09-19 Göteborg, Chalmers/GU Anledning: Uppgiften ingick som en obligatorisk

Läs mer

Föreläsning 7, Interak2on

Föreläsning 7, Interak2on Föreläsning 7 Handlande, metaforer och interaktionsstilar Kapitel 10-11 i Stone et al. The Human Action Cycle 1. Målformulering Utförandefas 2. Översätta mål till uppgifter 4. Utföra handlingssekvens Utvärderingsfas

Läs mer

Inför tryck. Färger: CMYK eller dekorfärger. Observera att inga dubbletter av dekorfärgerna är tillåtna.

Inför tryck. Färger: CMYK eller dekorfärger. Observera att inga dubbletter av dekorfärgerna är tillåtna. Inför tryck Färger: CMYK eller dekorfärger. Observera att inga dubbletter av dekorfärgerna är tillåtna. Bilder: Spara bilderna som EPS (objektgrafik) eller TIFF (pixelbilder) Högupplösta (minst 300 ppi)

Läs mer

Budskap. Kommunikationens verktyg - budskapet, ska formuleras och formas till en helhet som når ut till mottagaren genom en kanal...

Budskap. Kommunikationens verktyg - budskapet, ska formuleras och formas till en helhet som når ut till mottagaren genom en kanal... Budskap Kommunikationens verktyg - budskapet, ska formuleras och formas till en helhet som når ut till mottagaren genom en kanal... Den grafiska formen tillsammans med formuleringen av budskapet - en kanal

Läs mer

Multimedia. Samhället och IT. Produkter och tjänster. Multimediaproduktion Projektet

Multimedia. Samhället och IT. Produkter och tjänster. Multimediaproduktion Projektet Multimedia Samhälle och IT Multimediaproduktion Projektet Samhället och IT Inte bara fördelar Virtuell och verklig verklighet Nya arbetssätt Nackdelar/Fördelar med virtuell verklighet -Hur undviker man

Läs mer

Min syn på visuella verktyg i produktutvecklingsprocessen

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

Kursinformation. Metodik för programvaruutveckling. Utvecklingsprocessen för programvara. Innehåll. Processmodell. Exempel

Kursinformation. Metodik för programvaruutveckling. Utvecklingsprocessen för programvara. Innehåll. Processmodell. Exempel Kursinformation Metodik för programvaruutveckling Föreläsning 3 Latex ok för litteraturstudierapport (prata med mig bara) Nästa föreläsning är av Björn Regnell (jag är med också) Presentationer imorgon

Läs mer

Användning Dessa rollkort kan användas som stöd i produktutvecklingsprocessen. De beskriver olika yrken och vilken roll personerna med dessa yrken

Användning Dessa rollkort kan användas som stöd i produktutvecklingsprocessen. De beskriver olika yrken och vilken roll personerna med dessa yrken Rollkort Användning Dessa rollkort kan användas som stöd i produktutvecklingsprocessen. De beskriver olika yrken och vilken roll personerna med dessa yrken har haft i processen att ta fram prototypen Watt-lite

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

Symmetry: Bortsett från menyn har innehållet av sidan viss symmetri när det kommer till videoklippen som är upplagda på sidan.

Symmetry: Bortsett från menyn har innehållet av sidan viss symmetri när det kommer till videoklippen som är upplagda på sidan. WorkShop II Checklistor 1.2 Överordnad Struktur Balance: Gränssnittet har just nu viss balans i innehållet, men menyn behöver justeras i förhållande med innehållet samt en fast container för innehållet

Läs mer

Inspirationsfasen. Fortsättning på nästa sida. Hållbar utveckling B, vårterminen 2013. Cemus/CSD Uppsala, Uppsala universitet & SLU

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

Projekt 2 Informationsvisualisering av släktträd

Projekt 2 Informationsvisualisering av släktträd IT-universitetet MDI Interaktionsdesign Interaktionsdesign Grafiska gränssnitt 6p HT 03 Projekt 2 Informationsvisualisering av släktträd Grupp 6 Theresa Harmanen, Linus Kjellqvist, Camilla Orrenäs, Emma

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

Cross Media Publishing

Cross Media Publishing Cross Media Publishing SPIDER-teknologi för elektroniska media Samla information SPIDER är ett fråge- och informationssystem för alla möjliga publiceringsmedia: CD-ROM, Internet/intranät och PostScript/PDF

Läs mer

PROGRAMMERING. Ämnets syfte. Kurser i ämnet

PROGRAMMERING. Ämnets syfte. Kurser i ämnet PROGRAMMERING Ämnet programmering behandlar programmeringens roll i informationstekniska sammanhang som datorsimulering, animerad grafik, praktisk datoriserad problemlösning och användaranpassad konfiguration

Läs mer

PROGRAMMERING. Ämnets syfte. Kurser i ämnet

PROGRAMMERING. Ämnets syfte. Kurser i ämnet PROGRAMMERING Ämnet programmering behandlar programmeringens roll i informationstekniska sammanhang som datorsimulering, animerad grafik, praktisk datoriserad problemlösning och användaranpassad konfiguration

Läs mer

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

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

Att skapa er logotyp. Kreativitet

Att skapa er logotyp. Kreativitet Att skapa er logotyp Er logotyp är ert ansikte utåt. Det är er logotyp som ger en första bild av vilka ni är, vad ni gör, vad ni kan etc. Framtagandet av er logotyp är viktig och består enligt oss av två

Läs mer

Skillnader mellan design för tryck och webbdesign

Skillnader mellan design för tryck och webbdesign Vad är en webbtext? Webbtexter är inte en specifik texttyp i likhet med protokoll, rapporter eller artiklar. Istället kan webbtexter vara precis vilken texttyp som helst, och det enda som förenar dem är

Läs mer

Köp användbarhetskompetens på nya ramavtalet IT-konsulttjänster 2007. Michaela Kanti, Verva Stockholm 2007-12-12

Köp användbarhetskompetens på nya ramavtalet IT-konsulttjänster 2007. Michaela Kanti, Verva Stockholm 2007-12-12 Köp användbarhetskompetens på nya ramavtalet IT-konsulttjänster 2007 Michaela Kanti, Verva Stockholm 2007-12-12 Användbarhet Eget kompetensområde Behov av tidigare kompetensområden kvarstår Behovet om

Läs mer

Användarcentrerad Systemutveckling

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

Metoder för datainsamling

Metoder för datainsamling Metoder för datainsamling Föreläsning 16/10-2002 Christina von Dorrien Kapitel 9.4, 12-13 Användarcentrerad designmetodik Analysera användare, användningssituation och uppgift Testa och utvärdera designförslag,

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

TENTAPLUGG.NU AV STUDENTER FÖR STUDENTER. Datum. Kursexaminator. Betygsgränser. Tentamenspoäng. Övrig kommentar

TENTAPLUGG.NU AV STUDENTER FÖR STUDENTER. Datum. Kursexaminator. Betygsgränser. Tentamenspoäng. Övrig kommentar TENTAPLUGG.NU AV STUDENTER FÖR STUDENTER Kurskod Kursnamn D0017A Produktdesign Datum Material Sammanfattning Kursexaminator Betygsgränser Tentamenspoäng Uppladdare Johanna Hamne Övrig kommentar November

Läs mer

Tvättfat. Produktframtagning och projektgrupper. Tips. Vattenkran. Engreppsblandare. Blandare. Claes Tisell. Maskinkonstruktion.

Tvättfat. Produktframtagning och projektgrupper. Tips. Vattenkran. Engreppsblandare. Blandare. Claes Tisell. Maskinkonstruktion. Tvättfat Produktframtagning och projektgrupper Maskinkonstruktion Vattenkran Tips Blandare Engreppsblandare 1 Termostatblandare Nyrenoverat 6000 sek Tunga Resväskor Resväskor på hjul Stabila resväskor

Läs mer

Påsar och förpackningar med eget tryck. Från 100 ex och uppåt!

Påsar och förpackningar med eget tryck. Från 100 ex och uppåt! Påsar och förpackningar med eget tryck Från 100 ex och uppåt! Påsar och förpackningar bär med ert varumärke hem till kunden......och en bra bit till. Med en genomtänkt utformning och design av påsar, kassar

Läs mer

Exempel på verklig projektplan

Exempel på verklig projektplan Exempel på verklig projektplan Detta är ett exempel på en proffessionell projektplan hämtad ur verkliga livet. Den visas inte i sin fullständighet, det mesta är bortklippt, men strukturen och mycket av

Läs mer

PLANERING MULTIMEDIAPROJEKTET FAMILJEN GURKA

PLANERING MULTIMEDIAPROJEKTET FAMILJEN GURKA PLANERING MULTIMEDIAPROJEKTET FAMILJEN GURKA Helene Brogeland Multimediaproduktion VT 2014 2014-05-15 1 Innehåll Inledning... 3 Designbeskrivning... 3 Syfte... 3 Målgrupp... 3 Beskrivning... 3 Ingående

Läs mer

Uppdraget från SICS East och Linköpings kommun handlar om att ta fram en teknisk lösning för att underlätta kommunikationen mellan vårdpersonal,

Uppdraget från SICS East och Linköpings kommun handlar om att ta fram en teknisk lösning för att underlätta kommunikationen mellan vårdpersonal, Uppdraget från SICS East och Linköpings kommun handlar om att ta fram en teknisk lösning för att underlätta kommunikationen mellan vårdpersonal, brukare och dess anhöriga. Målet är att skapa en portal

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

Interaktionsdesign, designheuristik

Interaktionsdesign, designheuristik Interaktionsdesign, designheuristik Människa-datorinteraktion (MDI) Inst för informationsteknologi Uppsala universitet Bengt Sandblad Styrsystem i kärnkraftverk IT-stöd på kontor och i administrativt arbete

Läs mer

Guidelines. Privilegium Hus & Mark AB

Guidelines. Privilegium Hus & Mark AB formgivare: Peter Vikström, Designworks Göteborg version: 100428 Logotype Grundstenen i en grafisk profil utgörs av logotypen. Den är den centrala och samlade symbolen för företagets identitet. Därför

Läs mer

Designmetodik. Systemering med användarfokus Malin Pongolini

Designmetodik. Systemering med användarfokus Malin Pongolini Designmetodik Systemering med användarfokus Malin Pongolini ACD metoden: faserna Analys Användaranalys Uppgiftsanalys Kravställande Användbarhetskrav Funktionalitetskrav Design Prototyping Utvärdering

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

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

Vad utmärker ett bra användargränssnitt?

Vad utmärker ett bra användargränssnitt? Vad utmärker ett bra användargränssnitt? Att kommunicera med användarna Feedback och Pliancy Excise kontra Flow GUI = Graphic User Interface GUI = Graphic User Interface GUIn, eller grafiska gränssnitt

Läs mer

Hi fi prototyping. Johanna Persson MAM nov 2014

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

Budskap. Kommunikationens verktyg - budskapet, ska formuleras och formas till en helhet som når ut till mottagaren genom en kanal...

Budskap. Kommunikationens verktyg - budskapet, ska formuleras och formas till en helhet som når ut till mottagaren genom en kanal... Budskap Kommunikationens verktyg - budskapet, ska formuleras och formas till en helhet som når ut till mottagaren genom en kanal... Den grafiska formen tillsammans med formuleringen av budskapet - en kanal

Läs mer

Kommunikations- orienterad visuell design

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