Mobile UX Trends - Digitas

35
2014 TRENDS IN MOBILE DESIGN ALEX MCLELAND SENIOR EXPERIENCE DESIGNER

description

DigitasLBi is celebrating World Usability Day with an extended weeklong celebration of the intersection of usability, mobility, and design. The highlight of the week will be our 2nd annual partnership event with IxDA. Join Experience Designer, Alex McLeland, as he shares the latest mobile design trends. He'll present examples of how brands are using these trends to build stylish new mobile experiences that differentiate their brands from their less nimble competitors.

Transcript of Mobile UX Trends - Digitas

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