EMEA Mobile Appskardash.net/portfolio/Herbalife/expert_reviews/EMEA Findings - for U… · Goal of...

11
EMEA Mobile Apps Overview Application: Role: Test Platform: Herbalife+ Distributor (Member) Samsung S7 Edge HerbalifeGO Retail Customer iPhone X By Eugene Kardash, Oct 2018

Transcript of EMEA Mobile Appskardash.net/portfolio/Herbalife/expert_reviews/EMEA Findings - for U… · Goal of...

Page 1: EMEA Mobile Appskardash.net/portfolio/Herbalife/expert_reviews/EMEA Findings - for U… · Goal of this presentation To convince business owner: •to step back from fixing task flows

EMEA Mobile Apps

Overview

Application: Role: Test Platform:

Herbalife+ Distributor (Member) Samsung S7

Edge

HerbalifeGO Retail Customer iPhone X

By Eugene Kardash, Oct 2018

Page 2: EMEA Mobile Appskardash.net/portfolio/Herbalife/expert_reviews/EMEA Findings - for U… · Goal of this presentation To convince business owner: •to step back from fixing task flows

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

Page 3: EMEA Mobile Appskardash.net/portfolio/Herbalife/expert_reviews/EMEA Findings - for U… · Goal of this presentation To convince business owner: •to step back from fixing task flows

• 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

Page 4: EMEA Mobile Appskardash.net/portfolio/Herbalife/expert_reviews/EMEA Findings - for U… · Goal of this presentation To convince business owner: •to step back from fixing task flows

Before we go to any specific task flow let’s see whether UI follows the mental models of distributors and retail customers.

Page 5: EMEA Mobile Appskardash.net/portfolio/Herbalife/expert_reviews/EMEA Findings - for U… · Goal of this presentation To convince business owner: •to step back from fixing task flows

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

Page 6: EMEA Mobile Appskardash.net/portfolio/Herbalife/expert_reviews/EMEA Findings - for U… · Goal of this presentation To convince business owner: •to step back from fixing task flows

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)

Page 7: EMEA Mobile Appskardash.net/portfolio/Herbalife/expert_reviews/EMEA Findings - for U… · Goal of this presentation To convince business owner: •to step back from fixing task flows

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

Page 8: EMEA Mobile Appskardash.net/portfolio/Herbalife/expert_reviews/EMEA Findings - for U… · Goal of this presentation To convince business owner: •to step back from fixing task flows

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

Page 9: EMEA Mobile Appskardash.net/portfolio/Herbalife/expert_reviews/EMEA Findings - for U… · Goal of this presentation To convince business owner: •to step back from fixing task flows

IA: Guidance through the task in Herbalife+ app

Identical non-informative screens without any task guidance or navigational guidance

Page 10: EMEA Mobile Appskardash.net/portfolio/Herbalife/expert_reviews/EMEA Findings - for U… · Goal of this presentation To convince business owner: •to step back from fixing task flows

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

Page 11: EMEA Mobile Appskardash.net/portfolio/Herbalife/expert_reviews/EMEA Findings - for U… · Goal of this presentation To convince business owner: •to step back from fixing task flows

IA: How it can be (prototype)