Inspirations for UX Process Book

Yutong Zhang
Prototypr
Published in
5 min readOct 14, 2019

--

A few curated examples that I enjoyed reading about.

As young designers, we always wondering how to showcase our best work. How can we tell a compelling story via our process book? I got a few inspirations from Behance.

Process Book 101

To me, a UX project is a solution to the spotted problem instead of beautifully crafted visual designs. We aim to deliver a way to help enhance usefulness, usability, and delightfulness. As UX designers we are data-oriented and we build each step from our research. Before I start with sharing an example, here is a step-by-step guide of how to create your process book by Daisuke Endo.

From Endo, A few things that we would like to include in our process book would be:

  1. Debriefing: What is the problem?
  2. Research: What do users/data tell us about the problem?
  3. Organizing You Research: Synthesis of previous findings.
  4. Ideation: How might we improve/redesign?
  5. Development: Sketch, prototype, and test! Tons of iterations involved.
  6. Conclusions: Results & Takeaways.
(Basic Structure of a Process Book — Daisuke Endo)

1. EMart by Multiple Owners

With a really smooth and minimalistic presentation, the Emart project has received thousands of likes on Behance. The yellow color is compelling as well the story they are telling. A detailed design process and throughout research are included. I like their visual presentation of data in a non-disturbing way. I don’t have to find things I want from ten different bar charts and graphs.

The Emart showcase via Behance

They also do a good job of connecting their solutions with previous research. With each feature tailor to user pain points, the Emart project presentation is logical and easy to understand. The table of contents definitely helps the audience to get a better sense of what they are expecting to see in the next section.

Solutions

Beyond offering brilliant solutions, the team also does a great job of defining design specs. It is important to keep things organized in a professional way. With a well-defined design system, everyone in the team can access the assets with ease.

Design Specification

Finally, they add a delightful touch on the splash to keep users informed and interested in the upcoming events.

Splash Screens

2. Pockee by Multiple Owners

The Pockee team offers a great example of how to transform data into the design for a family banking app. The project grabs my attention instantly by subtle animations and video introduction.

Pockee Showcase

Time management is important for either a team or an individual. With a clear goal and schedule in mind, one can work efficiently and be well-organized. Team Pockee does a good job by including their scope of work and timeline. I can easily understand their design process as well as how they split work throughout twelve weeks.

Scope of Work and Timeline

It is also important for us to gather both quantitative and qualitative data during the research stage. Team Pockee included their findings from both primary and secondary research. A good data visualization eaze the burden for the audience to read through. I would like to know about what does one specific interviewee feels about saving money as well as how would the world react to payment experience. Team Pockee has me covered.

Primary and Secondary Research

With the data in mind, team Pockee transfers them into insights. Concise insights always help to uncover design opportunities. I can tell that I am going to see great solutions that they offer to help kids to learn about financial ideas and save money voluntarily.

3. Starbucks Redesign by Tofudesign

This is a redesign project for Starbucks. The team does not include their process in creating all those wonderful micro-interactions of well-crafted icons. However, the showcase still draws tons of likes from Behance. I believe that they aim to deliver delightfulness as I can feel the comfort and ease of imagining myself using the app. Just like other people, I would wish to have a Starbucks app like this!

Starbucks Redesign by Tofudesign

The original Starbucks app facilitates users to order online or in-store. It is already a handy app to use with. Therefore, it may be unnecessary to add new features when it comes to redesigning. Team Tofudesign offers a way to enhance delightfulness in the presented solution. With custom illustrations, remade icons, and subtle animations, I don’t have to read their sketches of those to get a sense of enjoyment. I think their showcase is a good example for the Show, don’t tell quote for writers.

Icon and Illustrations

Final Words

Finally, I would like to briefly talk about the UX Trend. We can easily see that those popular projects are minimalistic while conveying ideas effectively. I include Design Trend of 2019 to refer to if you would like to keep up with the trend! I’d love to hear about your thoughts in the comment section. :)

--

--

Master Student @CCA studying Interaction Design. UX Design Intern @Microsoft. Portfolio: yutongzhang.me