The persona for this release was the implementation specialist. With that in mind, three implementation specialists were recruited. I conducted brief interviews to understand how they use the templates and their experience level.
The study was conducted remotely using Go To Meeting. Working from a script, the participants were given 5 situational tasks of setting up a new template for a tire inspection. The study also included a qualitative ranking of the UI and short conversational feedback.
( Test script pdf)
I learned with the first round of testing the that form building prototype needed to be able to respond to any type of input and not be dependent on keywords as each participant had a unique way of establishing category hierarchy.
What We Were Looking For
- Can users navigate to the templates in the new design?
- Do the users understand how to create a template?
- Is the language clear?
- Does the flow of the UI work well?
- Can the user discover the new features?
The new homepage gives the user the ability to edit, copy and delete a template. The design implements familiar iconography and patterns found in Material Design.
New template "Home" UI. Users can copy, edit and delete existing templates
Since long forms are cumbersome for the user, I broke down the UI into smaller tasks.
"Configure" now separated from the form body.
New UI for "Add a Vehicle." A separate space in the flow for all the vehicles which will be using the template
The "Design" section is where the action happens. The result below reflects I learned in the previous studies:
- Present default form group immediately. Use clear, accessible inputs
- A floating toolbar eliminates repetitive controls and is available anywhere the user scrolls down the page
- Input functions can be discovered on hover - a familiar pattern in Material Design
The new template UI. The first default group is automatically presented.
New inspection sections are added with floating toolbar made wider to improve speed.
Input functions are conveniently available, clicking into the input.
- Multiple studies informed design choices and allowed for the user to have a voice in the outcome
- The impact of this work helped stakeholders visualize the next generation of the UI
The project is under review, work in progress.
Next Project: Tyler Atlas