Filmtajm Designmetoder! The Exciter:! http://www.youtube.com/watch?v=pycycosopfq Interaktiva system Mattias Arvola Institutionen för datavetenskap 2 Brainstorming Konceptdesign! Förberedelse! Ha allt forskningmaterial och problemformuleringar till hands och inom synhåll. (På väggarna?)! Whiteboard (eller en gigantisk pappersrulle), pennor (olika färger och sorter), gula lappar, och tomma stora pappersark. 4 Brainstorming forts. Brainstorming forts.! Uppvärmning! Börja med att göra något roligt kring det som projektet handlar om. Vad är mindre viktigt, men händer, munläder, och huvud ska sättas igång i att skapa idéer.! Genomförande! Avsätt 2 timmar för att generera så många idéer och varianter på idéer som möjligt.! Säg inte nej! Var fokuserad och lägg sidospår åt sidan! Stanna inte länge på en idé. Fler är bättre.! Använd hela rummet. Att se idéer ger nya idéer 5 6
Brainstorming forts. Definiera designmål! (re-)invention! Ställ frågor som: vad påminner den här produkten om? vad påminner den inte om?! Byt perspektiv: se datorn som ett medium, ett verktyg, en byggnad, ett system, en tanke, ett spel, en handling, en chock, en vision, en mardröm. Hur skulle produkten eller tjänsten te sig om det var alla dessa olika saker?! Gruppera idéerna och namnge grupperna! Gör en brainstorming enligt ovanstående metod för ert grupparbete!! För vem är designen?! I vilka situationer ska den användas?! Varför, varför, varför?! Användningen av produkten ska upplevas som! Tänk igenom praktiska, kommunikativa, organisatoriska, estetiska, etiska, och tekniska aspekter och konsekvenser. 7 8 Målträd Konceptbild 1 Multimedia platform Laidback usage Engagement Togetherness Safety Style Challenge Comfort Effortlessness Effectiveness Personal interest Social interest Identification Appropriatenes Genom mobilen kan guidedeltagarna se guidens virtuella sidekick. I Vimmerby skulle den kunna utgöras av t.ex. en rumpnisse, som lämpligt nog ständigt frågar varför då då? och ger guiden tillfälle att förklara vidare om det ena och det andra. Beauty 9 1 Konceptbild 2 En funktion som gör att du på vissa utvalda ställen kan rikta mobilkameran mot en vy och få upp ett tidsfilter. Filtret visar hur platsen man filmar antas ha sett ut förr i tiden. Genom att dra i ett reglage kan man se hur vyn skulle ha sett ut från istiden, fram till nutid. Konceptbild Guiden använder sin mobil för att broadcasta film till gruppdeltagarnas mobiltelefoner. Det kan vara förinspelade temarelaterade filmsnuttar eller direktsänt från guidens mobilkamera. På så sätt kan även de som hamnar längst bak i större sällskap se tydligt vad det är guiden pratar om. Det ger guiden möjlighet att peka ut detaljer och att visa saker som inte kan ses med blotta ögat. 11 12
Scenarios Storyboarding på konceptnivå När Yngve och Marianne äter sin första hotellfrukost i Vimmerby diskuterar de vad de ska göra under dagen. De tänker starta på Nääs, promenera runt lite i staden och sedan ta bilen för att titta på omgivningarna. De kollar vilka platser som är inkluderade i mobilapplikationen och beslutar sig för att helt enkelt lägga upp rutten efter dem. Det visar sig att även flera byggnader och platser inne i stadskärnan är inkluderade i applikationen så när de är färdiga på Näs aktiverar Yngve appen. Visa & berätta: En funktion för guider som vill kunna visa på sådant som ej är synligt för blotta ögat. T.ex. dolda processer, globala system eller bara hur en växt ser ut under en annan årstid. 1 14 När guiden vill att gruppen ska kunna se någonting via sina telefoner plockar han/hon fram en grafisk tag. Användarna riktar telefonens kamera mot tagen för att aktivera det guiden vill visa. På mobilens display syns då både det kameran filmar och det objekt eller animation som guiden vill visa. För att ändra på bilden eller i animationen som visas kan guiden byta ut eller lägga till en ny tag. 15 16 Konceptval med Pugh-charts! Konsensus om kriterier: Det första steget var att vi kom överens om vilka kriterier vi skulle ha för att bedöma de olika designkoncepten som vi har. Vi utgick från tidigare uppsatta designmål och på workshoppen gick vi igenom om någon ville lägga till kriterier. 1-15 minuter.! Konsensus om alternativ: Det andra steget var att vi kom överens om vilka designkoncept som var kandidater att ingå som alternativ i vår värdering. Vi utgick från de fem som vi tidigare tagit fram fram och såg om någon vill lägga till något koncept ur samlingen på över idéer. 1-15 minuter. VIDEOSCENARIOS 17 18
Konceptval med Pugh-charts forts.! Värdering av alternativ: Vi bestämde vilket som var det det mest lovande alternativet av designkoncepten genom enkel handuppräckning och använde det som utgångspunkt för att jämföra med de andra koncepten på vart och ett av våra kriterier. Om ett alternativ var bättre på ett kriterium än vår utgångspunkt så gav vi det ett plus på det kriteriet och om det var sämre än vår utgångspunkt fick det ett minus. Om det var likvärdigt med vår utgångspunkt så fick den ett S. 2 minuter. Konceptval med Pugh-charts forts.! Sammanställning: Vi räknade samman hur många plus alla fick, hur många minus de fick och vad summan blev för varje alternativ (alla minus subtraherat från alla plus). Man kan inte bara utse gå på den som får flest poäng till vårt val, eftersom att kriterierna vi kommit överens om antagligen inte var lika viktiga. Så detta steg krävde lite tankemöda. 2 minuter! Angreppssätt för negativa värderingar: De alternativ som var uppenbart sämre än de andra stryktes ur listan, men de som bara hade något minustecken på sig tittade vi närmare på och försökte se om det fanns något sätt vi kunde eliminera minustecknet, t.ex. genom att gör en variation av designalternativet. 1 minuter. 19 2 Konceptval med Pugh-charts forts.! Designbeslut: Vi bestämde vilket eller vilka koncept vi skulle köra på, eller om vi skulle göra en syntes av olika koncept. 1 minuter. 1. Tidsmaskinen. Visa och berätta 4. Kartan 5. Sidekick 6. Leta sagoväsen 7. Spatial talbok a. Väcker nyfikenhet (WOW) - + + + - b. Fokus på natur och kulturlandskap c. Förmedlar ALs liv & verk - + d. Stödjer utomhuspedagogik + - + e. Kostnad - + f. Genomförbarhet + - + g. Bärighet för FRT sektorn + + + + h. mmm, ahh, Håller över tid + + - Totalt + Totalt - Totalt 4 1 1-2 2 2 5 1 4 Koncept 1. Kartan + spatial talbok, och sagoväsen och tidsmaskinen som add-ons. Koncept 2: Visa och berätta med guide. 21 22 Storyboarding på gränssnittsnivå Designspecifikation! Informella och snabba, där man tänker igenom hur användningsfall och procedurer ska se ut.! Lätt att jobba med alternativ.! Annotera skisserna med +, -,?, och!. 24
Wireframeskisser Wireframeskisser forts. 25 26 Färdigställda wireframes Flöden 27 28 Flöden forts. Site maps: Basic! Den enklaste varianten är som en organisationshierarki! Boxarna representerar sidor eller skärmbilder! Linjerna representerar länkar HOME 29
Gråskala för att visa vikt Teknisk info Storlek för att visa vikt Teknisk info Manual Manual Produkt -info Produktinfo Butiker Produkt -typ Butiker Produkt -typ Policy Policy Start Start Om oss Kontakt Om oss Kontakt Kundtjänst Kundtjänst FAQ FAQ 1 2 Skärmbilder gjorda i ritprogram!snygga bilder som säljer ens design!grafisk design pålagd!säljande och övertygande www.liu.se