John Biebel UX and Experience Design
Notes4BluePurple.jpg

Design: User Flows

Using Personas for flow development

By developing user flows consistent with persona behavior, site pages can be created for specific users in mind

 
 
 
CareerServices-01.png

Personas and design

Personas can help to create user flows that will explain the way that a product can take shape. In fact, they can work back and forth, as user needs are understood better, and product features are honed and shaped to better meet those needs. In the product Career Success, I created visual maps for their journeys as if they were travel paths, to help emphasize the fact that there are steps in the process and a final destination.

 
BaileyUser Journey 1.png
 
 

Bailey has important demographic information listed in his profile, which also includes motivations and a brief (easy to remember) rendering of his persona. The left maps out how he would use a potential product, Career Services.

 
AshleyUser Journey 2.png

Ashley has similar features to her profile, but with a somewhat different user journey, as she enters the process later. What was important in designing this for stakeholders was to provide enough visual context of the journey to be inviting, but not to overload with too much cognitive information at this point. The journey is what is most important.

 
Pg1 Career Start V2.jpg

The above design was my solution for a learner portal into the career tool, showing the featured tools and focus on the career path.

 
Pg2 Creating Career & Goal Path V2.jpg

Once in side the site, the learner would be able to explore his or her career options based on data that they would fill out, and then the tool offers suggestions for courses that would help to achieve this goal. The card designs mimic the same designs that are found on the main platform site.

 
Pg3 Creating Your Story V3.jpg

Our persona Bailey is able to add to a personal story, a kind of proto-resume, which will help him define a picture of what his own career path will look like. It encourages him to create rich content for his own portfolio of achievements and learning.

Next Page: Identity Authentication