|
|
- Pernilla Lundqvist
- för 8 år sedan
- Visningar:
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 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 merKursplan 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 merGRÄ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 merDM1012 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 merFöreläsning 8, Design
Föreläsning 8: Design och prototyper FSR: 1, 4, 5, 6 Att läsa: Kapitel 11 i Rogers et al.: Interaction Design Översikt Konceptuell design (Fysisk design) Uppgiftsallokering Prototyper Typer av prototyper
Läs merTjänsteprototypning. Föreläsning i kursen TDDD51 Linköpings universitet den 21 februari Johan Blomkvist
Tjänsteprototypning Föreläsning i kursen TDDD51 Linköpings universitet den 21 februari 2011 Johan Blomkvist johan.blomkvist@liu.se UPPLÄGG Upplägg - tillbakablick Vad har vi gjort hittills? Tjänstedesignens
Läs merBerättelser Scenarios Presentationer Skisser Formella modeller Mjukvaruprototyper Kartong modeller etc.
Karin Fahlquist Berättelser Scenarios Presentationer Skisser Formella modeller Mjukvaruprototyper Kartong modeller etc. Viktigt att se från andra personers perspektiv Abatrakta idéer kommer till liv Utforska
Läs merUtveckling 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 merNya Medier. Gränssnitt, Interaktivitet och Digital kod
Nya Medier Gränssnitt, Interaktivitet och Digital kod Människa-Dator: Gränssnittet Tre lager tas upp i boken: Fysiska apparaten som möjliggör för användaren att styra/använda datorn Mjukvara som organiserar
Läs merPortfolio 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 merPrototypning och heuristisk utvärdering
Filmtajm Prototypning och heuristisk utvärdering! Sketch-a-move http://vimeo.com/5125096 Interaktiva system Mattias Arvola Institutionen för datavetenskap 2 Dagens föreläsning Prototypens roll: Evolutionär
Läs merInlä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 merKursguide. 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 merProjektet. TNMK30 - Elektronisk publicering
Projektet TNMK30 - Elektronisk publicering Gruppindelning projekt Valfria grupper ~4 per grupp TNM088 - Digitala media-grupperna är ok Projektgrupper 4 personer Jämna par Lika arbete för små grupper Anmäl
Läs merM 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 merPrototyping. Planera och genomföra webbproduktionsprojekt. Innehåll. Fördelarna med Pappersprototyper. Lofi-prototyp. Prototyping
Innehåll Planera och genomföra webbproduktionsprojekt Stefan Berglund Prototyping Prototyping LoFi-prototyp HiFi-prototyp Användarcentrerad utveckling Användbarhet Specificering av krav Prototyping Kartläggning
Läs merPrototypning. 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 merPrototypningsverktyg. A Human-Centered Design Process (ISO 9241-210, 2010) Mattias Arvola. @mattiasarvola Institutionen för datavetenskap
A Human-Centered Design Process (ISO 9241-210, 2010) Prototypningsverktyg 1. Plan the humancentred process 2. Understand the context of use Mattias Arvola Meets the requirements 5. Evaluate against requirements
Läs merKursplan Gränssnittsdesign och Webbutveckling 1 Vårtermin 2014
Kursplan Gränssnittsdesign och Webbutveckling 1 Vårtermin 2014 Kurswebb: www.creativerooms.se/edu, välj Gränssnittsdesign eller Webbutveckling 1 Lärare: Aino-Maria Kumpulainen, aino-maria.kumpulainen@it-gymnasiet.se
Läs merHUMAN-CENTERED SYSTEMS Stefan Holmlid
Interaction design, industrial design, design management, service design, information design, experience design, graphic design, furniture design, destination design, product design, ergonomics design,
Läs merProcess 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 merHi-Fi Prototyping + laborationsgenomgång & verktyg
Hi-Fi Prototyping + laborationsgenomgång & verktyg Karin Fahlquist 2015 Frågor att besvara Vad innebär prototyping? Vad är speciellt med hi-fi prototyping? Hur kan man använda dem? Hur väljer man nivå
Läs merSå 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 merNT- GYMNASIET UPPGIFT I DIGITALT SKAPANDE JUBILEUMSUTGÅVA UTIFRÅN EN VÄRDEPLATTFORM
JUBILEUMSUTGÅVA UTIFRÅN EN VÄRDEPLATTFORM Ett konfektyrföretag ska ge ut en jubileumskartong och dra fördel av att en viss artist har varit verksam i 25 år eller någon annan särskild anledning till att
Läs merGrafisk 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 merInteraktionsdesign och användbarhet Personas. Paper prototyping. » Metod för representation av användaren. » Metod för konceptutveckling
martin östlund 2008 Interaktionsdesign och användbarhet Personas» Metod för representation av användaren Paper prototyping» Metod för konceptutveckling Att designa för användbarhet» Forsknings- och tillämpningsområden»
Läs merFull 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 merProjektarbete 2010 måndag den 29 november 2010
Projektarbete 2010 Om projektarbete BRAINSTORMA - med hela projektgruppen. - Skriv ned alla tankar och idéer. - Ifrågasätt inget! TESTA idéer och uppslag genom diskussioner. Titta på målen i projektbeskrivningen
Läs merNå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 merNya Medier. Gränssnitt, Interaktivitet och Digital kod
Nya Medier Gränssnitt, Interaktivitet och Digital kod Människa-Dator: Gränssnittet Tre lager tas upp i boken: Fysiska apparaten som möjliggör för användaren att styra/använda datorn Mjukvara som organiserar
Läs merPrototyper och användartest
Föreläsning i webbdesign Prototyper och användartest Rune Körnefors Medieteknik 1 2012 Rune Körnefors rune.kornefors@lnu.se Prototyp för en webbplats! Utkast eller enkel variant av webbplatsen" Syfte"
Läs merKursplan 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 merLOGISTIKSYSTEM FÖR SNABBA HJULET AB UTVECKLINGSPROCESS BASERAD PÅ DR. DEBORAH J. MAYHEW S THE USABILITY ENGINEERING LIFECYCLE
LOGISTIKSYSTEM FÖR SNABBA HJULET AB UTVECKLINGSPROCESS BASERAD PÅ DR. DEBORAH J. MAYHEW S THE USABILITY ENGINEERING LIFECYCLE Uppsala Universitet 2005 Andreas Kjellgren (ankj3389@student.uu.se) Fredrik
Läs merEFTER 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 merInteraktiva applikationer för dator (WPF) och web (Silverlight) Grafisk utvecklingsmiljö. Hela produktioner: design, layout, animationer, skins, etc.
Microsoft Expression Blend + Sketch Flow Microsoft Expression Blend + Sketch Flow Grafisk utvecklingsmiljö Interaktiva applikationer för dator (WPF) och web (Silverlight) Färdiga byggstenar Hela produktioner:
Läs merKommunikationsorienterad. visuell design
Kommunikationsorienterad visuell design Magnus Haake LUCS, Lunds universitet Kommunikationsorienterad visuell design = Kognitivt orienterad grafisk design Varför kognitivt orienterad grafisk design? Verktyg
Läs merFö 4: Utvärdering. Gästföreläsning. Muddy-cards resultat. Varför och vad? Varför? Vad? Mot vad? (Krav) Hur? IMPACT
Varför? Vad? Mot vad? (Krav) Hur? IMPACT Fö 4: Utvärdering Gästföreläsning Computer Supported Collaborative Work flera användare. Live Help Systems Johan Åberg Vecka 10 Måndag 3/3 kl 10 i sal C3 Muddy-cards
Läs merGrupp 3. Projektplan
Grupp 3 Anna, Fredrik, Thomas, William, Camilla W, Camilla L Projektplan Nuvarande projektplan. Senaste versionen, uppdaterad 25 februari 2010 Innehållsförteckning Den slutgiltiga hifi prototypen... 3
Läs merDesign 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 merTurist 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 mer1. (3p) Inom MDI-området framhåller man att människor lär sig via metaforer. Hur menar man att detta går till?
1. (3p) Inom MDI-området framhåller man att människor lär sig via metaforer. Hur menar man att detta går till? Att lära sig via metaforer innebär att man drar nytta av kunskap som användaren redan har,
Läs merSCRUM 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 merParticipatory 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 merDESIGNDOKUMENT 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 merREPUBLIC 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 merInnehåll. Vad är prototyping? Low-, mid-, high-fidelity prototyping Konceptuella modeller Verktyg för mid/high-fi prototyping
Prototyping Innehåll Vad är prototyping? Low-, mid-, high-fidelity prototyping Konceptuella modeller Verktyg för mid/high-fi prototyping Individuell inlämningsuppgift Vad är en prototyp? En prototyp är
Läs merHö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 merVad ä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 merLå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 merPreliminä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 merSymmetry: 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 merGestaltningstekniker Innehåll ALLMÄNT. Att zooma in och zooma ut
Innehåll Gestaltningstekniker Allmänt Tekniker Designmöten Visuell attraktivitet Gestaltningstekniker & kommunikation Johan Åberg För bättre kvalitet i designprocessen ALLMÄNT Samla tillräckligt med information
Läs merVad 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 merTeman för föreläsningen. Gestaltlagarna Layout Typografi
Teman för föreläsningen Gestaltlagarna Layout Typografi Gestaltlagarna Lagen om likhet Gestaltlagarna Gestaltlagarna Gestaltlagarna Lagen om närhet Gestaltlagarna Gestaltlagarna närhet likhet kontinuitet
Läs merFöreläsning 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 merRedigeringsteknik och postproduktion
Interaktionsdesign- Process Olika förhållningssätt till designprocessen: Utgångspunkter- perspektiv på design Övergripande processen Detaljerat förfarande- iterativ och konceptuell design Introducera en
Läs merSlutrapport: 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 merFö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 merGrupparbete 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 merWireframe 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 merPLANERING 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 merDesign 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 merVad vi pratade om förra gången. Fast med andra ord
Designprocessen 2 Vad vi pratade om förra gången Fast med andra ord Användarcentrerad design Tidigt fokus på användarna och deras uppgifter Empiriska mätningar Iterativ design Hur samla in data och utvärdera
Läs merbehö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 merLayout. Layout. Varför layout? Proportioner. Rutnät, gruppering & justering. skapa struktur skapa balans markera betydelse
Layout Proportioner A4 1,42 (roten ur 2) Letter 8,5 x 11 Gyllene snittet 1,62 Kvadrat (1:1) Datorskärm 0,75 (3:4) Layout: Proportioner Layout: Proportioner Pocket: 110 x 178 mm Fackpockett: 110 x 170 mm
Läs merLå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 merPROGRAMMERING. Ä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 merFö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 merUtvecklingsm 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 merSociala 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 merKommunikations- orienterad visuell design
Kommunikations- orienterad visuell design Magnus Haake Inst. för Designvetenskaper, LTH Lunds universitet Kommunikationsorienterad visuell design = Kognitivt orienterad grafisk design Varför kognitivt
Läs merTjänsteprototypning. och tjänsterepresentationer. Johan Blomkvist IDA-HCS-IxS
Tjänsteprototypning och tjänsterepresentationer Johan Blomkvist IDA-HCS-IxS Twitter: @hellibop Dagens föreläsning Tjänsteperspektiv Konceptualiseringar av tjänsteprototyper Tjänsteprototypning 2 Prototyp
Läs merMicrosoft Expression Blend + Sketch Flow
Microsoft Expression Blend + Sketch Flow Microsoft Expression Blend + Sketch Flow Grafisk utvecklingsmiljö Interaktiva applikationer för dator (WPF) och web (Silverlight) Färdiga byggstenar Hela produktioner:
Läs merGrä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 merGrafisk 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 merAtt 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 merInfö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 merMultimedia. 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 merWORKBOOK 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 merFö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 merVå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 merFö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 merDesign 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 merP R O J E K T : D I C E
P R O J E K T : D I C E Ett projektarbete i svenska, entreprenörskap och engelska, riktat mot DICE. Thoren Innovation School HT2013. UPPDRAG Uppgiften är att arbeta med den första delen av utvecklingsprocessen
Läs merDokumentation 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 merCross 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 merRapport 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 merPROGRAMMERING. Ä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 merPROGRAMMERING. Ä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 merATT 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 merPrototyping. Susanna Olsson, TietoEnator Funda Denizhan, TietoEnator Ann Lantz, CID
Prototyping Susanna Olsson, TietoEnator Funda Denizhan, TietoEnator Ann Lantz, CID TRITA-NA-D0105 CID-139, KTH, Stockholm, Sweden 2001 Susanna Olsson, TietoEnator, Funda Denizhan, TietoEnator, Ann Lantz,
Läs merWEBB 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 merInteraktionsdesign, 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 merSkillnader 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 merTimo 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 merPå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 merPresentationsprogram - 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 merFö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 merGranskning av gränssnitt. Mattias Arvola
Granskning av gränssnitt Mattias Arvola 2 Att skapa interaktiva system Identifiera krav Utforma alternativ Ta fram prototyper (eller annan illustration av system) Utvärdera 3 Mål med utvärderingen Revidera,
Läs mer