mobile ux trends - digitas

Post on 02-Jul-2015

250 Views

Category:

Design

0 Downloads

Preview:

Click to see full reader

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

2014 TRENDS IN MOBILE DESIGN

ALEX MCLELANDSENIOR EXPERIENCE DESIGNER

About meDefining trendsUX - the experienceUI - how we experience

1234

Agenda

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.

UX: the experience

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.

Context considerationsLocation

Environment

Time

Seamless continuation

AroundMe

Nest

Shopkick

Content• Millions of pieces of content are shared daily.

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

• Content should be engaging and relevant.

Ted Umano

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.

Snapchat Secret

UI: how we experience

UI: how we experience•Simplicity

•Displaying content

•Navigation

•Micro UX

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.

Vine Jukely

Uniqlo RECIPE

Flat DesignMinimalist design that emphasizes usability

UnfamiliarConfusionLacks personality

Why not do it?Why do it?

UsableModernEfficientAdaptable

Vine Highlight

Piclab

CardsDelivers information bursts in an expandable format

Rare occasionsWhy not do it?Why do it?

AggregationDigestible Informative

Google Now Twitter

Large imageryMassive pictures and background images

Limited explanationInefficient

Why not do it?Why do it?

CompellingInformativeScannable

Paleo Plate

Pull&BearAirbnb

BlurTechnique that allows play with layers of an interface

ExpectationsLearningMisuse

Why not do it?Why do it?

Elevates contentRicher experience

Rdio InspireTruth

Beat

MinimalistCondensed navigations

ConfusionMore actions

Why not do it?Why do it?

Content focusedReduced optionsAppealing

Medium Pitchfork

AnchoredFixed navigations throughout an experience

Real estateWhy not do it?Why do it?

Accessibility SearchBranding

Maytag Mashable

ExperimentationNew and unique ways to navigate

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

Innovation

Sprint Faster Etch

TransitionsMotion through pages or layers of an experience

SluggishExaggerated

Why not do it?Why do it?

FrictionlessDelightfulInnovation

AnimationsMotion on individual pages of an experience

Lack of motivationChaos

Why not do it?Why do it?

DelightfulCaptivating

Designation Nimbletank

PhysicalPhysical actions that trigger a response

ErrorLearning

Why not do it?Why do it?

EngagingPerceived speed

Google Maps Touch ID

Thank youALEX.MCLELAND@DIGITASLBI.COM312 729 0489

top related