mini-training: mobile ux trends
DESCRIPTION
An introduction to recent trends in mobile user exeprience.TRANSCRIPT
Mobile UX trends
October 2014 – Gabriel Soares
Summary
2
- Interface- Spaces & Content- Colors- Pictures & Effects- Gestures- Animations- Features & Animations
Interface
3
Pure Guidelines
iOS Human Interface Guidelines https://developer.apple.com/library/ios/documentation/userexperience/conceptual/mobilehig/
Android Design http://developer.android.com/design/index.html
Windows Phone Design Principleshttp://dev.windows.com/en-us/design
Multi OS apps
Common elements and displaySpecifications on some dedicated OS elements
4FIFA iOS
5FIFA Android
6Le Monde iOS
7Le Monde Android
Spaces & content
8
Elements: Be more functionnal and simplify interfaces, removing unnecessart elements to focus on buttons/actions
Content layered: Interfaces will become more layered and taking full advantage of the Z-axis. More depth for the user experience. Always need to be linked with gesture and animations.
Circles: new trend on webdesign by using circles on the interface
Infographics: great way to represent information in a small space
9Airbnb
10Yahoo News Digest Tinder
11Check – Bills & Money
Colors
12
Typography : size ,coulour, bold:
First user impression More readibilityBranding
Monochromatic or minimal use of colours:
- To make tap zones very clear- To focus on content and not only on graphics
13Vine iOS
14Tinder iOS Uber iOS
15
Pictures & Effects
Blurred backgrounds : focus the user’s attention to the content by playing with the layers
Large images: benefit of the UX on phablets and HD resolutions. Attractive imagery remember the fact of having a real picture on the hand
16Rdio Gogobot Medium
17Flipboard Android
Gestures
18
Swipe: standard used now for many actions like Go back, open a side menu, like or delete an item
Microinteractions (double tap, long press, shake..) : try to provide a physical shortcut for an action
Users don’t want complex gestures (3 finger tap..)
19Mailbox iOS Google Now Instagram
Animations
20
Animations should captive users attention but should always have a motivation of experience. Never abuse on motion effects
Splashscreen
Loading pages
Pull to refresh
Transitionshttp://dan-silver.github.io/ElementTransitions.js/
21
Splashscreen
http://capptivate.co/2014/08/26/hyperlapse/
http://capptivate.co/2014/02/17/reporter/
Transitions
http://capptivate.co/category/patterns/transitions/
http://capptivate.co/category/patterns/transitions/page/2/
http://i.imgur.com/PAw22Gn.gif
http://i.imgur.com/wbIWuKD.gif
Pull to refresh
http://capptivate.co/category/patterns/pull-to-refresh-patterns/
Features & Innovations
22
Wearable : Google glass, Smart watches , wrist bandsNew approach of design: highly contextualised, main features, simple actions
Touch ID:Easy way to login, pay with the fingerprint
Contextual awareness : Coupons : help on loyalty program and on the mobile to storeBluetooth smart : Low energy Bluetooth
23
Kia Google glass Twitter Google glass
Maps Google glass
24
Amazon iOS 1Password iOS
25MLB At the Ballpark iOS
Extras apps
26
27Show you iOS
28Umano iOS
29Runkeeper
We want our Sports betting, Poker, Horseracing and Casino & Games brands to be easyto use for every gamer around the world.Code with us to make that happen.
Look at all the challenges we offer HERE
We are hiring !
Check our Employer Page
Follow us on LinkedIn
About Us• Betclic Everest Group, one of the world leaders in online
gaming, has a unique portfolio comprising variouscomplementary international brands: Betclic, Everest,Bet-at-home.com, Expekt, Monte-Carlo Casino…
• Through our brands, Betclic Everest Group placesexpertise, technological know-how and security at theheart of our strategy to deliver an on-line gaming offerattuned to the passion of our players. We want ourbrands to be easy to use for every gamer around theworld. We’re building our company to make that happen.
• Active in 100 countries with more than 12 millioncustomers worldwide, the Group is committed topromoting secure and responsible gaming and is amember of several international professional associationsincluding the EGBA (European Gaming and BettingAssociation) and the ESSA (European Sports SecurityAssociation).