The client asked for a mobile-first, web-based app for their 'staff members' to collect data from their clients on-the-go. Staffs gather data from people with disabilities who use various tech products. Their goal is to gather the product usage data. Each person's data is called a tech story in this app.
My Contributions
- Ideation from fuzzy requirements
- Information Architecture
- Wireframe, Prototype
- Remote user testing
- UI Design
Impact
- 100% completion rate for three major tasks
- Mean single-ease-question(SEQ) was ~6
- System usability (SUS) was ~68
Requirement Gathering
Identifying Use Cases
No written requirement was given. I identified use cases with the product team from fuzzy requirements.
Information Architecture
From the use cases I developed a draft info architecture for the 2 user roles. Improved the architecture over two iterations.
Sketching Initial Ideas
Initially sketched out all the pages to communicate my ideas with the team.
User Testing: Iteration-1
Had very little scope for testing because of time constraint and product team didn't have knowledge of testing. Still for the 2 user roles I conducted Remote usability testing with 5 participants.
Created a responsive interactive wireframe in Axure RP to validate all the assumptions.
Improvements
In 2nd iteration addressed the issues I found in the user tests. See a couple of examples below.
Hi-fi Mockup: Iteration-2
The colors are picked from The Arc’s brand guideline.
Used Material Design Guideline for faster UI development.
Challenges
The dev team, who joined halfway through the project, never used Axure before and was unwilling to move forward with the mockups being deployed as Axure prototype. For the later phase of the project, I implemented the prototype in InVision, which they were more familiar with.
User test results suggested trends without significance since number of participants were very low.
The product owner kept changing requirements frequently. But all requirements were incorporated in the final hand-off.
Not enough time to create hi-fi mockups for desktop. Mostly created wireframes and UI guidelines only for desktop.
