Concept Design. Mattias Arvola

Transkript

1 Concept Design Mattias Arvola

2 2 Today s Lecture Ideation using structured design concept divergence Structured detailing of concepts ideas Storyboards at a conceptual level Pugh charts

3 3 Film Time The Exciter

4 GROUP WORK 1 day/week 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 5 AFTER THE USER STUDY THE OVERARCHING DESIGN IS TO TAKE FORM AND WHAT TO DO IS TO BE DECIDED

6 6 User Research Deliverables Research-based Personas and Problem Storyboards Design and UX Goals

7 7 Concept Ideation Deliverables A wide variety of concepts Pugh-charts A concept proposal Poster Other design material?

8 CONCEPT DESIGN REVISIONS & DETAILED DESIGN USER RESEARCH

9 fuzzy front end: uncertainty >> pazerns >> insights clarity >> focus design criteria ideas concept prototype product concept revisions detailing

10 10 A process characterized by Uncertainty Experiments of thought Sketching Judgement and assessment Decisions

11 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 12 The Conceptual Level Who does what, when, where, how and why? Agent, act, scene, means och purpose (Arvola, 2005) The Concept Sheet:

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

14 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

15 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

16 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 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 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 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 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 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 22 WORK SYSTEMATICALLY WITH RANDOMNESS!

23 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

24 Level of abstraction Project time 21

25 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

26 Communicate with others Look at films Find your way Play games Control what the kids are doing

27 Communicate with others Look at films Find your way Play games Control what the kids are doing 24

28 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

29 Medium Tool Dream Game Person 26

30 Medium Tool Dream Game Person 27

31 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

32 Full of feeling Discoverably Imaginatively Suggestively Surprisingly 29

33 Full of feeling Discoverably Imaginatively Suggestively Surprisingly 30

34 Functions- driven divergence based on Brainwriting 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

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

38 SKETCHES AND DESCRIPTIONS OF CONCEPTS 38

39 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 40 The Time Machine You can at some places point the camera towards a view and manipulate a time filter towards the past.

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

42 55

43 Sketchy Concept Video 43

44 Concept Selection with Pugh Charts 44

45 45 Good Design in Different Ways Technical Build Quality Practical Functionality Communication Organization Aesthetic Impact Ethics

46 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

47 The Time Machine The Walking Quiz Show and Tell The Interactive Map The Sidekick Mythical Creatures Spatial Talking Book Curiosity Leaving Traces Focus on the Landscape Communicate Astrid Lindgren Support Outdoors Education Cost Feasibility Viability Longterm Experience Total Total Total

48 The Time Machine The Walking Quiz Show and Tell The Interactive Map The Sidekick Mythical Creatures Spatial Talking Book Curiosity Leaving Traces Focus on the Landscape Communicate Astrid Lindgren Support Outdoors Education Cost Feasibility Viability Longterm Experience Total Total Total

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

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

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

54 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& &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. They&find&treasures&in&the&form&of&various& media&along&the&way,&and&the&treasures& are&sent&to&owen's& &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.

55 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 IDAG SÅG VI EN OVANLIG FÅGEL NERE VID VATTNET 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.

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

57 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

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

60 @mattiasarvola