Open Site Navigation

Pain Points

Motivations

Behaviours

UNDERSTAND

RESEARCH

ANALYZE

SKETCH

PROTOTYPE

TEST

Understand the problem

Primary research

Secondary research

Persona

User stories

Experience map

Pen to paper

Solution sketch

Grey-scale wireframe

Hi-fi wireframe

User testing

Refine, Refine, Refine

Timeline

Role

Client

Tools

10 weeks

UX/UI Designer

BrainStation

Figma, Figma Mirror, Invision, Zoom, Google meet, Pen & Paper, Otter

JOSEPH GEORGES

GOALS:

Wants to make a career change

Wants to feel passionate about his job

To find easy access for resources & information on how to start a new career

FRUSTRATIONS:

Feels overwhelmed with the available information & resources

Feels as if he is alone during the career change path

Does not know of a platform that can help him with this new chapter

Before putting pen to paper, I decided to create a mood board. Setting up this board gave me a great perspective on how I wanted the eventual look and feel of Forward to portray. I decided to look for colors and photos that gave off a calming, yet motivational feel.

My girlfriend created an excel spreadsheet for me, that included potential programs I would enjoy, average salaries of different industries, credits & requirements to apply to different institutions and much more. This single spreadsheet has changed my life as shortly after going through it I applied to BrainStation. When deciding on my final capstone project, I considered my past struggles and wanted to see if this was a real issue that other people experienced. I thought back to the spreadsheet and knew right away that I wanted to create a user centered solution that provided everyone with the opportunity to be given information that could help transform their lives.

Top emerging themes & insight statements.

Theme:

Insight Statement:

Lack of available information

Young adults are finding it tough to acquire information on potential career paths.

No guidance after highschool

Once completing highschool, there is very limited guidance to help with career searching.

Daunting/Overwhelming

The whole process of starting down a career path can very daunting & overwhelming.

People will be willing to use a new app and consider it to be credible.

Young adults & job seekers are overwhelmed with the amount of information/resources available on the internet.

Forward will be better than the competition because it will be more user centered in how information and next steps are provided.

After completing my initial research and creating my hypothesis, I knew this was an issue shared by many. This led me to build a HMW along with some assumptions & constraints.

"How might we make resources regarding career paths available to young adults in order to help guide them to a career that is designed for them."

Now that I had my HMW in place, it was time to think of some constraints & assumptions that could arise within this potential solution.

Constraints.

As of right now, no space for monetary gain. Why pay/download an app if all the information presented could be located online.

Lots of work/time will need to be dedicated to apps database.

Not everyone is looking to make a career change, and those who are must be of legal age to work.

Assumptions.

Let's talk to real people.

After thinking of possible constraints & assumptions it was time to create my interview guide and have real conversations with real people. I interviewed 5 young adults, all who were potential job seekers or people that were not as happy with their jobs as they would like to be. To gain even more insights I sent out a survey to 10 people, all in similar situation to the interviewees. 

My name is Max Tagesen, and I am a UX/UI designer  based out of Vancouver, B.C, with a strong passion for designing around inclusivity & accessibility.

My name is Max Tagesen, and I am a UX/UI designer  based out of Vancouver, B.C, with a strong passion for designing around inclusivity & accessibility.

My name is Max Tagesen, and I am a UX/UI designer  based out of Vancouver, B.C, with a strong passion for designing around inclusivity & accessibility.

My name is Max Tagesen, and I am a UX/UI designer  based out of Vancouver, B.C, with a strong passion for designing around inclusivity & accessibility.

FORWARD

Before we move Forward, how about some context?

Fantastic educational institutions and ever growing career fields, our world is changing fast and continuously presenting new opportunities. Forward is here to make sure that everyone has the resources and information needed in order to keep up with this fast paced world.

Where it started.

Upon graduating high school (nearly 7 years ago) I spent quite some time working odd jobs. I didn't enjoy any of them, and the pay was just alright. The thought of pursuing a program/course at a University/College in order to start a desirable & meaningful career seemed so incredibly overwhelming & almost impossible to me. I had no idea where to start & I felt so lost.

The "This is it" moment.

The process of moving Forward.

What is the actual problem?

Less than 50% of U.S workers feel they are in good jobs.

