top02

Qubiko

Qubiko is an app connecting career professionals with job seekers who want to improve their CVs, get prepared for interviews or ask career advice in particular industry through private sessions and personalised classes.

 

Mentor: Javier González
Tutor: Tea Zbašnik
Duration: April-August 2019
Course by: Career Foundry

QUBIKO

Qubiko is an app connecting career professionals with job seekers who want to improve their CVs, get prepared for interviews or ask career advice in particular industry through private sessions and personalised classes.

Hey there, this is the default text for a new paragraph. Feel free to edit this paragraph by clicking on the yellow edit icon. After you are done just click on the yellow checkmark button on the top right. Have Fun!

QUBIKO
Qubiko is an app connecting career professionals with job seekers who want to improve their CVs, get prepared for interviews or ask career advice in particular industry through private sessions and personalised classes.

Goal
An app providing guidance and personalised classes by the industry experts to people seeking jobs or a career change.

Problem
How to create a platform where finding and contacting career experts is accessible and fast?

My role
Being part of my 5-month Career Foundry intensive UX course I was the product owner of the whole strategy, UX research, Information architecture, user testing, visual design and branding.

Hey there, this is the default text for a new paragraph. Feel free to edit this paragraph by clicking on the yellow edit icon. After you are done just click on the yellow checkmark button on the top right. Have Fun!

Goal
An app providing guidance and personalised classes by the industry experts to

Problem
Create a platform where finding and contacting career experts is accessible and fast for job seekers and career changers.

My role
Being part of my 5-month Career Foundry intensive UX course I was the product owner of the whole strategy, UX research, Information architecture, user testing, visual design and branding.

Process

Untitled-2-02

Observe

Getting to know
the user needs

I started out by conducting a competitive analysis to define what are my competitor weaknesses or strengths and what are my opportunities and threats. But to my advantage, there isn’t an app providing similar service at the moment.

Having defined the problem it was time to find solutions to the user goals and needs by conducting surveys and interviews. To my luck, the Career Foundry students are all looking and changing jobs which made them the ideal interviewees. I found out that 75% would ask and seek experts advice.

Interview goals
  1. How could the user benefit from talking to an expert?
  2. How can the user improve by getting feedback?
  3. Where does the user need most help?
  4. What are the pain points finding job-related info?

Getting to know
the user needs

I started out by conducting a competitive analysis to define what are my competitor weaknesses or strengths and what are my opportunities and threats. But to my advantage, there isn’t an app providing similar service at the moment.

Having defined the problem it was time to find solutions to the user goals and needs by conducting surveys and interviews. To my luck, the Career Foundry students are all looking and changing jobs which made them the ideal interviewees. I found out that 75% would ask and seek experts advice.

Interview goals
  1. How could the user benefit from talking to an expert?
  2. How can the user improve by getting feedback?
  3. Where does the user need most help?
  4. What are the pain points finding job-related info?

Getting to know
the user needs

I started out by conducting a competitive analysis to define what are my competitor weaknesses or strengths and what are my opportunities and threats. But to my advantage, there isn’t an app providing similar service at the moment.

Having defined the problem it was time to find solutions to the user goals and needs by conducting surveys and interviews. To my luck, the Career Foundry students are all looking and changing jobs which made them the ideal interviewees. I found out that 75% would ask and seek experts advice.

Interview goals
  1. How could the user benefit from talking to an expert?
  2. How can the user improve by getting feedback?
  3. Where does the user need most help?
  4. What are the pain points finding job-related info?

Getting to know
the user needs

I started out by conducting a competitive analysis to define what are my competitor weaknesses or strengths and what are my opportunities and threats. But to my advantage, there isn’t an app providing similar service at the moment.

Having defined the problem it was time to find solutions to the user goals and needs by conducting surveys and interviews. To my luck, the Career Foundry students are all looking and changing jobs which made them the ideal interviewees. I found out that 75% would ask and seek experts advice.

Interview goals
  1. How could the user benefit from talking to an expert?
  2. How can the user improve by getting feedback?
  3. Where does the user need most help?
  4. What are the pain points finding job-related info?
Untitled-2-03

"The right CV plays a huge role
in getting the first interview"

"The right CV plays a huge role
in getting the first interview"

"The right CV plays a huge role in getting the first interview"

Point of view

Untitled-2-04

Seeing the problem
through the user's eyes

