Upgrade to Pro — share decks privately, control downloads, hide ads and more …

17 Pro Tips to Improve Your UX Design Case Study

Ravi Mahfunda
October 26, 2022
78

17 Pro Tips to Improve Your UX Design Case Study

Ravi Mahfunda

October 26, 2022
Tweet

Transcript

  1. Travel Mobile App by Kevin Al-Rizal
    17 Pro Tips
    to Improve

    Your UX Design

    Case Study
    for each section of it

    View full-size slide

  2. Now...what you 

    need to prepare
    to start your

    UX Design Career
    Solid Skills on UX
    Design Process
    Powerful UX Design
    Portofolio

    View full-size slide

  3. Now...what you 

    need to prepare
    to start your

    UX Design Career
    Solid Skills on UX
    Design Process
    Powerful UX Design
    Portofolio
    Completed

    View full-size slide

  4. UX Portfolio
    UX Case Study is a well
    documented process of a
    designers’ approach on how they
    solving real/fictional business and
    user problem through design.
    UX Case Study
    Creative Cycle by Shakuro Graphics

    View full-size slide

  5. The 6 Basic
    Structure
    1 Overview 1
    2 Background 1
    3 Approach 1
    4 Solution 1
    5 Validation 1
    6 Conclusion
    Start
    What inside a case study?

    View full-size slide

  6. 2 Background 1
    explain WHY the project is done.
    1 Overview 1
    giving a glance of how the project going
    3 Approach 1
    explain HOW the project is done.
    4 Solution 1
    explain the OUTPUT of the project
    5 Validation 1
    explain how your EVALUATE the output
    6 Conclusion 1
    explain the closure of the project

    View full-size slide

  7. Good Overview Section giving a glance of how the project going
    Catchy and
    informative title
    Short
    explanation ofY
    Q the projecX
    Q the procesV
    Q the impact
    Stunning
    Thumbnail image

    View full-size slide

  8. Bad title example
    Why it is bad7
    ) Doesnt trigger curiosit!
    ) Doesnt tell much about the projecE
    ) Could be hundreds of case study title just like this
    “Vidio Redesign UX Case Study”

    View full-size slide

  9. How to write catchy and
    informative case study title
    Redesigning Vidio
    Watchpage to Increase
    Watcher’s Interaction
    1 Type of project
    2 Product name
    3 Feature or flow name
    4 Impact of the project
    2
    1
    3
    4
    4
    Tips 01

    View full-size slide

  10. Create Stunning Image Thumbnail
    Tips 02

    View full-size slide

  11. Write a Project
    Overview
    Tips 03
    1 Brief about the product
    2 Problem to solve
    2 Highlight of the process
    3 Impact of the project
    Example:
    Vidio is online streaming platform for
    Indonesian TV channels, sports match, and
    various other. Million of watchers visit the
    app on each day. But on our research we
    found, most of users only stay up to 5
    minutes on each video they watch.

    This project is about how we redesign the
    watchpage of our app through combination
    of in-depth research and collaborative
    brainstorming session. Resulting the
    increased watch time to 150%.

    View full-size slide

  12. Good Background Section explain WHY the project is done.
    Not too long
    Describe the
    target user
    State the
    problem clearly
    Explain the
    urgency
    What are the
    goals
    Not to short
    Start with story
    Supported
    by data

    View full-size slide

  13. What to explain in
    backrgound
    1 Background story
    2 Supporting data
    3 Targeted User
    4 Problem statement
    5 Problem urgency
    6 Project goals
    Tips 04
    1
    2 3
    4
    4
    6
    6
    5

    View full-size slide

  14. 1 Background story
    2 Supporting data
    3 Targeted User
    4 Problem statement
    5 Problem urgency
    6 Project goals
    1
    2 3
    4
    4
    6
    6
    5
    Make sure these 

    2 item super clear

    View full-size slide

  15. Tips 05
    Not too long but not too short.
    Around 2-3 paragraph with
    4-6 sentences each.

    View full-size slide

  16. Good Approach Section explain HOW the project is done.
    Declare limitation
    Show your
    expertise and
    focus
    Visually-text
    balanced
    Plan and strategy
    Include personal
    reasoning

    View full-size slide

  17. What is limitation
    Communiciate
    Limitation 1 Time Allocation
    2 Resources Available
    3 Working Scope
    to set reader’s expectation
    Tips 06

    View full-size slide

  18. How to Balance 

    Visual and Text
    1 On each 2-3 scrolls, 

    put one image.
    2 Visualize idea or concept
    3 Polish deliverabels

    View full-size slide

  19. Tips 07
    Visualize ideas 

    or concept

    View full-size slide

  20. Tips 08
    Articulate Your 

    Logical Thinking

    View full-size slide

  21. Tips 09
    To Show Expertise, empasizeon the process that you mastered

    View full-size slide

  22. Rework and Polish Your Deliverables
    Tips 10

    View full-size slide

  23. Good Solution Section explain the OUTPUT of the project
    Well executed
    design
    Interactive
    Show key
    screens in
    manner
    Guide readers
    eye
    Show how it solve
    the problem
    Demonstrate
    how it works

    View full-size slide

  24. ~75%
    have proper and complex process
    but still produced below standard
    outputs. In term of visual, interaction,
    and usability pattern.
    In my personal research i found
    Tips 04
    Spend more time on your
    design skill. Visual design
    and get familiarized with
    common UI pattern.

    View full-size slide

  25. Tips 11
    Show and explain each solution
    part one by one.

    View full-size slide

  26. Tips 12
    Don’t embed prototype. Present in
    videos to demonstrate how the
    solution works easier.

    View full-size slide

  27. Good Validation Section explain how your EVALUATE the output
    Evaluate your
    solution
    Iterate and
    improve
    Show analytics
    skills
    Prove it solve the
    problem
    Extract
    qualitative and
    quantitative
    insight

    View full-size slide

  28. Tips 13
    Please.
    Test your 

    design and
    iterate.

    View full-size slide

  29. Tips 14
    Don’t only capture the
    numbers. Capture the
    thoughts too!

    View full-size slide

  30. Tips 15
    Set your metrics. 

    Not just one time success metrics,
    but trackable and actionable metrics.

    View full-size slide

  31. Good Conclusion Section explain the closure of the project
    What is the
    biggest
    challenge
    What is the next
    step
    How you 

    encounter it
    What is lesson
    learned

    View full-size slide

  32. Tips 16
    Make it authentic. If you can
    copy and paste it to your other
    case study. Then it’s not.

    View full-size slide

  33. Tips 17
    Ask any questions
    you have in mind!

    View full-size slide