EMEA Mobile Appskardash.net/portfolio/Herbalife/expert_reviews/EMEA Findings - for U… · Goal of...
Transcript of EMEA Mobile Appskardash.net/portfolio/Herbalife/expert_reviews/EMEA Findings - for U… · Goal of...
EMEA Mobile Apps
Overview
Application: Role: Test Platform:
Herbalife+ Distributor (Member) Samsung S7
Edge
HerbalifeGO Retail Customer iPhone X
By Eugene Kardash, Oct 2018
Goal of this presentation
To convince business owner:• to step back from fixing task flows• to shift focus from being task oriented
to be user’s goal oriented• to work on root cause usability issues
• What are the users’ goals? What do they want?
• Do the apps help users to reach their goals?
• What really do the apps offer?
Questions to product owner
Before we go to any specific task flow let’s see whether UI follows the mental models of distributors and retail customers.
High level issues beyond task flows
IA (information Architecture):• Dashboard (Homepage)• Navigation (Nav Drawer, back button,
informing the user about current step)• Quick access to relevant information• Search, filter, and sort
High level issues beyond task flows
UI:• Material design & Human Interface Guidelines• Use of meaningful icons• Forms: steppers, toggles, selectors, inputs,
moving through fields…• Color usage agreement for interactive elements• Language and labels (locale, upper/lower cases,
semantics, grammar)
High level issues beyond task flows
UX:• Responsiveness to taps• First-time screen instructions• Keeping user informed what is going on• Feedback (performed actions, results,
errors…)• Error messages’ style and consistency
UX: HerbalifeGO app
blank
blank
Eat & Drink navigates to Rating (?) screen (not interactive screen)
Track link navigates to Track link, not actual content
UI switches from English to Dutch
extra step
IA: Guidance through the task in Herbalife+ app
Identical non-informative screens without any task guidance or navigational guidance
IA: Dashboard and Nav Drawer in Herbalife+ app
Two main navigational UIs:• Not-informative• Incomplete• No guidance• Only three items correlate, but
not sorted• Nav Drawer doesn’t respect
Material Design interactions
IA: How it can be (prototype)