Designing a personalised website experience that bridges the gap between wheelchair users, their therapists and the businesses that support them.
Concept & Mockup
UX Design Lead
UX Research & Synthesis
Prototyping & Testing
Gecko Traxx, a manufacturer of portable manual wheelchair accessories, wanted to better understand the experiences of people who have a custom wheelchair built.
I was a part of the five-person UX team tasked with researching, designing and testing a solution to the brief. To measure the success of the project, the client detailed three key success outcomes detailed below.
At the outset of the project, the design team was provided with detailed information regarding the scripting and wheelchair development process. This assisted us in drafting the first version of our problem statement.
With limited information on the wheelchair industry and wheelchair users, we began the discovery phase of project with these objectives in mind:
To better understand each user group, the team began its research by conducting an online survey.
The Coronavirus pandemic drastically changed the way people shop. Lockdowns, closures and concerns over protecting those at high risk has meant restricted access to in-store viewing and in-person measurements. To create a digital solution that addressed these constraints, we gathered quantitative data to explore the behaviours and preferences of online shoppers (with particular focus on made-to-order products), this information would serve to inform our design decisions further on in the process.
To collect qualitative information that would shed more light on the custom wheelchair process, users goals and frustrations, the team conducted interviews with wheelchair users, wheelchair business owners and healthcare therapists. These interviews provided us with valuable information on the experiences and emotions of each user group.
After collecting responses from the survey and user interviews, we moved onto developing affinity maps of key themes and findings to synthesize the problem.
We mapped the entire end-to-end custom wheelchair build process and workflow to understand our user groups' experiences better and identify potential areas for improvement. This workflow would also help us accurately map out the customer journey further on in the design process.
Through our research, we were able to empathise with our users and develop three personas:
To identify the points along the journey where, through better design, we could improve the user's experience, we developed three customer journey maps, one for each persona (example displayed below).
Wheelchair users were not bothered by the close and somewhat intimate nature of being measured for a custom wheelchair, as the relationship between the wheelchair user and scripter was often close, and built on trust and honesty.
Instead, users felt there was a lack of direction and information, particularly for new custom wheelchair users. Additionally, users were frustrated by how few updates they received on the status of funding approval and manufacturing (the custom build process can take upwards of 12 months).
The team used our findings and insights to form two how might we questions that would become the starting point for our ideation sessions.
As the client provided few constraints, the team was able to go wide during our brainwriting and crazy eights workshops, ideating over 40 possible solutions.
We selected six of the most creative and innovative ideas to present via low fidelity designs (see below), and, after a collaborative feedback session with the client, the team moved forward with four solutions.
Below are some examples of the low fidelity designs presented to the client.
To establish hierarchy, I developed the preliminary information architecture for the design. Sections highlighted in red were hi-fied for the final design solution.
When developing the components, style guide and design language, the team took into consideration the client's feedback regarding its brand. We developed 'Traverse', a brand that speaks directly to the client, is warm, inviting and inspires exploration.
Mulish was chosen as the Traverse font for its readability in various sizes, and we used a 12 grid system to create a responsive and fluid website design that is applicable for both desktop and mobile devices.
For brand photography, I curated a selection of images and that were approachable, displayed a range of activities and, that were representative of the Aussie lifestyle. Each image accurately represented the Traverse brand ethos — aspirational, and relatable.
Accessibility considerations played a vital role in our design style guide as the team wanted to ensure the Traverse website was inclusive to users of different ability levels. To meet WCAG 2.0 Level AA conformance, the website had to be usable and understandable for the majority of people with or without disabilities, these included being:
Using Adobe XD, the team created a high fidelity prototype and began moderated user testing to assess the usability of the design solution.
Each team member developed tasks and questions for users to complete/answer while observing their actions. Where users seemed to have difficulty or confusion, team members documented their observations. These findings were then dissected to identify the core problem and then prioritised so that critical usability issues were addressed first.
Below are some of our findings.
View the final high fidelity prototype provided to the client, or watch the prototype video below.
The final design solution was well received by wheelchair users, scripters and our client (a.k.a. the business owner); however, there are further improvements that should be made. The 3D Customiser feature should have tiered options as they would give more information and assistance to the user while making their selections.
A landing page before entering the 3D Customiser would be beneficial to users and allow for a smoother flow. The suggested landing page would explain how the customisation process works, what a user should expect and include other important information to provide the user with guidance before customising their wheelchair.
To further better the experience, users should have the ability to apply customisation selections to different wheelchairs within the 3D Customiser. This feature would likely be at the start of the 3D Customiser flow, where users could select a wheelchair before choosing other options (currently, users select a wheelchair before entering the 3D Customiser). This feature would mean users can see their customisations on different wheelchairs without the need to go through the whole flow again.
Finding users to interview for such a niche product was challenging. We had to think outside of the box to explore the problem space without initially having users to interview.
The team worked exceptionally well together. Excellent communication throughout the entire project was vital. At the beginning of the project, each team member shared their strengths, weaknesses and areas they wanted to develop; we then used this information to assign tasks effectively.
The problem space fluid. What may seem obvious as the problem is a mere assumption until it has been validated (or invalidated) through robust user research.