mini-training: mobile ux trends

Download Mini-Training: Mobile UX Trends

Post on 02-Dec-2014

169 views

Category:

Internet

0 download

Embed Size (px)

DESCRIPTION

An introduction to recent trends in mobile user exeprience.

TRANSCRIPT

  • 1. Mobile UX trends October 2014 Gabriel Soares
  • 2. Summary 2 -Interface -Spaces & Content -Colors -Pictures & Effects -Gestures -Animations -Features & Animations
  • 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
  • 4. 4 FIFA iOS
  • 5. 5 FIFA Android
  • 6. 6 Le Monde iOS
  • 7. 7 Le Monde Android
  • 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. 9 Airbnb
  • 10. 10 Yahoo News Digest 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. 13 Vine iOS
  • 14. 14 Tinder iOS Uber iOS
  • 15. 15 Pictures & Effects Blurred backgrounds : focus the users 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. 17 Flipboard Android
  • 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 dont want complex gestures (3 finger tap..)
  • 19. 19 Mailbox iOS Google Now Instagram
  • 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/
  • 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 Google glass Twitter Google glass Maps Google glass
  • 24. 24 Amazon iOS 1Password iOS
  • 25. 25 MLB At the Ballpark iOS
  • 26. Extras apps 26
  • 27. 27 Show you iOS
  • 28. 28 Umano iOS
  • 29. 29 Runkeeper
  • 30. Findout more On https://techblog.betclicgroup.com/
  • 31. WewantourSportsbetting,Poker,HorseracingandCasino&Gamesbrandstobeeasytouseforeverygameraroundtheworld. Codewithustomakethathappen. Look at 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.Werebuildingourcompanytomakethathappen. Activein100countrieswithmorethan12millioncustomersworldwide,theGroupiscommittedtopromotingsecureandresponsiblegamingandisamemberofseveralinternationalprofessionalassociationsincludingtheEGBA(EuropeanGamingandBettingAssociation)andtheESSA(EuropeanSportsSecurityAssociation).