Embedded Files
Role
UX researcher
UX designer
Date
July-September 2023
Client
Northab AB, Experts in development and technical recruitment
📄 In Short
Problem Statement:
Northab sought collaboration to design an MVP (Minimum Viable Product) of a time reporting platform. The objective was to create a prototype that demonstrated the platform's structure and core functionality.
Methods:
Focus group interviews, OOUX (Object-Oriented UX) analysis, wireframing, prototyping, and testing.
Outcome:
The resulting design was presented to investors and praised for its efficiency in handling a typically tedious task.
Client Feedback:
The OOUX analysis was highly appreciated due to its resemblance to a data architecture approach and its ability to bring structure to the project.
Note:
Due to a non-disclosure agreement (NDA), I am unable to share the prototype.
❓ Problem Statement
When it comes to time reporting, different companies employ various solutions, the choice being often based on their size. Larger companies utilize comprehensive CRM systems with dedicated time reporting plugins, while smaller subscribe to time reporting platforms. Some even rely on more or less advanced Excel files.
Northab recognized an opportunity to develop and market a time reporting platform with customizable functions, making it easy to adapt to different company sizes.
⏯️ Timeline
Month 1: Discover
Communication with product owner and developers
User interview
Competitors research
OOUX anaylsis
Design user flow
Month 2: Draft and Refine
Ideation
Wireframing
Prototyping
Month 3: Deliver
Usability test
Refine Prototype
Record a video
Presentation
🟥🟨🟦 OOUX analysis
I used the OOUX method at the beginning of the process. It was a very efficient way to familiarize myself with the future app's needs and to ensure that all the stakeholders understood it the same way.
🔷 User flow diagram
I used a user flow diagram to communicate with the stakeholders in the early stage. We could iterate and adapt the structure of the platform's menu and decide if it was based on credentials or if the user had to select a role themselves.
✏️ Wireframe
I focused on the 'Report for the week' flow and designed a three-step process to make it fast and easy for the user to report before the weekend.
📱 Prototype
I created elements in Figma, utilizing a combination of a community design system and custom-built components.
I worked with styles, autolayout, and components. Additionally, I used variables to create a realistic interactive prototype, enabling live updates for reported hours and calculating the daily total.
📺 Usability testing
I conducted only three usability tests due to time constraints, but they still provided valuable insights.
The three-step concept was appreciated; however, it revealed the following issues:
Some prefilled information occasionally caused confusion.
Certain functions designed to speed up reporting were appreciated but proved to be unintuitive to access.
One review screen was found unnecessary and contributed to a slower process.
📝 Key Takeaways
Concepts behind words are sometimes different for a developer and for a designer, I learned how to be more specific in my formulations.
Variables is a powerful tool to make a prototype more realistic.
The AGILE way of working is facilitated with robust tools such as Confluence and Jira.
Other cases:
Designing internal and partner tool for Revive Retails, a second-hand solution for E-retailers.
AUR+A
Designing an AR visit card app
Grocery Vision
Designing an AR shopping assistant for allergy needs
Google Sites
Report abuse