Downloaded 11 times
Uploaded byBetclic Everest Group Tech Team
Mini-Training: Mobile UX Trends
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.
More Related Content
Similar to Mini-Training: Mobile UX Trends
Mini-Training: Mobile UX Trends
- 1. Mobile UX trendsOctober 2014 –Gabriel Soares
- 2. Summary 2 -Interface -Spaces & Content -Colors -Pictures & Effects -Gestures -Animations -Features & Animations
- 3. Interface 3 PureGuidelines 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
- 4.
- 5.
- 6. 6 Le MondeiOS
- 7. 7 Le MondeAndroid
- 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
- 9.
- 10. 10 Yahoo NewsDigest Tinder
- 11. 11 Check –Bills& Money
- 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
- 13.
- 14. 14 Tinder iOSUber iOS
- 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
- 16. 16 Rdio Gogobot Medium
- 17.
- 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..)
- 19. 19 Mailbox iOSGoogle Now Instagram
- 20. Animations 20 Animationsshould 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/
- 21. 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 refreshhttp://capptivate.co/category/patterns/pull-to-refresh-patterns/
- 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 Googleglass Twitter Google glass Maps Google glass
- 24. 24 Amazon iOS 1Password iOS
- 25. 25 MLB Atthe Ballpark iOS
- 26.
- 27. 27 Show youiOS
- 28.
- 29.
- 30. Findout more •Onhttps://techblog.betclicgroup.com/
- 31. WewantourSportsbetting,Poker,HorseracingandCasino&Gamesbrandstobeeasytouseforeverygameraroundtheworld. Codewithustomakethathappen. Lookat all the challenges we offer HERE We are hiring ! Check our Employer Page Followus on LinkedIn
- 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).