See all projects
AMO Web App Sidebar Redesign
Overview
Research
Workflow & Pain Points
Conceptualization
Feedback & Testing
Solution
Project Learnings
Overview : AMO Web App Sidebar Redesign
Design Goals
Improve Navigation
Increase Efficiency
Reliable Saving
4
Weeks Agile Timeline
5
Internal Usability Tests
Design Artifacts
Final Product
Redesigning to improve workflow
Before
After
Research Goals
Determine industry standards for save button
Find Design Inspiration
Determine CTA industry standards
Primary Research
Secondary Research Insights
Autosaving breaks with user expectations
Jira sidebar as design inspo with similar framework to AMO
CTA save button should be on bottom right corner
Old Sidebar Pain Points
Why are we redesigning?
Understanding User Workflow
Conceptualization
Sketch Phase 1
Sketch Phase 2
Low Fidelity Design
Stakeholder Feedback
Prototyping & High Fidelity Design
After several rounds of feedback from stakeholders, I developed a hi-fi prototype to support user testing.
Usability Testing
Insights
Users were able to complete all of the tasks. Users were initially concerned that they wouldn’t know how to use the program edit sidebar because the scope is outside of their day-to-day workflow. Users easily navigated through the categories and subcategories.
Positive User Feedback
Highlighting on sidebar to help users know where they are navigating and what tab they are currently browsing.
Felt it was easy to save with floating footer, and overall easy to navigate the page.
Pain Points Revealed
Wished accordion would close automatically when they click outside of the accordion.
Contents inside of the program actions dropdown were not aligned with every use case in the workflow.
The Solution
Sidebar final Product
floating save bar
Overall Product
Project Learnings
01. Process Improvement
Shadowing more people from the Programs team to understand how they use the current design and ensure it aligns with other teams workflows too.
02. Product Improvement
Before adapting the newly redesigned sidebar into other pages of the admin app, making sure to adjust the interaction elements on the sidebar to suit user feedback from the usability test.
03. Design systems definitely restrict design UI
Working with a company that has an established design system is a good thing because it means consistency (hopefully) in UI. However, if the color schemes aren’t your personal fave, and the specs aren't consistent, that can actually restrict UI and the overall user experience.
