Research, wireframing, and prototyping for the mobile prototype for Genau, a way to connect individuals to experts in any field.


Create a mobile app that provides a great match between knowledge seekers and experts, as well as run usability tests in order to develop a test report.

Before conducting usability tests it was imperative to conduct card sorting, build a sitemap, and create several rounds of wireframing to address user needs. When I was able to have a clickable prototype I recruited participants to take the tests and provide feedback.


Four usability tests were conducted remotely while two were conducted in-person. Four out of six participants were able to complete all tasks, one completed all but one task, and one couldn’t complete two tasks. Half of the participants slightly agreed that the prototype was easy to use according to J.R. Lewis’ After-Scenario Questionnaire satisfaction metric. We identified the topmost critical errors using a high, medium, and low severity scale.


The research through the usability and preference testing spanned nine weeks.


I was the Lead Researcher and Designer.


Through extensive user research, I want to better align lifelong learners with their best expert matches.


I was the Lead Researcher and Designer. During this time I conducted card sorting sessions, create multiple sitemap iterations, create low-mid-and high-fidelity wireframes, as well as conducted usability and preference tests. 

VMorrison 3.2 Refining Your Sitemap with


My user personas were at the forefront of the next stages in the research to make sure I would continually address and refine the flows based on usability tests being conducted after several wireframing sessions.

Jodi, one of the personas, needed to find information quickly as she was juggling a full-time job, and researching going back to school. Gaining these insights helped to inform the sitemap and focusing on simplifying user flows in order to have the most-direct approach to this experience. ​

VMorrison 3.2 Refining Your Sitemap with


The process can be grouped into the following categories: sitemap, wireframes, and usability testing. The analysis after people participated in card sorting helped to inform information architecture before proceeding to wireframes.

SITEMAP. Using OptimalSort, five participants completed the exercise of sorting a selection of topics into defined categories for the app, Genau, as a way to further refine the initially developed sitemap.

I used rapid prototyping to begin the wireframing stage, which led to various rounds of low-mid-fidelity wireframes and a clickable grayscale prototype.

USABILITY TESTING. Four usability tests were conducted remotely while two were conducted in-person. I tested how to create an account, use the messageboard, and find an expert with a specific discipline.

VMorrison 3.8 Mid-Fifelity Wireframes &
genau - contact an expert 1 v2.png
genau - contact an expert 2 v2.png
genau - contact an expert 6 v2.png
genau - contact an expert 7 v2.png
genau - contact an expert 8 v2.png


Low-Fidelity Wireframes

I created low-fidelity paper sketches for both the app and desktop in order to not commit to a design, but rather quickly provide options based on the sitemap and previous card sort.

High-Fidelity Prototypes

In preparation for extensive usability testing, I prepared a clickable high-fidelity prototype that the participants could access via their mobile devices. 


Usability Tests

I ran a series of 15-minute tests either moderated remotely or in-person. During these recorded sessions I was able to gauge the participants' reactions and witness any frustrations based on their body language or

verbal cues.

Reporting Findings


After compiling all of the notes from the usability tests, I reported my findings, made additional recommendations for next steps, as well as put together a test report document.

Preference Tests

I further refined the onboarding and dashboard screens based on user feedback, and to start incorporating UI elements at this stage.

Design Collaboration

Once the high-fidelity clickable prototype was live using InVision, I reached out to several people for continued feedback in order to inform the next round of edits.



After running usability and preference tests, through the participants' feedback, the design will be informed by this input to continue iterating Genau.

We believe that by addressing and correcting these five most-important errors, Genau will satisfy the initial needs of its users while we continue to explore and correct additional errors. Through a second round of testing, we will be able to confirm if the changes have been appropriately identified and participants can work through the screens and find the best experts without issue.


Next steps to address would be updating the high-fidelity prototype to include full-color screens and another round of imagery based on the feedback from the preference and usability tests.

genau_find an expert1_v1.png
genau_find an expert6_v1.png

Any questions?

Let's chat.