Transcript
Page 1: Broken Mobile UX Design
Page 2: Broken Mobile UX Design
Page 3: Broken Mobile UX Design
Page 4: Broken Mobile UX Design

Minimal app chrome

Excellent focus on content

Complete consistency

Page 5: Broken Mobile UX Design

Obvious to use

Ultra minimalism

Good, clear icon design

Page 6: Broken Mobile UX Design

Consistency in IA

Awesome minimal Visual

Design Language

Very easy to scan

Page 7: Broken Mobile UX Design

Consistency in typography and great handling of overall data structures

Everything just makes sense from UX point of view

Page 8: Broken Mobile UX Design
Page 9: Broken Mobile UX Design
Page 10: Broken Mobile UX Design

This is an actual example of a ‘testimonial’ from a real world agency website

Who gets ‘overwhelmed’ by a design of a toothbrush app?

Page 11: Broken Mobile UX Design

Never.

Use.

Popups!

Page 12: Broken Mobile UX Design

Never.

Use.

Popups!

Page 13: Broken Mobile UX Design

No consistency in any interactions or visual design language

Breaks many iOS design principles set out by Apple themselves!

Awful IA

Page 14: Broken Mobile UX Design

Use of militant tone towards end users

Lack of general tone of voice

Page 15: Broken Mobile UX Design

How can Google fail like this?

User is UK based with English language locale

Notice that translation failed too

Page 16: Broken Mobile UX Design

The home address is wrong 81 Church Road

Impossible to change in any easy way

Page 17: Broken Mobile UX Design

Notice the big arrow

Page 18: Broken Mobile UX Design

Notice the big arrow again

Page 19: Broken Mobile UX Design

Notice the lack of big arrow now?

Page 20: Broken Mobile UX Design

Still a lack of big arrow, so very hard to find walking directions to the bus stop

Page 21: Broken Mobile UX Design

Impossible to click the name of the station due to overlapping station exit markers

Page 22: Broken Mobile UX Design

Notice difference in sizes of + Connect buttons

I also don’t know Jeff Weiner

Page 23: Broken Mobile UX Design

My ‘base’ currency is UKP in the settings, but UI forcing USD as the base currency

Max daily purchase is £100, which is tricky to convert into equivalent $

Page 24: Broken Mobile UX Design

‘Help’ link looks just like the description text on the left, so not obvious it was a link

This entire flow is also very unclear due to terminology used

Page 25: Broken Mobile UX Design

Bottom navigation lacks affordance that it is navigation

Top navigation hides additional functionality which isn’t obvious to discover at all

Page 26: Broken Mobile UX Design

Not user’s fault here

Tesco’s API doesn’t work, but they are reporting it as an issue with username and password

Page 27: Broken Mobile UX Design

Core focus is moments, which is not what Twitter is about

Forcing unwanted content onto users

This is a … news feed

Page 28: Broken Mobile UX Design

Hidden £2 charge only revealed at a point when cancellation request is invoked after 10+ minutes of waiting

Message is untrue, as the driver was looking for another person to pick up

Page 29: Broken Mobile UX Design

Smileys are important to express emotions

Page 30: Broken Mobile UX Design

These are ‘new’ Facebook smileys

Page 31: Broken Mobile UX Design

There are also smileys still here for some reason

Page 32: Broken Mobile UX Design

Searching stickers (smileys?!) is rendered in a different way

Why isn’t there just one area where all smileys and stickers are at?

Page 33: Broken Mobile UX Design

Too much navigation

Desktop ‘folded’ into mobile

Page 34: Broken Mobile UX Design

Even more navigation

Top products displayed in unclear way - picture isn’t enough

Page 35: Broken Mobile UX Design

Nocomment!

Page 36: Broken Mobile UX Design

Top Related