Visualize the initial design and test its functionalities with users
Based on the workflow, we identified some key tasks and wireframed 6 screens on Figjam to show how small vendors can interact with the product to manage inventory, shipments, and customer orders.
We wanted to test whether the workflow made sense to users, so we invited 4 small business owners who sell products online and on-site and conducted cognitive walkthroughs to see how they reacted to the wireframe. We color-coded 73 testing data by types and discovered that the users gave overwhelmingly positive feedback to the current product workflow.
Prototype & Iterations
Keep iterating the design based on user and stakeholder feedback
The wireframe evaluation indicated that the product workflow works well for users, so we decided to spend more time in designing the visuals and enhancing information hierarchy. We made 3 fidelity levels prototype and conducted 5 UX evaluations to validate the design with UX professionals and stakeholders. Based on their feedback, we iterated the design to improve UI and user experience.
Wireframe to Low-fi
Redesign the nav bar and the side menu
Conduct an a/b test and iterate the button design
Streamline the design and develop design system
Conduct a heuristic evaluation to evaluate information hierarchy
With the client’s approval for the design system, I applied it to the hi-fi prototype to make the most refined design and prepare for usability testing.
However, at this stage, we were hesitant about information hierarchy and how to prioritize “should do” over “could do,” so we decided to conduct a heuristic evaluation over hi-fi prototype and invited 10 UX professionals to look for some UX problems and provide potential solutions on Figjam. We collected 74 comments and iterated the prototype based on their user feedback.
Users can initiate key actions, view pertinent information, and use the global side panel to navigate elsewhere on the dashboard.
List New Items
Users can create brand new listings or use an auto-fill option to quickly update and manage their inventory.
Deliver with Roadie
Users can check order details, modify them, and easily deliver their product with Roadie drivers.
From the dashboard, users can easily identify in-transit orders and track delivery status in real-time.
Users can converse with customers to receive feedback from individual orders and questions about inventory items.