Only 29% of millennials are engaged at work; with the other 71% either not engaged or actively disengaged.         

Furthermore 6/10 millennials say they are open to new & better job opportunities.         

Hypothesis.

By creating a digital solution that can provide all the vital information/resources as well as guide young adults & potential job seekers towards a career path that is meant for them, I will be able to benefit them by relieving major pain points associated with entering the career field or transitioning within

Insights & Key findings.

Once my interviews were wrapped up and my surveys had been completed, I categorized all my information into Pain Points, Motivations & Behaviours. This allowed me to see some very interesting themes and let me narrow the focus on creating a user-centered solution.

Using the detailed themes & insight statements, I was now ready to build my persona and take another step towards creating a user centered solution.

Persona.

See the problem through Joseph's eyes.

I decided to take an in depth look into how Joseph would go about making a career change, specifically focussing on applying to an educational institution, I presented this information by using an experience map. This let me visualize what problems he is facing and where there is room for intervention

After taking a look at Jospeh's step by step experience, it was clear there were multiple opportunities for design intervention.

The two major opportunities I identified within the experience were:

"Provide all needed info/resources into one platform".

"Guide users through all the steps needed in order to achieve their goal".

Translating stories into tasks.

Next up, was to create numerous user stories from the perspective of Joseph. These stories were all written for potential digital solutions to be implemented in order to work towards a human centered solution.

I chose this to be my core epic as I believe that regardless of if it is a young adult looking to launch a career, or someone who is just looking to advance their career, it will involve some sort of education. Whether it be a 4 year program, or a one week course, education plays a vital role in helping users reach their end goal.

Using this core epic, I created a digital user flow to visualize how Joseph can access multiple functionalities in one platform to help with his career change.

Pen to paper.

To start off my ideation process I used nothing more than my jam packed notebook and a handful of pens. I began by sketching out some digital screens and eventually used the best one to turn into a lo-fi digital wireframe in figma

I chose to design for iOS and therefore used Apples Human Interface Guidelines to help me through the visual design process.

The original search function on the home page read, "Select your career." This confused some of the users as they associated the word "select" with only the drop down menu, and not the search option. After changing the word from "select" to "search" there was a good balance of how users used this function.

The original layout on the left was quite crammed and the different cards were competing against each other for hierarchy. In the redesign, cards were lined up vertically with the text being aligned to the left using auto layout. This made it much easier for users to scan the various titles within the cards.

Who we are.

When creating Forwards visual identity, I wanted to make sure that the colours, logo & wordmark really portrayed what this app was created to do; 

Educate 

Take weight off of users shoulders

Create a calming atmosphere during big decisions 

Like most of what you have seen so far within this case study, the creation of the Forward logo also began within my notebook. I wanted to incorporate the name itself into the logo and wanted to keep it quite minimalistic.

The process of creating the app icon was very similar to that of the logo creation. I wanted potential users to know that this is Forward, without having to see the full name, and I believe the strong F with the arrow really captures that.

The finished product! For now....

Although we are coming to the end of this case study and a polished prototype has been presented, Forward is far from being completed. Our core task has been accounted for, but a platform like this will need to be tested further. I look forward to working on this app and continue user testing in order to continuously focus on a user centered solution.

Moving Forward.

After dedicating the last 10 weeks of my life to bring Forward to life, I definitely learned a lot. 

Education and a real work life balance is something that should never be overlooked, and never taken for granted. It is something that regardless of what job you work, or level of education you have, everyone should should have the tools needed to break out of their cycle and find what they want to do. 

It's an amazing feeling knowing that in only 10 weeks times, I have contributed to solving an issue faced my so many. 

Thank you so much for taking the time to read through this case study. I appreciate each and everyone of you. This is my first UX case study I have ever done after only learning for 10 weeks and I couldn't be more proud of myself. I look forward to entering this amazing field and continuing to grow as a UX/UI Designer.

"EDUCATIONAL INSTITUTION RESOURCES"

After completing my first round of grey scale wireframes and turning them into a working prototype within figma, it was time to begin user testing. I tested my prototype with 5 different users who were all given certain tasks within the the app. After each user had finished with their tasks and navigating the prototype I received useful feedback and areas for improvement. I took everything they said seriously and went back to my wire frames to revise and make changes.

Getting the mood right.