$30 off During Our Annual Pro Sale. View Details »

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.

Afnizar Nur Ghifari

November 12, 2017
Tweet

More Decks by Afnizar Nur Ghifari

Other Decks in Education

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

    View Slide

  2. Hi there
    !
    , I’m Afnizar

    View Slide

  3. Table of Contents
    Table of Contents
    - What is Design Thinking
    - Why we learn Design Thinking?
    - Design Thinking Process
    - Hands on Design Thinking

    View Slide

  4. What is design
    thinking?

    View Slide

  5. View Slide

  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

    View Slide

  7. Craft Solution using Design Thinking @afnizarnur
    Design Thinking is a
    foundation, a philosophy, a
    toolkit for innovation

    View Slide

  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

    View Slide

  9. Why learn
    design thinking?

    View Slide

  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

    View Slide

  11. Craft Solution using Design Thinking @afnizarnur
    It’s important to stay focused
    on one phase at a time. And
    iterate fast.

    View Slide

  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

    View Slide

  13. Design Thinking
    Process

    View Slide

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

    View Slide

  15. But before that

    View Slide

  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.

    View Slide

  17. Empathize
    Empathize
    Empathize
    Empathize

    View Slide

  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.

    View Slide

  19. Why we empathize

    View Slide

  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.

    View Slide

  21. 1. Interviews
    2. Observation
    3. Experience
    Build Empathy
    Craft Solution using Design Thinking @afnizarnur

    View Slide

  22. 5 Whys

    View Slide

  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

    View Slide

  24. It states that if you ask “Why?”
    5 times, you can get to the root
    of any problem.

    View Slide

  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)

    View Slide

  26. Let’s start
    conducting the
    Interviews!

    View Slide

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

    View Slide

  28. 10 Minutes

    View Slide

  29. After that, let’s discuss about
    the need and get insights!
    Craft Solution using Design Thinking @afnizarnur

    View Slide

  30. 5 Minutes

    View Slide

  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

    View Slide

  32. Craft Solution using Design Thinking @afnizarnur
    - Define the point of view
    - Define the key problem
    Define has 2 stages

    View Slide

  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

    View Slide

  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

    View Slide

  35. 4 Minutes

    View Slide

  36. Example:
    - Easy to use app
    - Design at the speed
    - Performance and quality
    - Meaningful workflows
    Define Key Problem

    View Slide

  37. 4 Minutes

    View Slide

  38. Why we define

    View Slide

  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

    View Slide

  40. Ideate
    Ideate
    Ideate
    Ideate
    Ide
    Ide
    Ide
    Ide
    te
    te
    te
    te

    View Slide

  41. Craft Solution using Design Thinking @afnizarnur
    - Diverge (Make as many
    choices / solutions as possible)
    - Converge (Select an option)
    The ideation has 2 stages

    View Slide

  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)

    View Slide

  43. 5 Minutes

    View Slide

  44. Write down all ideas and
    please keep silent!

    View Slide

  45. 5 Minutes

    View Slide

  46. Discuss the ideas

    View Slide

  47. Converge (Select an option)

    View Slide

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

    View Slide

  49. "If a picture is worth 1000 words, a
    prototype is worth 1000 meetings."
    - John Maeda

    View Slide

  50. Prototype
    Prototype
    Prototype
    Prototype

    View Slide

  51. Craft Solution using Design Thinking @afnizarnur
    A prototype is an amazing tool
    to help you fail fast to learn
    fast.

    View Slide

  52. https://www.smashingmagazine.com/2016/08/prototyping-for-success/

    View Slide

  53. We build prototypes to learn,
    solve conflicting ideas, start
    conversations and manage the
    building process.
    Craft Solution using Design Thinking @afnizarnur

    View Slide

  54. Crazy Eights

    View Slide

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

    View Slide

  56. When you want people to ideate
    quickly on an theme,
    Crazy Eights is a fantastic
    technique!
    Craft Solution using Design Thinking @afnizarnur

    View Slide

  57. Start by sketching the ideas
    we got from ideate process!
    Don’t cheat your friends
    Craft Solution using Design Thinking @afnizarnur

    View Slide

  58. 10 Minutes

    View Slide

  59. Craft Solution using Design Thinking @afnizarnur
    After that, every people start
    to explain the prototype

    View Slide

  60. 10 Minutes

    View Slide

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

    View Slide

  62. Craft Solution using Design Thinking @afnizarnur
    Test will help to understand
    what actually works and what
    does not.

    View Slide

  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.

    View Slide

  64. Usability Testing

    View Slide

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

    View Slide

  66. Craft Solution using Design Thinking @afnizarnur
    Write down the top five user
    goals on your solution

    View Slide

  67. 5 Minutes

    View Slide

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

    View Slide

  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

    View Slide

  70. 5 Minutes

    View Slide

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

    View Slide

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

    View Slide

  73. 10 Minutes

    View Slide

  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.

    View Slide

  75. trust the
    process and
    have fun!

    View Slide

  76. Thank you
    Thank you

    View Slide

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

    View Slide