17 Pro Tips to Improve Your UX Design Case Study

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

10. Create Stunning Image Thumbnail
    Tips 02
    

    View 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 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 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 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 Slide

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

    View 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 Slide

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

    View 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 Slide

19. Tips 07
    Visualize ideas 

    or concept
    

    View Slide

20. Tips 08
    Articulate Your 

    Logical Thinking
    

    View Slide

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

    View Slide

22. Rework and Polish Your Deliverables
    Tips 10
    

    View 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 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 Slide

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

    View Slide

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

    View 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 Slide

28. Tips 13
    Please.
    Test your 

    design and
    iterate.
    

    View Slide

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

    View Slide

30. Tips 15
    Set your metrics. 

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

    View 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 Slide

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

    View Slide

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

    View Slide