Transcript
Page 1: Mobile UX Trends - Digitas

2014 TRENDS IN MOBILE DESIGN

ALEX MCLELANDSENIOR EXPERIENCE DESIGNER

Page 2: Mobile UX Trends - Digitas

About meDefining trendsUX - the experienceUI - how we experience

1234

Agenda

Page 3: Mobile UX Trends - Digitas

Trends• The general direction in which something tends to move.

• Web trends tend to change direction extremely fast.

• The only way to predict a trend is to create it.

Page 4: Mobile UX Trends - Digitas

UX: the experience

Page 5: Mobile UX Trends - Digitas

Context• People are able to interact with a mobile experience at home,

work, during a commute or at their kid’s soccer game.

• Interfaces need environmental and situational awareness that can adapt to provide excellent experiences.

Page 6: Mobile UX Trends - Digitas

Context considerationsLocation

Environment

Time

Seamless continuation

Page 7: Mobile UX Trends - Digitas

AroundMe

Nest

Shopkick

Page 8: Mobile UX Trends - Digitas

Content• Millions of pieces of content are shared daily.

• Content is king, but more isn’t necessarily better.

• Content should be engaging and relevant.

Page 9: Mobile UX Trends - Digitas

Ted Umano

Page 10: Mobile UX Trends - Digitas

Content impermanence• Content living on the web forever is a scary thought.

• People are creating new and unique ways to share content and make conversation.

Page 11: Mobile UX Trends - Digitas

Snapchat Secret

Page 12: Mobile UX Trends - Digitas

UI: how we experience

Page 13: Mobile UX Trends - Digitas

UI: how we experience•Simplicity

•Displaying content

•Navigation

•Micro UX

Page 14: Mobile UX Trends - Digitas

Simplicity• Mobile means less time, more distractions, multi-tasking, smaller

screens and inferior input mechanisms.

• Simplicity doesn’t mean less, it means smart.

• Interfaces needs to be personalized and contextualized to adapt and provide utility.

Page 15: Mobile UX Trends - Digitas

Vine Jukely

Uniqlo RECIPE

Page 16: Mobile UX Trends - Digitas

Flat DesignMinimalist design that emphasizes usability

UnfamiliarConfusionLacks personality

Why not do it?Why do it?

UsableModernEfficientAdaptable

Page 17: Mobile UX Trends - Digitas

Vine Highlight

Piclab

Page 18: Mobile UX Trends - Digitas

CardsDelivers information bursts in an expandable format

Rare occasionsWhy not do it?Why do it?

AggregationDigestible Informative

Page 19: Mobile UX Trends - Digitas

Google Now Twitter

Page 20: Mobile UX Trends - Digitas

Large imageryMassive pictures and background images

Limited explanationInefficient

Why not do it?Why do it?

CompellingInformativeScannable

Page 21: Mobile UX Trends - Digitas

Paleo Plate

Pull&BearAirbnb

Page 22: Mobile UX Trends - Digitas

BlurTechnique that allows play with layers of an interface

ExpectationsLearningMisuse

Why not do it?Why do it?

Elevates contentRicher experience

Page 23: Mobile UX Trends - Digitas

Rdio InspireTruth

Beat

Page 24: Mobile UX Trends - Digitas

MinimalistCondensed navigations

ConfusionMore actions

Why not do it?Why do it?

Content focusedReduced optionsAppealing

Page 25: Mobile UX Trends - Digitas

Medium Pitchfork

Page 26: Mobile UX Trends - Digitas

AnchoredFixed navigations throughout an experience

Real estateWhy not do it?Why do it?

Accessibility SearchBranding

Page 27: Mobile UX Trends - Digitas

Maytag Mashable

Page 28: Mobile UX Trends - Digitas

ExperimentationNew and unique ways to navigate

Risk of bad experienceWhy not do it?Why do it?

Innovation

Page 29: Mobile UX Trends - Digitas

Sprint Faster Etch

Page 30: Mobile UX Trends - Digitas

TransitionsMotion through pages or layers of an experience

SluggishExaggerated

Why not do it?Why do it?

FrictionlessDelightfulInnovation

Page 31: Mobile UX Trends - Digitas

AnimationsMotion on individual pages of an experience

Lack of motivationChaos

Why not do it?Why do it?

DelightfulCaptivating

Page 32: Mobile UX Trends - Digitas

Designation Nimbletank

Page 33: Mobile UX Trends - Digitas

PhysicalPhysical actions that trigger a response

ErrorLearning

Why not do it?Why do it?

EngagingPerceived speed

Page 34: Mobile UX Trends - Digitas

Google Maps Touch ID


Top Related