Having analysed the results of the user interviews and clustered together my findings by using affinity mapping I had now an overview of my user needs and I could start creating the personas based on my findings for further improving the user experience and establish empathy with them.

Persona
  1. Goals and needs I identified the goals and tasks the persona wants to achieve when using the app.
  2. Frustrations I defined what would put them off when using the app or what are their personal pain points.
  3. Motivations I show what motivates them to use the app and ask advice.

See the problem
through the user's eyes

Having analysed the results of the user interviews and clustered together my findings by using affinity mapping I had now an overview of my user needs and I could start creating the personas based on my findings for further improving the user experience and establish empathy with them.

Persona
  1. Goals and needs I identified the goals and tasks the persona wants to achieve when using the app.
  2. Frustrations I defined what would put them off when using the app or what are their personal pain points.
  3. Motivations I show what motivates them to use the app and ask advice.

See the problem
through the user's eyes

Having analysed the results of the user interviews and clustered together my findings by using affinity mapping I had now an overview of my user needs and I could start creating the personas based on my findings for further improving the user experience and establish empathy with them.

Persona
  1. Goals and needs I identified the goals and tasks the persona wants to achieve when using the app.
  2. Frustrations I defined what would put them off when using the app or what are their personal pain points.
  3. Motivations I show what motivates them to use the app and ask advice.

See the problem
through the user's eyes

Having analysed the results of the user interviews and clustered together my findings by using affinity mapping I had now an overview of my user needs and I could start creating the personas based on my findings for further improving the user experience and establish empathy with them.

Persona
  1. Goals and needs I identified the goals and tasks the persona wants to achieve when using the app.
  2. Frustrations I defined what would put them off when using the app or what are their personal pain points.
  3. Motivations I show what motivates them to use the app and ask advice.

"I would pay for up to 2000€
for half a year of guidance because
this would pay off in the end"

"I would pay for up to 2000€
for half a year of guidance because this would pay off in the end"

"I would pay for up to 2000€ for half a year of guidance because
this would pay off in the end"

Ideate

Ideate

Untitled-2-07

Building the structure
and going with the flow

Having defined the personas I started to work on the user flows first and not on the individual pages in order to have a more user-centred design.

After I had defined my user flows I created the first information architecture. To test if the IA makes sense I conducted card sorting with 15 users. I then used the data gathered from the sorting to iterate my first IA.

Build the structure
and go with the flow

Having defined the personas I started to work on the user flows first and not on the individual pages in order to have a more user-centred design.

After I had defined my user flows I created the first information architecture. To test if the IA makes sense I conducted card sorting with 15 users. I then used the data gathered from the sorting to iterate my first IA.

Build the structure
and go with the flow

Having defined the personas I started to work on the user flows first and not on the individual pages in order to have a more user-centred design.

After I had defined my user flows I created the first information architecture. To test if the IA makes sense I conducted card sorting with 15 users. I then used the data gathered from the sorting to iterate my first IA.

Build the structure
and go with the flow

Having defined the personas I started to work on the user flows first and not on the individual pages in order to have a more user-centred design.

After I had defined my user flows I created the first information architecture. To test if the IA makes sense I conducted card sorting with 15 users. I then used the data gathered from the sorting to iterate my first IA.

Untitled-2-06

User flow

Initially, I created three flows: how to contact an expert, how to pay and how to become an expert.

The reason I did the flows before IA was to have my design more user-centred and second to see what pages or screens I need before starting with the IA.

User flow

Initially, I created three flows: how to contact an expert, how to pay and how to become an expert.

The reason I did the flows before IA was to have my design more user-centred and second to see what pages or screens I need before starting with the IA.

User flow

Initially, I created three flows: how to contact an expert, how to pay and how to become an expert.

The reason I did the flows before IA was to have my design more user-centred and second to see what pages or screens I need before starting with the IA.

User flow

Initially, I created three flows: how to contact an expert, how to pay and how to become an expert.

The reason I did the flows before IA was to have my design more user-centred and second to see what pages or screens I need before starting with the IA.

Prototype

Ideate

Untitled-2-08

Designing the
appearance of the app

Considering the previously defined user flows I then started with rapid prototyping creating first low-fidelity then through feedbacks and iterations working my way from mid-fidelity to high-fidelity prototypes.

With the low-fidelity prototype, I could already test out how easy is it to find and contact an expert, load credit or pay.

Tools used
  1. Rapid prototyping and paper sketching for low-fidelity.
  2. Balsamiq for mid-fidelity.
  3. Sketch for a high-fidelity prototype.

