Pro Yearly is on sale from $80 to $50! »

Craft Solution using Design Thinking

Craft Solution using Design Thinking

This was presented during RGB Training – UI/UX Workshop, a collaboration between Software Engineering and Database Research Laboratory, November 2017.

0c6fd6a08d0f898159cda7cafcacf07f?s=128

Afnizar Nur Ghifari

November 12, 2017
Tweet

Transcript

  1. Presented on RGB Training – UI/UX Workshop, a collaboration between

    Software Engineering and Database Research Laboratory, Telkom University Craft Solution using Design Thinking Craft Solution using Design Thinking @afnizarnur
  2. Hi there ! , I’m Afnizar

  3. Table of Contents Table of Contents - What is Design

    Thinking - Why we learn Design Thinking? - Design Thinking Process - Hands on Design Thinking
  4. What is design thinking?

  5. None
  6. “Design thinking is a human-centered approach to innovation that draws

    from the designer’s toolkit to integrate the needs of people, the possibilities of technology, and the requirements for business success.” Tim Brown, president and CEO, IDEO
  7. Craft Solution using Design Thinking @afnizarnur Design Thinking is a

    foundation, a philosophy, a toolkit for innovation
  8. Craft Solution using Design Thinking @afnizarnur The truth about innovation

    is that it’s all about people. We’re people creating things for people
  9. Why learn design thinking?

  10. To create a product, service, or experience that people want

    (desirability), has real potential to become useful (viability), and can easily or conveniently be built in terms of technology (feasibility). VIABILITY DESIRABILITY FEASIBILITY INNOVATION
  11. Craft Solution using Design Thinking @afnizarnur It’s important to stay

    focused on one phase at a time. And iterate fast.
  12. “Creativity is the habit of continually doing things in new

    ways to make a positive difference to our life” Dan Nessle, Hyper Island, 2015 https://medium.com/digital-experience-design/design-thinking-creativity-at-hyper-island-53d41fc359cc
  13. Design Thinking Process

  14. https://blogs.adobe.com/creativecloud/design-thinking-a-manual-for-innovation/

  15. But before that

  16. Craft Solution using Design Thinking @afnizarnur Every participants unite as

    a group, do introduction again, it’s okay if you’re already know each other.
  17. Empathize Empathize Empathize Empathize

  18. Craft Solution using Design Thinking @afnizarnur Empathize is the ability

    to put yourself in someone else’s shoes to start “seeing” things through his/her eyes.
  19. Why we empathize

  20. Craft Solution using Design Thinking @afnizarnur Information is gathered at

    this stage to use during the next stage and to develop the best possible understanding of the users, their needs, and the problems.
  21. 1. Interviews 2. Observation 3. Experience Build Empathy Craft Solution

    using Design Thinking @afnizarnur
  22. 5 Whys

  23. 5 Whys is an iterative interrogative technique used to explore

    the cause-and- effect relationships underlying a particular problem. https://en.wikipedia.org/wiki/5_Whys
  24. It states that if you ask “Why?” 5 times, you

    can get to the root of any problem.
  25. Aku putus sama pacarku. (the problem) 1. Why? - Dia

    nggak bales chatku. (First why) 2. Why? - Dia sibuk dengan kegiatannya. (Second why) 3. Why? - Dia ingin fokus. (Third why) 4. Why? - Agar dia tidak merasa terganggu. (Fourth why) 5. Why? - Prioritas utamanya adalah kegiatannya. (Fifth why, a root cause)
  26. Let’s start conducting the Interviews!

  27. https://blogs.adobe.com/creativecloud/design-thinking-a-manual-for-innovation/

  28. 10 Minutes

  29. After that, let’s discuss about the need and get insights!

    Craft Solution using Design Thinking @afnizarnur
  30. 5 Minutes

  31. Define Define Define Define Define Define Define Define De De

    De De De De De De ne ne ne ne ne ne ne ne
  32. Craft Solution using Design Thinking @afnizarnur - Define the point

    of view - Define the key problem Define has 2 stages
  33. To define, or re-define, the problem or challenge, a point

    of view (PoV) formula can help: PoV = persona + need + insight Define the point of view
  34. “Ara, a senior data scientist who loves to delight stakeholder

    with a well-designed report, because she felt the reports that have been there before is very uninteresting and hard to read." Example of point of view
  35. 4 Minutes

  36. Example: - Easy to use app - Design at the

    speed - Performance and quality - Meaningful workflows Define Key Problem
  37. 4 Minutes

  38. Why we define

  39. The Define stage will help the designers in your team

    gather great ideas to establish features, functions, and any other elements that will allow them to solve the problems or, at the very least, allow users to resolve issues themselves with the minimum of difficulty. Craft Solution using Design Thinking @afnizarnur
  40. Ideate Ideate Ideate Ideate Ide Ide Ide Ide te te

    te te
  41. Craft Solution using Design Thinking @afnizarnur - Diverge (Make as

    many choices / solutions as possible) - Converge (Select an option) The ideation has 2 stages
  42. Example: - Create an app with built-in graphical chart template

    - Create an AI that understand the report needs Diverge (Make as many choices / solutions as possible)
  43. 5 Minutes

  44. Write down all ideas and please keep silent!

  45. 5 Minutes

  46. Discuss the ideas

  47. Converge (Select an option)

  48. Please, thinker master guide your friend to choose the best

    idea.
  49. "If a picture is worth 1000 words, a prototype is

    worth 1000 meetings." - John Maeda
  50. Prototype Prototype Prototype Prototype

  51. Craft Solution using Design Thinking @afnizarnur A prototype is an

    amazing tool to help you fail fast to learn fast.
  52. https://www.smashingmagazine.com/2016/08/prototyping-for-success/

  53. We build prototypes to learn, solve conflicting ideas, start conversations

    and manage the building process. Craft Solution using Design Thinking @afnizarnur
  54. Crazy Eights

  55. https://library.gv.com/the-product-design-sprint-diverge-day-2-c7a5df8e7cd0

  56. When you want people to ideate quickly on an theme,

    Crazy Eights is a fantastic technique! Craft Solution using Design Thinking @afnizarnur
  57. Start by sketching the ideas we got from ideate process!

    Don’t cheat your friends Craft Solution using Design Thinking @afnizarnur
  58. 10 Minutes

  59. Craft Solution using Design Thinking @afnizarnur After that, every people

    start to explain the prototype
  60. 10 Minutes

  61. Test Test Tes Test Test Tes Test Test Tes Test

    Test Tes
  62. Craft Solution using Design Thinking @afnizarnur Test will help to

    understand what actually works and what does not.
  63. Craft Solution using Design Thinking @afnizarnur Test to refine prototypes

    and solutions, to learn more about the user, and to test and refine our PoV.
  64. Usability Testing

  65. Craft Solution using Design Thinking @afnizarnur Choose goal-based tasks Step

    1
  66. Craft Solution using Design Thinking @afnizarnur Write down the top

    five user goals on your solution
  67. 5 Minutes

  68. Craft Solution using Design Thinking @afnizarnur Write scenarios Step 2

  69. Task: Search an item you want to buy Scenario: Imagine

    you are a student from Telkom University. You’ve decided to create an social event for your class. Try to find some item that you need for your event. Example Craft Solution using Design Thinking @afnizarnur
  70. 5 Minutes

  71. Craft Solution using Design Thinking @afnizarnur Find the Participants Step

    3
  72. Craft Solution using Design Thinking @afnizarnur Start Testing! Step 4

  73. 10 Minutes

  74. Craft Solution using Design Thinking @afnizarnur When testing is complete

    go back to one of the previous phases and keep iterating, one phase at a time.
  75. trust the process and have fun!

  76. Thank you Thank you

  77. Feel free to ask me any question @afnizarnur afnizarnur.com