Concept Design Mattias Arvola
2 Today s Lecture Ideation using structured design concept divergence Structured detailing of concepts ideas Storyboards at a conceptual level Pugh charts
3 Film Time The Exciter https://www.youtube.com/watch?v=ocycegskso0
GROUP WORK 1 day/week 36 37 38 39 40 41 42 43 44 45 45 47 48 49 50 51 52 1 2 3 PROJECT 1 PROJECT 2 Checkpoint Research Deadline Concept Checkpoint Revisions Deadline Detailing Deadline Idea Log (and Process Book) INDIVIDUAL WORK 1 day/week DESIGN READINGS Seminar 1 Seminar 2 Seminar 3 (Deadline Critical Review)
5 AFTER THE USER STUDY THE OVERARCHING DESIGN IS TO TAKE FORM AND WHAT TO DO IS TO BE DECIDED
6 User Research Deliverables Research-based Personas and Problem Storyboards Design and UX Goals
7 Concept Ideation Deliverables A wide variety of concepts Pugh-charts A concept proposal Poster Other design material?
CONCEPT DESIGN REVISIONS & DETAILED DESIGN USER RESEARCH
fuzzy front end: uncertainty >> pazerns >> insights clarity >> focus design criteria ideas concept prototype product concept revisions detailing
10 A process characterized by Uncertainty Experiments of thought Sketching Judgement and assessment Decisions
11 Levels of Interaction Design (Arvola & Artman, 2007) Design Concept Who does what, when, where, how and why? Overarching gestalt, posture or genre Functions and content Actions and objects Structure Temporal, spatial and logical Interaction How does the user navigate the structure to use the functions and manipulate content? Presentation Look & feel. What meets the senses and how is it interpreted.
12 The Conceptual Level Who does what, when, where, how and why? Agent, act, scene, means och purpose (Arvola, 2005) The Concept Sheet: http://www.ida.liu.se/~matar/tools.en.shtml
Design Concept No. WHAT the name of the concept is: WHO the user is: WHAT the concept is: WHEN and WHERE it will be used: WHAT it does (main function and content): WHY the user whants to have it and use it: HOW it is used (draw a storyboard): The user's experience before Interaction step 1 Interaction step 2 Interaction step 3 Interaction step 4 The user's experience afterwards HOW it should be: Principles and qualities Consequences: For people, environment, or society Project: Date: Researcher: Design Concept Sheet. Mattias Arvola 2014.
Design Concept No. WHAT the name of the concept is: WHO the user is: WHAT the concept is: WHEN and WHERE it will be used: WHAT it does (main function and content): WHY the user whants to have it and use it: HOW it is used (draw a storyboard): The user's experience before Interaction step 1 Interaction step 2
HOW it is used (draw a storyboard): The user's experience before Interaction step 1 Interaction step 2 Interaction step 3 Interaction step 4 The user's experience afterwards
Interaction step 3 Interaction step 4 The user's experience afterwards HOW it should be: Principles and qualities Consequences: For people, environment, or society Project: Date: Researcher: Design Concept Sheet. Mattias Arvola 2014.
17 What should it be? Perspec6ve Object Highlighted aspects Tool A material Prac6cal Medium Other people or content Communica6onal Partner System The ar6fact in itself or quasi- other Other system components Prac6cal Organisa6onal, Technical Machine The ar6fact in itself Technical
18 Dynamic Gestalt Overarching character More than the sum of the parts Temporal flow and drama structure may be inspiring, dull, obvious or maybe repetitive
19 To what genre does it belong? Arvola, Lundberg & Holmlid (2010) Recurring form, content and purpose Phone bill: Layout (form) showing phone calls and their cost (content), to inform the receiver how much to pay, when, and exactly for what he or she is paying (purpose).
20 What posture should it have? (Cooper, 1995) Sovereign: monopolizes the user's attention for long periods of time. Transient: Called when needed, it appears and performs its job, then it quickly leaves, letting the user continue her more normal activity. Daemonic: background processes that require no direct user interaction. Parasitic/Auxiliary: A limited, focused set of functionality and occupy a small space persistently and can be used for a long period of time.
21 Ideation by structured design concept divergence Play with and vary who does what, when, where, how and why in a systematic manner. Make experiments of though: What kind of product or service would it become if Divergence is the mother of design work and iteration its father.
22 WORK SYSTEMATICALLY WITH RANDOMNESS!
At conceptual level, different: Purposes Target groups Situations of use Kinds of products/services Platforms User experiences At functional level, different: Objects and actions At strucutral level, different: Layouts Navigation structures Ways to group information At an interactional level, different: Input and output Interaction styles (forms, menus, direct manipulation) Perspectives: 1st, 3rd Interaction techniques (zooming, panning, pointclick) Controls At presentational level, different: Styles Associations Icons 23
Level of abstraction Project time 21
25 Functions- driven divergence The purpose is that you should be able to: Functions-driven divergence The purpose is that you shou able to Look at films Communicate with others Find your way Control what the kids are doing Play games
Communicate with others Look at films Find your way Play games Control what the kids are doing
Communicate with others Look at films Find your way Play games Control what the kids are doing 24
28 Metaphor- driven divergence Metaphor-driven d The character of action should be like a: The character of a like a: Tool Medium Dream Person Game
Medium Tool Dream Game Person 26
Medium Tool Dream Game Person 27
31 Quality- driven divergence How should it be experienced in use? Quality-driven d How should it b use? Discoverably Full of feeling Imaginatively Surprisingly Suggestively
Full of feeling Discoverably Imaginatively Suggestively Surprisingly 29
Full of feeling Discoverably Imaginatively Suggestively Surprisingly 30
Functions- driven divergence based on Brainwriting 3-6- 5 34 6 persons writes 3 functions and passes the paper on: 108 functions What should the persona be able to do with the product or service? Every function consists of a verb and a noun: pile up chairs Provocative situations of use if you get stuck. Troup transport On the way home from a football game For the Prime Minister At an accident
Problem Statement: What should the user be able to do? Idea 1 Idea 2 Idea 3 1 take photos make call find friends 2 edit photos send message announce statements 3 send photos 4 keep track of appointments 5 6
36 Functional Analysis Go through the functions and categorise them from the perspective of you personas: Necessary (N) Desirable (D) Unnecessary (U) Unnecessary but fun (UF)
37 List all N, some of the most interesting D, and some UF. Consider what it would be like if one of them was the main function (MF) that would dominate and structure the entire system. Name the resulting product or service Detail the concepts using the concept sheet
SKETCHES AND DESCRIPTIONS OF CONCEPTS 38
39 The Sidekick The visitors can see the guide s virtual sidekick through the mobile phone. In Vimmerby it could be a rumpnisse who constantly asks Why is that? and gives the guide opportunities to explain things further.
40 The Time Machine You can at some places point the camera towards a view and manipulate a time filter towards the past.
41 Show and Tell The guide can broadcast film to the visitors mobile phones. Pre- recorded or live. Even the people in the back can see, and details not visible to the naked eye can be pointed out.
55
Sketchy Concept Video 43
Concept Selection with Pugh Charts 44
45 Good Design in Different Ways Technical Build Quality Practical Functionality Communication Organization Aesthetic Impact Ethics
46 Criteria for Concept Selection Concept selection is based on maximizing the contribution to the most important effect goals for the users and other central stakeholders Important product and project goals can also be included Look back at the results from the user research
The Time Machine The Walking Quiz Show and Tell The Interactive Map The Sidekick Mythical Creatures Spatial Talking Book Curiosity 0 0 - + + + - - Leaving Traces Focus on the Landscape 0 0 0 0 0 0 0 - Communicate Astrid Lindgren 0-0 0 0 - + - Support Outdoors Education 0 0 + 0 0 - + + Cost 0 0 0 0-0 + + Feasibility 0 0 + 0-0 + + Viability 0 0 + + 0 + + 0 Longterm Experience 0 + + + - 0 0 0 Total + 0 1 4 3 1 2 5 3 Total - 0 1 1 0 3 2 1 3 Total 50 0 0 3 3-2 0 4 0
The Time Machine The Walking Quiz Show and Tell The Interactive Map The Sidekick Mythical Creatures Spatial Talking Book Curiosity 0 0 - + + + - - Leaving Traces Focus on the Landscape 0 0 0 0 0 0 0 - Communicate Astrid Lindgren 0-0 0 0 - + - Support Outdoors Education 0 0 + 0 0 - + + Cost 0 0 0 0-0 + + Feasibility 0 0 + 0-0 + + Viability 0 0 + + 0 + + 0 Longterm Experience 0 + + + - 0 0 0 Total + 0 1 4 3 1 2 5 3 Total - 0 1 1 0 3 2 1 3 Total 51 0 0 3 3-2 0 4 0
49 Concept Selections Using Pugh Charts 1. Consensus about criteria 2. Consensus about alternatives 3. Assessment of alternatives 4. Adding it up 5. Revisit negative assessments 6. Design decisions and syntheses.
50 Context Scenarios A scenario that shows how the idea is meaningful for one of the personas Gives a natural sequential flow to the interaction Written or illustrated in a Concept Storyboard
51 Concept Proposals in Storyboards Show and Tell: A function for guides to show things not visible to the naked eye. E.g. hidden processes, global systems, or what a plant look like at another season.
When the guide wants the group to see something on their phone he/she takes up visual marker. The visitors point the camera of the phone towards the marker to acjvate whatever the guide wants to show.
On the display of the phone the visitors can see both the camera view and the object or animajon the guide wants to show. To change the image or the animajon the guide just changes or adds a new marker.
MINNESMARK MINNESMARK Maria,&Tom&and&Owen&start&the&Minnesmark&app& to&go&on&a&computer&augmented&treasure&hunt. Maria&chooses&which& treasure&hunt&and&they& are&off.&they&take&part& of&stories&at&places& along&the&way. Use&the&iOS&app&Minnesmark&and& invite&to&in&a&computer& augmented&treasure&hunt,&where& parlcipants&can&explore&both&the& physical&environment&and&media& that&you&have&prepared.&use&the& editor&to&create&the&treasure&hunt. Minnesmark&is&an&AR< browser&(ar&=&augmented& reality)&that&builds&on&a&principle& of&physical&interaclon&in&the&real& world.&it&contributes&to&a& molvalng&aclvity.&the& parlcipants&find&treasures&in&the& form&of&media,&which&is&sent&to& them&via&email&at&the&end&of&the& treasure&hunt.&using&the&editor,& anyone&can&set&up&their&own& treasure&hunts. Marker<based&augmented&reality&is&used&to& animate&the&story&so&that&virtual&objects&are& embedded&with&the&camera&view&in&the& background.& There&are,&at&some&places,&panoramas& that&show&the&place&as&it&once&was.&tom& navigate&a&panorama&by&holding&his&ipad& infront&of&him&while&turning&around. MaJas&Arvola @majasarvola majas.arvola@liu.se www.minnesmark.se They&find&treasures&in&the&form&of&various& media&along&the&way,&and&the&treasures& are&sent&to&owen's&email&address&at&the& end&of&the&treasure&hunt.&it's&great&that& Owen's&teacher&could&use&the& Minnesmark&Editor&to&set&up&this&trail&for& them.
NÄRSTÅENDE INGALILL GICK BORT FÖR MÅNGA ÅR SEDAN, MEN DIN SON - SIMON, KOMMER ATT HÄLSA PÅ REDAN I MORGON VAR ÄR INGALILL? SIMON KAN GENOM INVÅNARTJÄNSTERNA MEDDELA PERSONALEN T EX NÄR HAN PLANERAR ATT BESÖKA SIN PAPPA. I SAMMA GRÄNSSNITT KAN PERSONALEN OCKSÅ KONTAKTA SIMON OCH FÖRA ANTECKNINGAR KRING ALBERT. DE SER OCKSÅ DEN INFORMATION (SOM ÄVEN FINNS I JOURNA- LEN) SOM SOM ÄR VIKTIG FÖR ATT GE VÄRDIG VÅRD - SÅSOM INTRESSEN OCH MATVANOR MM. SIMONS PAPPA ALBERT HAR ALZHEIMERS SJUKDOM. BÅDE SIMON OCH ALBERT SJÄLV VILL ATT ALBERT SKA KUNNA BO KVAR HEMMA SÅ LÄNGE SOM DET FUNGERAR MED DE DAGLIGA RUTINERNA. ALBERT VET FORTFARANDE HUR MAN TVÄTTAR SIG, VÄRMER MAT OCH TAR MEDICINER MEN IBLAND GLÖMMER HAN BORT. DÄRFÖR HAR SIMON MED HJÄLP AV INVÅNARTJÄNSTERNA STÄLLT IN PÅMIN- NELSER FÖR DE AKTIVITETER HAN INTE FÅR GLÖMMA BORT. VID SIDAN OM ATT HJÄLPA SIN PAPPA KAN SIMON SJÄLV OCKSÅ FÅ STÖD OCH RÅDGIVNING FRÅN INVÅNARTJÄNSTERNA I SIN ROLL SOM ANHÖRIG. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut gravida quam vel eros lobortis congue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut gravida quam vel eros lobortis congue. Suspendisse a mollis Suspendisse a mollis quam. Pellentesque a nisi dictum, accumsan felis tristique, interdum nibh. Proin cursus malesuada tellus interdum nibh. Proin cursus malesuada tellus vitae porttitor. quam. Pellentesque a nisi dictum, accumsan felis tristique, vitae porttitor. Morbi eget adipiscing dolor. In commodo lectus Morbi eget adipiscing dolor. In commodo lectus eu augue eu augue tempor euismod. Vestibulum luctus facilisis enim a tempor euismod. Vestibulum luctus facilisis enim a rutrum. rutrum. Fusce condimentum enim at erat egestas consequat. Fusce condimentum enim at erat egestas consequat. Nulla tincidunt felis a elit laoreet vulputate non vel elit. Sed Nulla tincidunt felis a elit laoreet vulputate non vel elit. Sed aliquet dapibus auctor. In erat erat, consequat eget elit a, mollis aliquet dapibus auctor. In erat erat, consequat eget elit a, malesuada dolor. Vestibulum laoreet posuere eros et sodales. mollis malesuada dolor. Vestibulum laoreet posuere eros et Praesent aliquet orci nec turpis vestibulum semper. Donec sodales. Praesent aliquet orci nec turpis vestibulum semper. iaculis tincidunt dolor id pulvinar. Mauris diam lectus, porttitor Donec iaculis tincidunt dolor id pulvinar. Mauris diam lectus, ut vulputate vitae, faucibus a velit. Aliquam nec enim fringilla, porttitor ut vulputate vitae, faucibus a velit. Aliquam nec enim tempus neque quis, commodo massa. Proin diam erat, placerat fringilla, tempus neque quis, commodo massa. Proin diam in sollicitudin et, pulvinar quis urna. Phasellus vestibulum neque erat, placerat in sollicitudin et, pulvinar quis urna. Phasellus dolor, eu suscipit nunc varius quis. vestibulum neque dolor, eu suscipit nunc varius quis. Vestibulum elementum faucibus mauris. Morbi ligula urna, Vestibulum elementum faucibus mauris. Morbi ligula urna, sodales a ullamcorper id, porttitor vitae augue. Morbi molestie massa et facilisis ultrices. Etiam porttitor pellentesque placerat. Ut sed lobortis lacus. Praesent tempus pretium odio, vitae malesuada ligula convallis ut. Nulla dapibus diam non vehicula accumsan. Quisque placerat metus nibh. Maecenas interdum, sapien quis malesuada auctor, libero metus tristique tellus, et 30 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 IDAG SÅG VI EN OVANLIG FÅGEL NERE VID VATTNET. 21 22 23 24 25 26 27 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut gravida quam vel eros lobortis congue. Suspendisse a mollis quam. Pellentesque a nisi dictum, accumsan felis tristique, interdum nibh. Proin cursus malesuada tellus vitae porttitor. Morbi eget adipiscing dolor. In commodo lectus eu augue tempor euismod. Vestibulum luctus facilisis enim a Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut gravida quam vel eros lobortis congue. Suspendisse a mollis quam. Pellentesque a nisi dictum, accumsan felis tristique, interdum nibh. Proin cursus malesuada tellus vitae porttitor. Morbi eget adipiscing dolor. In commodo lectus eu augue tempor euismod. Vestibulum luctus facilisis enim a rutrum. GENOM INVÅNARTJÄNSTERNA HAR ALBERT GETT SITT MEDGIVANDE TILL ATT SONEN FÅR SE HANS VÅRDPLAN OCH ÄVEN VARA DELAKTIG I BESLUT. NÄR ALBERTS SJUKDOM FORTSKRIDER BLIR DET TILL SLUT DAGS ATT FLYTTA TILL ETT VÅRDHEM. DÅ KAN SIMON NOGA JÄMFÖRA OLIKA ALTERNATIV OCH VÄLJER ETT SOM PASSAR. SIMON ANVÄNDER INVÅNARTJÄNSTERNA TILL ALLA PRAKTISKA FÖRBEREDELSER KRING FLYTTEN. SIMON KÄNNER SIG TRYGG MED ATT PAPPAN FÅR BRA VÅRD, OCH KAN SE PLANERADE OCH GENOMFÖRDA AKTIVITETER....OCH NÄR SIMON TRÄFFAR SIN PAPPA PÅ VÅRDHEMMET KAN DE UMGÅS OCH PRATA OM DAGEN.
PLÖTSLIGT BEHOV AV VÅRD PERSONEN SOM SVARAR KAN SE ATT OLLE SÖKT PÅ BETT, OCH DÅ HAN ÄVEN KAN SE VAR OLLE BEFINNER SIG SÅ GÅR DET LÄTT ATT HITTA NÄRMAST TILLGÄNGLIGA VÅRD AV RÄTT NIVÅ. DET ÄR VIKTIGT ATT DU FÅR ANTIBIOTIKA OM BETTET ÄR INFEKTERAT. JAG TYCKER VI BOKAR IN DIG PÅ NÄRMSTA VÅRDCENTRAL, REDAN IDAG. JAG SKICKAR BOKNINGEN TILLSAMMANS MED EN VÄGBESKRIVNING TILL VÅRDCENTRALEN PÅ STORGATAN 10 -TILL DIN TELEFON DU HAR EN TID PÅ VÄXJÖ VÅRDCENTRAL IDAG KL 14.15 Växsjö Närakut ÄNDRA TID VÄGBESKRIVNING AAJ!!! OLLE HAR REST TILL VÄXJÖ. DÄR BLIR BITEN I HANDEN AV EN KATT. BETTET ÄR GAN- SKA DJUPT OCH BLIR SNART SVULLET OCH ÖMT. VÅRDCENTRALEN BLIR OCKSÅ INFORMERADE ATT OLLE KOMMER IN OCH FÅR DE UPP- GIFTER HAN LÄMNAT TILLSAMMANS MED PERSONNUMMER. HAN SÖKER UPP INFORMATION - OCH RINGER DIREKT FRÅN EN ARTIKEL. OLLE ÄR LITE EXTRA OROLIG DÅ HAN ÄR I EN FÖR HO- NOM NY STAD DÄR HAN INTE HITTAR. HEJ, SKA JAG RINGA AMBULANS? ÄR DET BRÅTTOM? Ditt recept på antibiotika finns nu inlagt och du kan hämta ut medicinen på närmaste apotek. Klicka nedan för att se närmaste apotek med varan i lager. INSTRUKTIONER NÄRMASTE APOTEK KORT EFTER SIN BEHANDLING FÅR OLLE ETT MEDDELANDE FRÅN SIN LÄKARE VIA 1177 VÅRDGUIDEN MED RECEPT PÅ ANTIBIOTIKA. INFORMATIONEN/ORDINATIONEN ÄR ANPAS- SAD FÖR OLLE. DET FINNS INSTRUKTIONER FÖR ANVÄNDNING OCH ÄVEN EN KNAPP FÖR ATT SÖKA RÄTT PÅ NÄRMASTE APOTEK MED PRODUKTEN I LAGER.
KRONISK SJUKDOM DET HÄR ÄR HABIB. EFTERSOM HON HAR DIABETES STÅR HON I REGELBUNDEN KONTAKT MED VÅR- DEN. JAG HAR INTE HUNNIT SKICKA IN VÄRDENA FRÅN MOBILEN. SKÖNT ATT ALLT FINNS PÅ MITT KONTO SÅ KAN VI KOLLA DÄR VÅRDCENTRAL SOM INLOGGAD KAN HON BESTÄLLA UTRUSTNING OCH HJÄLPMEDEL......TILL EXEMPEL FÖR PROVTAGNING DIREKT IN I DIABETESAPPEN. EN SAMLAD BILD LEDER TILL ETT BRA MÖTE PÅ VÅRDCENTRALEN DET HÄR SER BRA UT, OCH DET SYNS PÅ DINA VÄRDEN ATT DU HAR BÄTTRE HÄLSA NU MOT NÄR VI SÅG SIST. HON FÅR VISUELLA MÄTVÄRDEN ÖVER TID OCH MOTIVATION TILL FYSISK AKTIVITET SAMORDNING, VALFRIHET OCH KONTROLL ÖVER SINA UPPGIFTER ÄR EXEMPEL PÅ SÅ- DANT SOM INVÅNARTJÄNSTERNA HJÄLPER TILL MED OCH SOM ÄR VIKTIGT FÖR ATT SJUKDOMEN INTE SKA TA FÖR STOR PLATS I HABIBS VARDAG. Inför ditt besök 21/10 Du behöver lämna ett blodprov Överför din insamlade data Att tänka på inför besöket: Du kommer ombes lämna urinprov... BOKA NU ÖVERFÖR
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque at mauris vel Pellentesque at mauris vel risus tempor volutpat!!!!! SLUTA RÖKA FÖRSTA DAGARNA GÅR BRA NADINE FÅR OCKSÅ UPPMUNTRANDE MEDDELANDEN OM ATT HON GÖR RÄTT SOM INTE RÖKER. Vårdguiden NADINE VILL BLI GRAVID OCH HAR BÖRJAT FUNDERA PÅ ATT SLUTA RÖKA, MEN INTE TAGIT FÖRSTA STEGET ÄN. MEN VISSA STUNDER ÄR DET SVÅRT OCH NÄR HON ÄR NÄRA ATT FÅ ÅTERFALL SÖKER HON STÖD OCH MOTIVATION GENOM TJÄNSTEN HON TRÄFFAR EN VÄN PÅ ETT CAFÉ OCH BERÄTTAR OM SIN VIL- JA ATT BLI GRAVID. VAD ROLIGT ATT NI VILL HA BARN! MEN DÅ MÅSTE DU JU SLUTA RÖKA MED DETSAMMA. HÄR, TESTA DET HÄR, DET ÄR ETT HJÄLPMEDEL FÖR ATT SLUTA SOM JAG BLEV TIPSAD OM PÅ MVC. BLIP BLIP ÅH, DET SER SJYSST UT, JAG STARTAR NU, ALDRIG MER RÖKA.. ETT VERKTYG SOM FUNGERAR BRA FÖR NADINE ÄR ATT ANVÄNDA FORUM. HÄR FÅR HON KONTAKT MED ANDRA OCH KAN DELA TIPS. ABSTINENS FORUM Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque at mauris vel risus tempor volutpat. Mauris lorem enim, volutpat a lacinia molestie, fringilla ac odio. Ut lacinia massa ut urna dictum, sed bibendum sapien vulputate. Integer quis nibh ut nisi interdum ornare vel vel lectus. Fusce ultricies magna vel cursus tristique. Proin porta lorem sed commodo faucibus. Nam aliquam metus rhoncus massa
59 Final words The conceptual design phase ends in a decision on what to do and overarching design. The Revisions of Ideas phase starts with turning objectives and concepts into: Requirements Sketched sitemaps Sketched wireframes Paper prototyping Formative UX testing
mattias.arvola@liu @mattiasarvola www.liu.se