Apple Agent Toolbox
Client:
Apple
Role:
Senior UI Designer
Project Summary:
Re-design Apple’s internal application to process orders and returns. Our team consisted of a highly collaborative effort between project manager, UX lead, Creative Director, and Visual Designer. We focused first on the user flow for item cancellations, knowing that this is a common action that agents need to perform on a regular basis. The extended flow will be based on the selected experience direction from our approaches.
Creative and Approach:
Overwhelming and unrestrained display of information and options.
Less than intuitive and difficult to easily find information, determining actions, and navigating through experience
Ineffective use of space, with unused real estate. Small side panes, and always visible icons / confusing buttons.
Existing Agent Toolbox User Interface
Client provided inspiration
Simple and clean to use interfaces. Every icon, every color, and every menu has an easy to navigate purpose.
Example wireframes
Based on research and exploration by our UX lead, we were able to solidify approved wireframe experiences that simplified menus, icons, order details and alerts.
Visual Design Overview
The Apple brand is clean and unobtrusive. Using Apple design systems, we built a custom experience originally in light mode with hints of color to be 100% purposeful. When the user logs in, they will be prompted and welcomed back to begin their high level search. We use primary blue to guide the journey through clear actionable items. Statuses are defined by shades of orange, yellow, and green.
Menu(s)
We built our final design around the expanded side-bar menu. We updated icons to clearly represent the task. The side bar will be included in each step of the experience without impeding on the workflow. Giving the user the option to expand and collapse to ensure even more space to process orders.
Accessibility
Each design was crafted for both light and dark mode viewing. We tested color contrasts for small and large type as well as graphical interfaces using WCAG AA and AAA standards using WebAIM.