Giving character
to the app

Considering the previously defined user flows I then started with rapid prototyping creating first low-fidelity then through feedbacks and iterations working my way from mid-fidelity to high-fidelity prototypes.

With the low-fidelity prototype, I could already test out how easy is it to find and contact an expert, load credit or pay.

Tools used
  1. Rapid prototyping and paper sketching for low-fidelity.
  2. Balsamiq for mid-fidelity.
  3. Sketch for a high-fidelity prototype.

Giving character
to the app

Considering the previously defined user flows I then started with rapid prototyping creating first low-fidelity then through feedbacks and iterations working my way from mid-fidelity to high-fidelity prototypes.

With the low-fidelity prototype, I could already test out how easy is it to find and contact an expert, load credit or pay.

Tools used
  1. Rapid prototyping and paper sketching for low-fidelity.
  2. Balsamiq for mid-fidelity.
  3. Sketch for a high-fidelity prototype.

Test

Test

Testing the ideas

Having created a solid prototype I then scheduled 10-15 min a user testing sessions through Skype with 5 users. For a smoother test, I also created a test plan and a script that I could use with every user to explain about the upcoming test, this made them relaxed as they now knew what to expect.

From the test, I found problems with confusing wording and occasional usability issues. I then organised my test results using affinity mapping and rainbow spreadsheet for a clear overview of the different severity levels. Additionally, I also measured the error severity through Jakob Nielsen scale.

Objective
  1. Can the user find the right expert quick and easy?
  2. Can the user book an appointment without issues?
  3. Observe how the user navigates through the app
  4. How intuitive are the app's functions?

Testing the ideas

Having created a solid prototype I then scheduled 10-15 min a user testing sessions through Skype with 5 users. For a smoother test, I also created a test plan and a script that I could use with every user to explain about the upcoming test, this made them relaxed as they now knew what to expect.

From the test, I found problems with confusing wording and occasional usability issues. I then organised my test results using affinity mapping and rainbow spreadsheet for a clear overview of the different severity levels. Additionally, I also measured the error severity through Jakob Nielsen scale.

Objective
  1. Can the user find the right expert quick and easy?
  2. Can the user book an appointment without issues?
  3. Observe how the user navigates through the app
  4. How intuitive are the app's functions?

Testing the ideas

Having created a solid prototype I then scheduled 10-15 min a user testing sessions through Skype with 5 users. For a smoother test, I also created a test plan and a script that I could use with every user to explain about the upcoming test, this made them relaxed as they now knew what to expect.

From the test, I found problems with confusing wording and occasional usability issues. I then organised my test results using affinity mapping and rainbow spreadsheet for a clear overview of the different severity levels. Additionally, I also measured the error severity through Jakob Nielsen scale.

Objective
  1. Can the user find the right expert quick and easy?
  2. Can the user book an appointment without issues?
  3. Observe how the user navigates through the app
  4. How intuitive are the app's functions?
Untitled-2-09-09

Accessibility

Untitled-2-10

Is the app equal
to everyone?

While iterating the app based on the user test feedback I also wanted to improve the accessibility for as many people as possible by using Web Content Accessibility Guidelines (WCAG) 2.0

Goals
  1. Have a strong contrast between text and background.
  2. Make buttons clearly clickable.
  3. Use text, colour and clear icons to show errors.
  4. Keep forms and labels clear.

Is the app equal to everyone?

While iterating the app based on the user test feedback I also wanted to improve the accessibility for as many people as possible by using Web Content Accessibility Guidelines (WCAG) 2.0

Goals
  1. Have a strong contrast between text and background.
  2. Make buttons clearly clickable.
  3. Use text, colour and clear icons to show errors.
  4. Keep forms and labels clear.

Is the app equal to everyone?

While iterating the app based on the user test feedback I also wanted to improve the accessibility for as many people as possible by using Web Content Accessibility Guidelines (WCAG) 2.0

Goals
  1. Have a strong contrast between text and background.
  2. Make buttons clearly clickable.
  3. Use text, colour and clear icons to show errors.
  4. Keep forms and labels clear.

Solution

qubiko_final-01

Selected Works

QubikoUX Case study

BohoPackaging design

VouPackaging design

MoqqaPackaging design

BoldPackaging design

ADC*Estonia invitationEvent Identity

Janar Siniloo — Visual and UX Design

js@janarsiniloo.com
+49 176 4313 7060