10 tendances mobile pour vous garantir un design et une ergonomie gagnantes

Click here to load reader

  • date post

    12-Jun-2015
  • Category

    Mobile

  • view

    1.198
  • download

    0

Embed Size (px)

description

Pitch d'expert au App Awards Le design sur mobile comment bien se positionner et travailler une ergonomie gagnante By BeApp

Transcript of 10 tendances mobile pour vous garantir un design et une ergonomie gagnantes

  • 1. ! DIGITAL ART - Pofessional Keynote Template 2014 ! ! ! 1 #LE DESIGN MOBILE Les 10 tendances du moment pour vous garantir un design et une ergonomie gagnante

2. ! DIGITAL ART - Pofessional Keynote Template 2014 ! ! ! 2 FAIRE PLACE LERGONOMIE # TENDANCE 1 / 2014 1 3. ! DIGITAL ART - Pofessional Keynote Template 2014 ! ! ! Tendance n1 3 PLACE LERGONOMIE Lergonomie devient plus importante que le design et ses effets whaouuu. ! Terminer les grigris esthtiques, les graphistes doivent aussi tre ergonomes. ! A t t e n t e u t i l i s a t e u r f o r t e s u r l a comprhension rapide de la navigation. 4. ! DIGITAL ART - Pofessional Keynote Template 2014 ! ! ! 4 FLAT DESIGN FOR EVER 2 # TENDANCE 2/ 2014 5. ! DIGITAL ART - Pofessional Keynote Template 2014 ! ! ! Tendance n2 5 FLAT DESIGN FOR EVER #CLART UTILISATEUR #PAS DE DGRAD INUTILE #PERMET DE SE CONCENTRER SUR LERGONOMIE #ILLUSTRATION ET BOUTON PROCHE DE LA SIGNALTIQUE #MAXIMISER LES STANDARDS 6. ! DIGITAL ART - Pofessional Keynote Template 2014 ! ! ! 6 RESPECTER LES PRINCIPES NATIFS 3 # TENDANCE 3/ 2014 7. ! DIGITAL ART - Pofessional Keynote Template 2014 ! ! ! Tendance n3 7 RESPECTER LES PRINCIPES NATIFS Respecter les principes de navigation de chaque plateforme (iOS, Android, Windows). ! Les utilisateurs ont choisi leurs plateformes > ne leur modifier pas leurs habitudes de navigation. ! Utilisation dlments natifs qui sont maintenant des standards de navigation : partage, etc. 8. ! DIGITAL ART - Pofessional Keynote Template 2014 ! ! ! 8 PENSER AUX ANIMATIONS 4 # TENDANCE 4/ 2014 9. ! DIGITAL ART - Pofessional Keynote Template 2014 ! ! ! Tendance n4 9 PENSER AUX ANIMATIONS Simple et pur ne veut pas dire fig et triste. ! Travailler vos transitions de vues, vos scrollings et la manire de faire apparatre vos lments. ! Penser mettre des feedbacks et un peu dhumour ! Donner durebond Rendre vivant 10. ! DIGITAL ART - Pofessional Keynote Template 2014 ! ! ! 10 SLIDING MENU EVERYWHERE 5 # TENDANCE 5 / 2014 11. ! DIGITAL ART - Pofessional Keynote Template 2014 ! ! ! Tendance n5 11 SLIDING MENU EVERYWHERE Dabord sur iOS, il se gnralise sur lensemble des plateformes01 Devient un standard de navigation au mme titre que la tab barre02 Espace plus personnel la marque il peut-tre plus customis03 Attention limiter les entres pour ne pas perdre lintuitivit04 12. ! DIGITAL ART - Pofessional Keynote Template 2014 ! ! ! 12 PHOTOS LARGES 6 # TENDANCE 6 / 2014 13. ! DIGITAL ART - Pofessional Keynote Template 2014 ! ! ! Tendance n6 13 PHOTOS LARGES Les mobinautes sont des grands consommateurs de contenus mdias : vido & photos. ! Lamlioration des crans mobiles et du rendu visuel en font un contenu incontournable. ! Mieux vaut ne pas mettre dimage que den mettre de mauvaise qualit. 14. ! DIGITAL ART - Pofessional Keynote Template 2014 ! ! ! 14 BLUR 7 # TENDANCE 7/ 2014 15. ! DIGITAL ART - Pofessional Keynote Template 2014 ! ! ! Tendance n7 15 BLUR #BLUR = FLOU DIMAGE #INTGRATION PARFAIRE AVEC LE FLAT DESIGN #NCESSITE DE BEAU VISUEL #AMENE DE LA TEXTURE #DONNE DE LA VIE AUX TENDANCES DESIGN PLATES 16. ! DIGITAL ART - Pofessional Keynote Template 2014 ! ! ! 16 BLANC TOURNANT 8 # TENDANCE 8 / 2014 17. ! DIGITAL ART - Pofessional Keynote Template 2014 ! ! ! Tendance n8 17 BLANC TOURNANT Blanc tournant = clart, air, espace.01 Elments incontournables des mises en page02 A utiliser dans les pages de texte ou bord de page03 18. ! DIGITAL ART - Pofessional Keynote Template 2014 ! ! ! 18 POLICE Thin ET Light 9 # TENDANCE 9 / 2014 19. ! DIGITAL ART - Pofessional Keynote Template 2014 ! ! ! Tendance n9 19 POLICE Thin ET Light Les nouveaux formats de tailles dcrans acceptent dsormais les polices plus fines. ! Police lgre et lgante qui donne la sensation dune lecture reposante. Souvent associe une couleur grise. ! La police est dsormais un lment esthtique dune application mobile. 20. ! DIGITAL ART - Pofessional Keynote Template 2014 ! ! ! 20 GESTUELLE OBLIGATOIRE 10 # TENDANCE 10 / 2014 21. ! DIGITAL ART - Pofessional Keynote Template 2014 ! ! ! Tendance n10 21 GESTUELLE OBLIGATOIRE La plus grande diffrenciation avec les autres supports de communication. ! Elle participe la navigation et aux interactions avec les fonctionnalits. ! Elle est codifie pour chaque plateforme. 22. ! DIGITAL ART - Pofessional Keynote Template 2014 ! ! ! 2222 MERCI POUR VOTRE ATTENTION