Zeffi — Selected Details
A closer look at the research, IA, and feature design behind Zeffi — selected artifacts from the B2B feedback platform case study.
Here are just some selected details that can give a rough idea, but might not tell the entire story. I’d be happy to discuss more in-depth in person or call :)
Research & testing
User tests & interviews
User tests using both clickable prototypes, and released features
Mental models
Mental models framed around user personas
User personas
An abstract from user personas
User ranks
A concept that we invented in making more informed guesses when deciding feature hierarchy.
User segmented into ranks based on proficiency levels that increases with hours spent
Vocabulary map
UX vocabulary aligns UI labels with users’ mental models, and can also easily single out conflicting terms
IA research — Card sorting
An abstract from IA research conducted for main navigation
IA mapping with external integration
Mapping Zeffi’s IA with an external integration
Feature example
Survey invitation via SMS
Requirement planning
The planning covers through all touch-points like user-roles, Pricing & Plans, IA, etc; and even future expansion.
User flows / Stateful UX/UI design
Stateful UI (Exploring all possible states, and discarding illegal ones)
User flow
UI handoff
Screenshot from live product
All the way to precise details
The last work hour is for iconography, when the coffee has already worn off…
Things not yet included
Surveys • User interviews • User testing • User journeys • Rapid prototypes • User flow • Design system • Visual design • Handoff
Design nugget — Try an iPad and Pencil. The freedom to infinitely iterate what you draw without leaving marks on the paper is priceless. Not to mention to the number of inks you carry in just a single pencil tip.