ADAM BECKOVSKY
UX DESIGNER
OFFICE QUEST
Design thinking
Overview
As a part of my studies I was tasked to create a scavenger hunt like app.
Before diving into this project I have spend some time identifying proper need and where this can be applied. Eventually I have chosen to focus on on boarding process in large and enterprise companies, which is currently not personal, boring and falling behind expectations of newbies.
The goal of this project was to create a web responsive app, which would be fun and simple to use while increasing learning curve and eliminating frustration which comes with starting new job.
Role
​
UX Designer
​
Tools
Research / White board / Sticky notes / Sketch / InVision/ Adobe After
​
​
Using general insights observation from day to day life I have start looking for challenges in day to day life.Through this process I have realised that onboard experience of most large business is not what most users expect and that this more of a source of frustration than anything else.
Field Research
WHAT'S THE PROBLEM
01
Using general insights observation from day to day life I have start looking for challenges in day to day life.Through this process I have realised that onboard experience of most large business is not what most users expect and that this more of a source of frustration than anything else.
Field Research
WHAT'S THE PROBLEM
01
Rather than trying to re invent the wheel I have spent large amount of time looking for potential out of box solution, that could be implemented right away or use as an inspiration for my solution. This was done mainly through SWOT Analysis, UX Analysis and marketing strategy comparison.
Competitive Analysis
IS THERE GOOD SOLUTION ?
02
Rather than trying to re invent the wheel I have spent large amount of time looking for potential out of box solution, that could be implemented right away or use as an inspiration for my solution. This was done mainly through SWOT Analysis, UX Analysis and marketing strategy comparison.
Competitive Analysis
IS THERE GOOD SOLUTION ?
02
To complete full 360 degree pre-scoping research I have compiled basic Business Requirements ensuring feasibility for business and to explore which stakeholders need to be involved during the design and development process.
​
Business Requirement
IS IT FEASIBLE FOR BUSINESS ?
03
To complete full 360 degree pre-scoping research I have compiled basic Business Requirements ensuring feasibility for business and to explore which stakeholders need to be involved during the design and development process.
​
Business Requirement
IS IT FEASIBLE FOR BUSINESS ?
03
All data has been used affinity mapping and clustered to respective insights. These insights, along with survey summary have been used to create empathy mapping for different profiles of users.
Affinity & Empathy Mapping
WHO ARE WE HELPING ?
05
All data has been used affinity mapping and clustered to respective insights. These insights, along with survey summary have been used to create empathy mapping for different profiles of users.
Affinity & Empathy Mapping
WHO ARE WE HELPING ?
05
To ensure that my assumptions turn and effect more users I have sent out survey to 50+ employees in large organisation and held in-person interviews to validate my hypothesis and to get more insight into demographic of users, their backgrounds and pain points and desired solution.
Interviews & Surveys
HOW BIG IS THE PROBLEM ?
04
To ensure that my assumptions turn and effect more users I have sent out survey to 50+ employees in large organisation and held in-person interviews to validate my hypothesis and to get more insight into demographic of users, their backgrounds and pain points and desired solution.
Interviews & Surveys
HOW BIG IS THE PROBLEM ?
04
Using the problem statements, and hypothesis, the template for protopersonas was created covering all needs and goals. Using processed data from the research, three main personas were identified to make the problem and solution more relatable and user-centered.
Creation of Proto-personas
DEFINING USER
06
Using the problem statements, and hypothesis, the template for protopersonas was created covering all needs and goals. Using processed data from the research, three main personas were identified to make the problem and solution more relatable and user-centered.
Creation of Proto-personas
DEFINING USER
06
Each persona was than taken through a journey of their current process, capturing how is their existing experience from emotional perspective, highlighting pain points, and helping to shape first solution. In second round all of personas were put through TO BE journey, showcasing how the experience will be while using our solution and outlining reasonings of outcomes.
User Journeys
LOOKING FOR SOLUTIONS
07
Each persona was than taken through a journey of their current process, capturing how is their existing experience from emotional perspective, highlighting pain points, and helping to shape first solution. In second round all of personas were put through TO BE journey, showcasing how the experience will be while using our solution and outlining reasonings of outcomes.
Each persona was than taken through a journey of their current process, capturing how is their existing experience from emotional perspective, highlighting pain points, and helping to shape first solution. In second round all of personas were put through TO BE journey, showcasing how the experience will be while using our solution and outlining reasonings of outcomes.
User Journeys
LOOKING FOR SOLUTIONS
07
User Stories
DEFINING SOLUTIONS
08
Having identified main pain points and features of new product I have translated these to user stories and where needed I have broken these down to smaller user stories, that could be tackled one by one and ensuring constant and feasible design progress.
​
User Stories
DEFINING SOLUTIONS
08
Having identified main pain points and features of new product I have translated these to user stories and where needed I have broken these down to smaller user stories, that could be tackled one by one and ensuring constant and feasible design progress.
First User flows are being created to help define happy path and overall architecture of web responsive platform. During this process I have focused on eliminating frequent point of friction and researched how are these resolved on other Digital platforms and what approached are available on. market right now.
User Flows
EXPLORING IDEAS
09
First User flows are being created to help define happy path and overall architecture of web responsive platform. During this process I have focused on eliminating frequent point of friction and researched how are these resolved on other Digital platforms and what approached are available on. market right now.
User Flows
EXPLORING IDEAS
09
Information Architecture
IDEATING SOLUTION
10
To ensure that all content, labelling and grouping of items in flow are matching users experience I have used opened and closed, both remote and in person card sort. This lead to create first versions of sitemap and refine it further down the line.
Information Architecture
IDEATING SOLUTION
10
To ensure that all content, labelling and grouping of items in flow are matching users experience I have used opened and closed, both remote and in person card sort. This lead to create first versions of sitemap and refine it further down the line.
During low fidelity sketching and Wireframing, main focus was on covering all necessary features within screen and general layout. This simplistic process has allowed for many versions, such as list vs grid. This quick process allowed me to test various design in very short time frame and shaped initial direction to follow.
Low/Mid Fidelity Wireframing
BUILDING SOLUTION
11
During low fidelity sketching and Wireframing, main focus was on covering all necessary features within screen and general layout. This simplistic process has allowed for many versions, such as list vs grid. This quick process allowed me to test various design in very short time frame and shaped initial direction to follow.
Low/Mid Fidelity Wireframing
BUILDING SOLUTION
11
In this part of design process the details are more refined, following basic design principles. More screens are being created and first interactive prototype is being created for usability testing. Detail worth mentioning at this stage is that all designs are done in greyscale only. This is to ensure that first levels of user testing are focused on functionality rather than UI feel and looks.
High Fidelity Wireframing
REFINING SOLUTION
12
In this part of design process the details are more refined, following basic design principles. More screens are being created and first interactive prototype is being created for usability testing. Detail worth mentioning at this stage is that all designs are done in greyscale only. This is to ensure that first levels of user testing are focused on functionality rather than UI feel and looks.
High Fidelity Wireframing
REFINING SOLUTION
12
During usability testing I was focusing on functionality and exploring how would users use this in their day to day life. Using lot of probing questions I was focusing on very critical reviews to ensure improvements of future states. All sessions were recorded with full consents.
Usability Testing
BUILDING SOLUTION
13
During usability testing I was focusing on functionality and exploring how would users use this in their day to day life. Using lot of probing questions I was focusing on very critical reviews to ensure improvements of future states. All sessions were recorded with full consents.
Usability Testing
BUILDING SOLUTION
13
Analysing Outcomes
REFINING SOLUTION
14
Having organised all insights and using Jacobs Nielsen severity rating I have identified main areas of improvement. I have also discovered that having nice app is no use unless it fits in day to day life, and that for this app to be successful I will need to expand social interaction of the app.
​
Analysing Outcomes
REFINING SOLUTION
14
Having organised all insights and using Jacobs Nielsen severity rating I have identified main areas of improvement. I have also discovered that having nice app is no use unless it fits in day to day life, and that for this app to be successful I will need to expand social interaction of the app.
After few more rounds of usability testing, the functionality has been improved, by adding pre-loaders, progress bars, simplifying controls, resizing elements to increase functionality and using gestalt design principles. Using pre-defined matrix I was able to validate improved sucession rate of this product.
Refining Design
ITERATIVE DELIVERY
15
After few more rounds of usability testing, the functionality has been improved, by adding pre-loaders, progress bars, simplifying controls, resizing elements to increase functionality and using gestalt design principles. Using pre-defined matrix I was able to validate improved sucession rate of this product.
Refining Design
ITERATIVE DELIVERY
15
Collaboration
ENSURING FEASIBILITY
16
One of key elements during provers is overall collaboration. Validation with user proved to be very beneficial, however getting peer reviews from UX designers within community and front and back and developers to further enhance and alter the product proved to be essential in moving this product from good to great.
​
Collaboration
ENSURING FEASIBILITY
16
One of key elements during provers is overall collaboration. Validation with user proved to be very beneficial, however getting peer reviews from UX designers within community and front and back and developers to further enhance and alter the product proved to be essential in moving this product from good to great.
By creating interactive high fidelity prototype along with video demo of the app I was able to present and pitch this solution to major stakeholders and seek further sponsorship to bring this to reality. This process is currently ongoing. Rather than lengthy walk through videos I have focused on 1 min dynamic video pitch with followup Q&A in person, which proved to be more aligned with industry standards.6
High Fidelity Prototype
POLISHING PRODUCT
17
By creating interactive high fidelity prototype along with video demo of the app I was able to present and pitch this solution to major stakeholders and seek further sponsorship to bring this to reality. This process is currently ongoing. Rather than lengthy walk through videos I have focused on 1 min dynamic video pitch with followup Q&A in person, which proved to be more aligned with industry standards.6
High Fidelity Prototype
POLISHING PRODUCT
17
Knowledge silos are known to be one of major pain points in many business. As a part of handover to client I have provided full design documentation, and developer insights through inspect feature in InVision along with source files and full contact details. This way client has a full control however is free to reach out and ask for further support.
Delivering & Handover
DELIVERING TO BUSINESS
18
Knowledge silos are known to be one of major pain points in many business. As a part of handover to client I have provided full design documentation, and developer insights through inspect feature in InVision along with source files and full contact details. This way client has a full control however is free to reach out and ask for further support.