Site / Mobile / Dashboard
Project Overview: Amway is a global commerce business that requires a design structure solutions for complex views across three different usage paradigms.
Problem/Challenge: The global stature illuminated many issues where the blurring of localization, diverse information options, connected device interaction, and the Internet of Things (IoT), made it hard to design an encompassing approah. The design complexity of site page layout, mobile simplicity, and bubble-up to dashboard was a complicated problem.
Solution/Results: The implementation of tiles/cards metaphor provided a content connection to real-life objects. This usage provided a better way to gather various pieces of information to form one coherent piece of content. The design offered ways for commerce product contact and navigation to co-exist. As established in the UX industry, card-based design relies on visuals. Imagerty elevates site or app design, because images draw the user’s eye efficiently and immediately. Employing images makes card-based design more attractive to users.
This card design purposal allowed flexibility to exam how cards can function across site, app design, and dashboard; the three distinct usage requirements. The architectual balance between digestible forms and navigation appear in a stream, creating a natural timeline of events for users to understand.
In an effort to establish a basis for the design, several white-board discussions outlined the proposition for a working theory. An assertion that the design had to consist of a series of components, rather it was a puzzle that had to be assembled.
At the basic functional level navigation was ciritical for users to understand how to engage with the product. First, it had to be simple, much like an invisible hand that could guide users. Next, graphic sign-post had to be easy to remember, to minimize user's memory load by making actions and options visible.
Also, ths navigation had to be self-evident that delivered a message of how to go from point A to point B at a glance. Finally, it was necessary for users to engage and interact with the content in the view.
The size of the display was a major challenge in communicating with users. Pictorial icons were integrated as menu elements, it's one of the most interesting solutions to the problem of developing from a mobile-first strategy.
These designs began with a focus on the user persona with goals of designing a navigation to help them meet day-to-day challenges. It was easier to design a product that is more likely to use for problem solving, rather than aesthetics alone.
Amway Corp. Ada, MI
Adobe Illustrator Wireframe