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 Namn: Erik Kurs: Gränssnittsdesign Klass: Sy17. Projektplan. Projektets namn

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

Kursplan Gränssnittsdesign, 100p Läsår

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

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

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

Föreläsning 8, Design

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

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

Berä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 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

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

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

Prototypning och heuristisk utvärdering

Prototypning och heuristisk utvärdering Filmtajm Prototypning och heuristisk utvärdering! Sketch-a-move http://vimeo.com/5125096 Interaktiva system Mattias Arvola Institutionen för datavetenskap 2 Dagens föreläsning Prototypens roll: Evolutionär

Läs 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

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

Projektet. TNMK30 - Elektronisk publicering

Projektet. 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 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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

EFTER TRE ÅRS SÖKANDE PÅ CARL MALMSTEN FURNITURE STUDIES HAR JAG FÅTT INSIKT I HUR MIN VÄG TILL EN FÄRDIG PRODUKT KAN SE UT.

EFTER TRE ÅRS SÖKANDE PÅ CARL MALMSTEN FURNITURE STUDIES HAR JAG FÅTT INSIKT I HUR MIN VÄG TILL EN FÄRDIG PRODUKT KAN SE UT. EFTER TRE ÅRS SÖKANDE PÅ CARL MALMSTEN FURNITURE STUDIES HAR JAG FÅTT INSIKT I HUR MIN VÄG TILL EN FÄRDIG PRODUKT KAN SE UT. FÖR MIG ÄR TECKNANDET ETT UNIVERSELLT SPRÅK TILLGÄNGLIGT FÖR ALLA. BOKEN ÄR

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

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

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

Design av användargränssnitt

Design av användargränssnitt Design av användargränssnitt Vad är ett bra användargränssnitt? Vad påverkar designen? Utvärdering viktig Praktiska rekommendationer - Heuristik Exempel på bra och mindre bra design Vad är ett användargränssnitt?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Vad vi pratade om förra gången. Fast med andra ord

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

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

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

Låt oss ta hand om din utveckling, medan du själv utvecklar ditt företag Låt oss ta hand om din utveckling, 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 allt som fungerar i Web.

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

Föreläsning 9: Gränssnitt och webbdesign

Föreläsning 9: Gränssnitt och webbdesign Föreläsning 9: Gränssnitt och webbdesign FSR: (1), 4, 6 Att läsa: Kapitel 6 i Rogers et al.: Interaction Design 160429 Gränssnitt och webbdesign 2 Översikt Gränssnitt historiskt Kännetecken olika gränssnitt

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

Sociala medier för företag

Sociala medier för företag Sociala medier för företag Utbildningen ingår i projektet Helikoopter vilket är ett kompetensutvecklingsprojekt som finansieras av Europeiska socialfonden och genomförs i Coompanion Norr och Västerbottens

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

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

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

Gränssnittsdesign. Design för användbarhet. Gränssnittsdesign - designheuristik

Gränssnittsdesign. Design för användbarhet. Gränssnittsdesign - designheuristik Gränssnittsdesign - designheuristik Vad påverkar designen? Vad ska man utgå från? Heuristik praktiska regler, tips och råd. Exempel (bra, dåliga) Gränssnittsdesign Vi ser arbetet med design av ett användargränssnitt

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

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

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

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

WORKBOOK VÄCKARKLOCKA METODER FÖR INTERAKTIONSDESIGN II - ALEXANDER GOTTFRIDSSON

WORKBOOK VÄCKARKLOCKA METODER FÖR INTERAKTIONSDESIGN II - ALEXANDER GOTTFRIDSSON WORKBOOK VÄCKARKLOCKA METODER FÖR INTERAKTIONSDESIGN II - ALEXANDER GOTTFRIDSSON INNEHÅLL 1. NUVARANDE PROCESS 2. BRAINSTORM 3. ITK 4. DESIGNMETODER 5. MEANING OF ARTIFACTS IN USE 6. MEANING IN AN ECOLOGY

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 Att kunna om perception och kognition Konceptuella modeller Metaforer Paradigm, teorier,

Läs mer

Våra monterlösningar

Våra monterlösningar Våra monterlösningar Genvägen till en lyckad mässa Har du tänkt på allt? Det har vi. Du behöver inte vara expert på design och layout för att ha mässans snyggaste monter. Faktum är att du till och med

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

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

P R O J E K T : D I C E

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

Dokumentation och presentation av ert arbete

Dokumentation och presentation av ert arbete Dokumentation och presentation av ert arbete Reglerteknik Linköpings universitet Dagens föreläsning Första timmen Kursens mål Projektmodellen LIPS och dess användning i kursen Olika former av redovisning

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

Rapport Digitala Projekt EITF11 Grupp 4 Axel Sundberg, Jakob Wennerström Gille Handledare: Bertil Lindvall

Rapport Digitala Projekt EITF11 Grupp 4 Axel Sundberg, Jakob Wennerström Gille Handledare: Bertil Lindvall Sammanfattning I denna rapport behandlas ett projekt inom kursen Digitala Projekt, EITF11, vid Lunds Tekniska högskola. Syftet med projektet är att konstruera en enkel digital prototyp samt programmera

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

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

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

WEBB OCH INFORMATIONSDESIGN

WEBB OCH INFORMATIONSDESIGN IT-Universitet WEBB OCH INFORMATIONSDESIGN Grupp 10 2003-10-25 Handledare: Rapport - projekt 1 Grupp 10: Johan Bergsten Jenny Christensson Evelina Johansson Marie Lönnqvist Mia Malmberg Niklas Mårby Uppgift

Läs mer

Interaktionsdesign, designheuristik Människa-datorinteraktion (MDI) Inst för informationsteknologi Uppsala universitet

Interaktionsdesign, designheuristik Människa-datorinteraktion (MDI) Inst för informationsteknologi Uppsala universitet 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

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

Timo Tidtavla Marcus Reldin Industridesign 2007

Timo Tidtavla Marcus Reldin Industridesign 2007 Timo Tidtavla Timo Tidtavla Marcus Reldin Industridesign 2007 Att förstå tid Det är inte alltid så lätt att hålla reda på tider och dagar. Vem är inte helt beroende av sin almenacka eller filofax? Ibland

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

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

Föreläsning 7 Mentala modeller, metaforer och emotionell interaktion. Kapitel 5 (3) i Rogers et al.

Föreläsning 7 Mentala modeller, metaforer och emotionell interaktion. Kapitel 5 (3) i Rogers et al. Föreläsning 7 Mentala modeller, metaforer och emotionell interaktion Kapitel 5 (3) i Rogers et al. Översikt Human Action Cycle Konceptuella modeller Metaforer ikoner Emotionell design Antropomorfism Agenter

Läs mer

Granskning av gränssnitt. Mattias Arvola

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