Refine Your High-Fidelity Portfolio Project Designs

In this article, we will go through the process of updating your high-fidelity portfolio project prototype based on the most recent usability study results. The first part of the article will focus on which insights from your research you should incorporate into you design. In the second part of this article will focus on the design update based on the first part. Once you have updated your design, you’ll update your prototype.

The goals for this article are to:

  • Determine which research insights to apply to your designs based on priority.
  • Update your design based on P0 and P1 insights (P2 insights are optional).
  • Update your high-fidelity prototype to reflect changes made to your design.

Part 1: Determine which insights from your research you should incorporate into your design

To get started, open your research themes and insights for the usability study conducted on the mockups for your portfolio project. You’ll organize these insights from most urget to least urgent to determine which updates to make to your design in the second part of this activity.

Now it’s time to prioritizing your research insights from most to least urgent is the way to go. This way you would know which insights to use to update your design. It is best to identify these priorities with at least a couple of stakeholders in the project – such as a fellow designer, project manager, an engineer lead, or all of the above. Be prepared to advocate for some of the research insights that stakeholders may not immediately grasp the importance of, as they are likely to approach this process with their own biases and perspectives.

There will likely be a few key insights that must be fixed for the project to work. These insights, we consider as a Priority Zero (P0). For example, were there any parts of the user flow that prevented the user from completing their task? A roadblock this significant would be considered a P0.

Another example of a P0 would be if any part of the user flow made the user feel tricked or misled. For example, order comfirmation. If the users can’t get a confirmation that their order went through or not, they feel confused and tricked. This insight should mark as priority zero bacause its implication the user experience is huge that can prevent users from using the product.

A final consideration is the accessibility by the users. Your product should be accessible by every users with all abilities, backgrounds, and experiences. It is your responsiblity as the designer to advocate for accessiblity, as other stakeholders may not have the awareness and insight to do so.

After you’ve identified the most urgent insights to address, you’ll likely have some other insights that didn’t fit the description for a P0 insight. These additional insights may be separated into buckets based on priority. In addition to P0, you may have a buckets labaled Priority One (P1) and Priority Two (P2).

To illustrate P1, we can look at the booking of recurring Zoom meeting as an example. The feature of recurring meeting not really necessarily prevent users from booking or scheduling the meeting, but it does annoy the users. Without interupting the userflow, we can consider it as P1. P1 can be added to a prototype

Now, what makes an insight a P2? Well, once you take care of P0 and P1, everything else can fall into P2. These insights might make more sense to address in a later sprint of the project.

Part 2: Update your portfolio project prototype based on insights from your research

Go to the Figma or Adobe XD or other software that you use to craft your design. Click on Recent in the file folder to open your recent project. It is time to update your design and make sure that have a clear plan of action for updating your design based on the insights you prioritized in the first part of the article. Then, make updates from P0 to P1 and optionally, P2. The faster you can test, the quicker you can understand what updates need to be made or not.

Before update your prototype, the first thing you need to do is update your mockups. Once you’ve made all of the necessary updates to your mockups, your screens will be ready to be connected to form your prototype.

Once you have updated the mockup based on your prioritized insights from your research, it is time to bring it all together and update your high-fidelity prototype. Begin making connections from one screen to the next, just like you did the first time you created your prototype.

Golden Donuts high-fidelity prototype by Lylyna Heng

Be sure you’ve addressed the following criteria in your completed deliverable.

  • Determine which research insights to apply to your designs based on priority.
  • Update your design based on P0 and P1 insights (P2 insigths are optional).
  • Update your high-fidelity prototype to reflect changes made to your design.

Once suceesful update and refine your project prototype, you’re ready to add your designs to your portfolio case study slide deck.

Good Luck!

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s