The document discusses trends in mobile design in 2014. It identifies context awareness that adapts to the user's environment and situation as an important trend. Content is also a key focus, though more content is not always better; it should be engaging and relevant. Simplicity is important for mobile, focusing on smart design rather than less features. Common UI trends included flat design, cards for information bursts, large imagery, blur effects, minimalist navigation, anchored bars, transitions between pages, and using physical actions like touch.

1. 2014 TRENDS IN MOBILE DESIGN
ALEX MCLELAND
SENIOR EXPERIENCE DESIGNER

2. About me
Defining trends
UX - the experience
UI - how we experience
1
2
3
4
Agenda

3. 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.

4. UX: the experience

5. 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.

6. Context considerations
Location
Environment
Time
Seamless continuation

7. AroundMe
Shopkick
Nest

8. Content
• Millions of pieces of content are shared daily.
• Content is king, but more isn’t necessarily better.
• Content should be engaging and relevant.

9. Ted Umano

10. 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.

11. Snapchat Secret

12. UI: how we experience

13. UI: how we experience
•Simplicity
•Displaying content
•Navigation
•Micro UX

14. 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.

15. Vine Jukely
Uniqlo RECIPE

16. Flat Design
Minimalist design that emphasizes usability
Why do it? Why not do it?
Usable
Modern
Efficient
Adaptable
Unfamiliar
Confusion
Lacks personality

17. Vine Highlight
Piclab

18. Cards
Delivers information bursts in an expandable format
Why do it? Why not do it?
Aggregation
Digestible
Informative
Rare occasions

19. Google Now Twitter

20. Large imagery
Massive pictures and background images
Why do it? Why not do it?
Compelling
Informative
Scannable
Limited explanation
Inefficient

21. Airbnb Pull&Bear
Paleo Plate

22. Blur
Technique that allows play with layers of an interface
Why do it? Why not do it?
Elevates content
Richer experience
Expectations
Learning
Misuse

23. Rdio Inspire
Truth
Beat

24. Minimalist
Condensed navigations
Why do it? Why not do it?
Content focused
Reduced options
Appealing
Confusion
More actions

25. Medium Pitchfork

26. Anchored
Fixed navigations throughout an experience
Why do it? Why not do it?
Accessibility
Search
Branding
Real estate

27. Maytag Mashable

28. Experimentation
New and unique ways to navigate
Why do it? Why not do it?
Innovation
Risk of bad experience

29. Sprint Faster Etch

30. Transitions
Motion through pages or layers of an experience
Why do it? Why not do it?
Frictionless
Delightful
Innovation
Sluggish
Exaggerated

31. Animations
Motion on individual pages of an experience
Why do it? Why not do it?
Delightful
Captivating
Lack of motivation
Chaos

32. Designation Nimbletank

33. Physical
Physical actions that trigger a response
Why do it? Why not do it?
Engaging
Perceived speed
Error
Learning

34. Google Maps Touch ID

35. Thank you
ALEX.MCLELAND@DIGITASLBI.COM
312 729 0489