Responsibilities
I led the research, identifying problems, ideation, prototyping, and usability testing. Throughout the project, I worked with three other UX Designers. My involvement in the design of the low and high-fidelity prototypes was significant.
The Problem
Although Atmoskop was only an evaluation platform, people kept telling us during user research that they also needed to apply for a job at the company. We added a position list and created the first version of the response form, but it was unsuitable for demanding golden collars.
The Goal
When applying for a job, we want to suggest a method of contact with the company that will work best for those with golden collars. Additionally, they should be given a chance to talk about their work and themselves.
Understanding the Users
User Research
- The interview included 6 participants, who held the positions of UX Designer (5 participants) and Head of Design (1 participant). These participants want a change and are looking for similar or identical job positions – product manager, front-end developer; one of them is considering various fields.
- We wanted to understand how they use the response forms, what their expectations are, and what purpose they serve.
The user research also includes key parts from the transcript of the participant whose responses differed from the other five in the interviews.
Defining the Problem
Syntheses
- We had to ask ourselves why we were researching, what we were researching, and what we wanted to discover in order to distill problems during the synthesis. At this stage, there is no point in jumping to a solution that will only be one of many.
- As a result, we asked the following research questions.
- We distilled this problems (green post-its) by synthesizing related findings (yellow post-its) and naming clusters (blue post-its).
Starting the Design
- Using dot voting, we selected one issue.
- We used these methods to generate as many ideas as possible for our chosen problem.
- We chose the most interesting ideas, Answer Severity Level Options and Quiz Form, from among all the suggestions and decided to combine them at this stage.
- With the proposal called Response severity level options, users can see all of the tabs, choose the most appropriate form, and get immediate feedback, but decision paralysis can occur.
- For the Quiz form proposal, the user can send an adequate answer, and a more personalized form will be loaded, but not all options are visible, so he may feel he has missed something.
Paper Wireframes
- In the team were made individual ideas. I made the first paper wireframes by combining the chosen Answer Severity Level Options and Quiz Form designs. This proposal was divided into several sections, including questions in the form of a quiz, as well as tabs for Direct Contact, Video Consultation, and Form.
- This design was refined further, and the following changes were made in consultation with the team before high-fidelity designs began:
- The proposal was changed to make it clearer, less confusing, and with fewer steps overall.
- The quiz-style first part of the proposal was removed because the process was quite simple after that.
Refining the Design
- These ideas were then turned into high-fidelity designs. I experimented with different shapes and layouts. The Atmoskop style was used for the colors and fonts.
Mockups
- This is the visual design of Atmoskop's redesigned response form.
