Download as PDF, PPTX
Uploaded byBoon Yew Chew
Visual thinking for service design — CanUX November 2016
The document presents a workshop on applying visual thinking (VT) to service design (SD), emphasizing the importance of user-centered and co-creative approaches in developing services. It details various techniques and principles of visual thinking, including the use of sketches, rich pictures, and service blueprints to illustrate complex service experiences and interactions. The workshop encourages participants to understand the user journey, visualize ideas, and design service propositions that address community needs.
More Related Content
![Measuring What Matters: A UX Approach to Metrics :: UX Days Tokyo [April 2015]](https://cdn.slidesharecdn.com/ss_thumbnails/uxdayswkshopmeasurewhatmatters2015-04-19slideshare-150423114153-conversion-gate01-thumbnail.jpg?width=640&height=640&fit=bounds)
![Measure What Matters: Crafting UX Success Metrics [UX Lisbon 2019, workshop]](https://cdn.slidesharecdn.com/ss_thumbnails/ux-lisbon2019metricswkshopshare-190523145123-thumbnail.jpg?width=640&height=640&fit=bounds)
Similar to Visual thinking for service design — CanUX November 2016
Visual thinking for service design — CanUX November 2016
- 1. VisualThinking forServiceDesign CanUX, Ottawa -11 November 2016 Boon Yew Chew, SapientNitro @boonych
- 2. Today'sagenda Why and What ApplyingVT to SD Visual thinking basics Workshop Activity
- 3. Inspiration for thisworkshop
- 4. Service Design involvesorchestrating activities, often complex and multi-layered, to deliver services in a specific way.
- 5. Service user Frontstage service employee Touchpoints (People, Place,Props, Partners, Processes) FRONTSTAGE BACKSTAGE Backstage service employee Partner service employees see "Service Design 101", Ruiz & Ross - Interactions Magazine (July 2014)
- 6. INTERACTION Speakers INTERACTION Cameras INTERACTION Lights INTERACTION Advertisement Display INTERACTION Locks INTERACTION INTERACTION Check-in Device INTERACTION USER Wearable Joker Card INTERACTION Drone INTERACTION Screen /Display INTERACTION Urban Furniture INTERACTION Payment Device ABLER h Sensor ENABLER Motion Sensor Vibration Sensor Infrared Sensor NABLER Beacon ENABLER Smart Beacon ENABLER Wi-Fi Network ENABLER Sound Sensor ENABLER emperature Sensor ENABLER Humidity Sensor ENABLER Weight Sensor Kg Joker Card METHODOLOGY FEASIBILITY DESIGN SCOPE FRAMING IDEATION USERINSIGHTS SERVICECONCEPT PROTOTYPE&TEST PERSON TEST PREPARATION TEST & EVALUATIO N BLUEPRIN T ROADMAP USERS’ JOURNEYS (S ERIO US PLAY) SCENARIO ID EA SELECTIO N -COCD BOX LOTUSBLOSSOM INTERVIEW: ACTORS MAP PERSONA DIMENSIONS PERSONA DESIG N CHALLENGE DESIGNREQUIREMENTS IN TERVIE W : USER EXPERIE NCE RESEARCH QUESTIO NS CONTEXT&OBJECTIVE Harvard Business Review January-February 1984 bit I rKlard ecution time minutes otal cceptable execution time 5 minutes Blueprint for a comer shoeshine Brush shoes Faciiitating services and products Une of vialblllty Not seen by customer essary Select and purchase supplies uires much
- 8. Punchy label image attributionurl goes here
- 11. Sowhat'svisualthinking? it is theactivity of making sense of things using visuals
- 12. Punchy label image attributionurl goes herehttps://www.flickr.com/photos/eekim/13920189148
- 13. Imagining (mind) Seeing (eye) Drawing (hand) Experiences in VisualThinking (Robert H. McKim) Threekindsofvisualimagery
- 14.
- 15.
- 16. 1. Developing empathy 2.Visual sensemaking 3. Illustrating complexity 4. Visualising experience Whyvisual thinking forService design?
- 17. User-centred Co-creative Sequencing Evidencing Holistic Applying visual thinkingto Servicedesign through SD’'s 5principles* *This is Service Design Thinking - Stickdom & Schneider, 2014
- 18. User-centred Services should beexperienced through the customer's eyes
- 19. Co-creative All stakeholders shouldbe included in the service design process
- 20. Service conceptual model PHYSICALPRODUCTS PRINT & MEDIA MOBILE & APPS ONLINE & INTERNET BANKING PHONE CALL BRANCH OR OTHER LOCATION Re-AssessSet up UseAwareness Research Show me howCompare Li Europan lingues es membres del sam familie. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit Neque porro quisquam est, qui dolorem ipsum quia Idea Idea Idea Idea Idea Idea Idea Idea Idea Idea Idea Idea Idea Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi The service conceptual model describes how related ideas map across various channels and stages. It also describes at a high level how customers flow between these ideas, indicating key transition points where customers progress from one activity to another. Stages within the customer lifecycle Ideas from the ideation phase Connectors for related ideas Customer flows or transitions Self-directed vs. social interactions Channels Idea Idea Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, Idea Idea Idea Idea Idea Idea Idea IdeaIdea Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules Slider People like me Idea Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Donec vitae sapien ut libero venenatis faucibus Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu Idea Idea Idea Idea Idea Idea Idea Idea Idea Idea Idea Idea Idea Idea Ma quande lingues coalesce, li grammatica del resultant lingue es Europan lingues es membres del sam familie. Lor separat existentie Idea Idea Idea Idea Idea Idea Li lingues differe solmen in li grammatica, li pronunciation e On refusa continuar payar custosi traductores. At solmen va esser Idea Idea Idea Idea Por scientie, musica, sport etc, litot Europa usa li sam vocabular Idea Idea Idea Idea Idea Idea Idea Idea Idea Idea Idea It va esser tam simplic quam Occidental in fact, it va esser Occidental IdeaIdea Idea Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus Idea Idea Idea Idea Idea Nullam quis ante. Etiam sit amet orci eget eros faucibus Idea Sequencing The service should be visualised as a sequence of interrelated actions
- 21. Evidencing Intangible services shouldbe visualised in terms of physical artefacts
- 22. Holistic The entire environmentof a service should be considered
- 23. 1. Text isvisual 2. Use a visual alphabet 3. Connectors & organisers 4. Use visual frameworks Visual thinking building blocks
- 24. 1.Textisvisual upper & lowercase size and weight shapes and styles
- 25. point line arcangle spiral loop (open) circle leaf triangle rectangle house cloud (closed) DaveGray’sglyphstobuildavisualvocabulary http://www.davegrayinfo.com 2.Useavisualalphabet
- 26.
- 27. Example:Drawingpeople Legs and armsare slightly longer than body The head is more than half the size of the body Body Legs Arms & hands Head & neck Eyes & nose
- 28. Example:Drawingfaces Experiment with eyebrowsand mouths to get different facial expressions With the head as a circle, use the pointed part of the nose to signal direction
- 29.
- 30.
- 31.
- 32.
- 33.
- 34.
- 35.
- 36.
- 38.
- 39.
- 40. The 8-minute drawing challenge WARM-UPDRAWING EXERCISE
- 41. 1. UNDERSTAND Understand the briefand target audience 2. EXPLORE Explore the problem space using rich pictures 3. IDEATE Develop service ideas with touchpoint sketches + + Communicate your proposition with a service poster 4. SYNTHESIZE
- 42. Servicedesignbrief “”"art for all" Aneighbourhood art museum focusing on local culture and history wants to better serve families with small children while keeping it enjoyable to other visitors. Your job is to design a service that addresses young family needs while fostering a sense of community. 1. UNDERSTAND
- 43. Challenges Characters Components Characteristics The4Cs (service users,frontstage & backstage employees, partners...) (touchpoints, systems, places, processes...) (social, emotional, technical, organisational, environmental...) (context, scenario, environment, situation...) BONUS: visualise each item with a drawing
- 44. assumptions made evidentin your sketch? how sketches help you think about the service problem? sketching ‘the 'invisible' - context, feelings, concepts Sketchingobjects:thinkabout…
- 45. Exploring problems using RichPictures 2. EXPLORE
- 46. For thinking throughcomplex problems Comes from Soft Systems Methodology (P. Checkland) No rules for how you create rich pictures Richpictures https://en.wikipedia.org/wiki/Rich_picture
- 47. - people - arrows(influence) - thought bubbles - question marks (assumptions) - bounding areas - swords (conflict) - labels, lots of labels... Commonin RichPictures https://www.flickr.com/photos/johannakoll/6798095786
- 48. what problems areworth solving? how are your characters involved? how do the relevant parts work together? what’s the big picture idea? Userichpicturestofigureout…
- 49.
- 50. Sketching touchpoints to developservice ideas 3. IDEATE
- 51. Rapidly evaluate multipleservice ideas Use the service blueprint to consider which areas to tackle Exercise: Sketching touchpoints
- 52. For thinking throughcomplex problems Comes from Soft Systems Methodology (P. Checkland) No rules for how you create rich pictures Richpictures
- 53. Service blueprint Awareness & Consideration Planning& Provisioning Travel & Arrival Orientation & Seeking Supplementary paths & Activities Resolution & Departure Post event Touchpoints Service users Line of interaction Front stage Line of visibility Backstage & Partners Visual Thinking for Service Design — Workshop Handouts boon.chew@gmail.com @boonych
- 54. Service blueprint Awareness & Consideration Planning& Provisioning Travel & Arrival Orientation & Seeking Supplementary paths & Activities Resolution & Departure Post event Touchpoints Service users Line of interaction Front stage Line of visibility Backstage & Partners Visual Thinking for Service Design — Workshop Handouts boon.chew@gmail.com @boonych
- 55. think like acopywriter & sketch like a prototyper what details reveal what you want to validate? what clues do you give about the object and context? what is 'just enough' detail’ in your sketches? what is common vs. what might need 'explaining'? Sketchingtouchpoints…
- 56. 4. SYNTHESIZE Create aservice poster visualising your service proposition
- 60. Punchy label image attributionurl goes here
- 61. bring to lifethe various parts of the service show how the characters and elements inter-relate highlight problem areas you think are worth tackling Useyourposterto…
- 62.
- 63.
- 64. Fineliner or fine-tippen Shading marker Chisel tip marker Other common tools: Ballpoint pen, Highlighter, Sharpie, Whiteboard marker Basictools Ultra-fine point sharpie, Muji gel ink 0.38 or 0.5 Edding 33 Tombow ABT Muji gel ink 0.5 Tombow ABT brush pen Edding 33 chisel tip
- 65.
- 66.