This document discusses mobile UX trends from October 2014. It covers interfaces, use of space and content, colors, pictures and effects, gestures, and animations. Specific trends mentioned include simplified interfaces focusing on key actions, use of layered and circular interface elements, infographics, blurred backgrounds, large images, swipe gestures, and animations that guide users without overusing motion effects. Examples are provided for many of these trends from apps like FIFA, Airbnb, Vine, and Google Glass. Guidelines are also referenced from Apple, Android, Windows, and other sources.
3. 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 Principles
http://dev.windows.com/en-us/design
Multi OS apps
Common elements and display
Specifications on some dedicated OS elements
8. 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
12. Colors
12
Typography : size ,coulour, bold:
First user impression
More readibility
Branding
Monochromatic or minimal use of colours:
-To make tap zones very clear
-To focus on content and not only on graphics
15. 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
18. 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..)
20. 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
Transitions
http://dan-silver.github.io/ElementTransitions.js/
22. Features & Innovations
22
Wearable :
Google glass, Smart watches , wrist bands
New 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 store
Bluetooth smart : Low energy Bluetooth
23. 23
Kia Google glass
Twitter Google glass
Maps Google glass
32. About Us
•BetclicEverestGroup,oneoftheworldleadersinonlinegaming,hasauniqueportfoliocomprisingvariouscomplementaryinternationalbrands:Betclic,Everest, Bet-at-home.com,Expekt,Monte-CarloCasino…
•Throughourbrands,BetclicEverestGroupplacesexpertise,technologicalknow-howandsecurityattheheartofourstrategytodeliveranon-linegamingofferattunedtothepassionofourplayers.Wewantourbrandstobeeasytouseforeverygameraroundtheworld.We’rebuildingourcompanytomakethathappen.
•Activein100countrieswithmorethan12millioncustomersworldwide,theGroupiscommittedtopromotingsecureandresponsiblegamingandisamemberofseveralinternationalprofessionalassociationsincludingtheEGBA(EuropeanGamingandBettingAssociation)andtheESSA(EuropeanSportsSecurityAssociation).