Slide 1

Slide 1 text

Travel Mobile App by Kevin Al-Rizal 17 Pro Tips to Improve Your UX Design
 Case Study for each section of it

Slide 2

Slide 2 text

Now...what you 
 need to prepare to start your UX Design Career Solid Skills on UX Design Process Powerful UX Design Portofolio

Slide 3

Slide 3 text

Now...what you 
 need to prepare to start your UX Design Career Solid Skills on UX Design Process Powerful UX Design Portofolio Completed

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

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?

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

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”

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

Create Stunning Image Thumbnail Tips 02

Slide 11

Slide 11 text

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%.

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

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

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

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

Slide 17

Slide 17 text

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

Slide 18

Slide 18 text

How to Balance 
 Visual and Text 1 On each 2-3 scrolls, 
 put one image. 2 Visualize idea or concept 3 Polish deliverabels

Slide 19

Slide 19 text

Tips 07 Visualize ideas 
 or concept

Slide 20

Slide 20 text

Tips 08 Articulate Your 
 Logical Thinking

Slide 21

Slide 21 text

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

Slide 22

Slide 22 text

Rework and Polish Your Deliverables Tips 10

Slide 23

Slide 23 text

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

Slide 24

Slide 24 text

~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.

Slide 25

Slide 25 text

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

Slide 26

Slide 26 text

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

Slide 27

Slide 27 text

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

Slide 28

Slide 28 text

Tips 13 Please. Test your 
 design and iterate.

Slide 29

Slide 29 text

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

Slide 30

Slide 30 text

Tips 15 Set your metrics. 
 Not just one time success metrics, but trackable and actionable metrics.

Slide 31

Slide 31 text

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

Slide 32

Slide 32 text

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

Slide 33

Slide 33 text

Tips 17 Ask any questions you have in mind!