• 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 À L’ERGONOMIE # TENDANCE 1 / 2014 1
  • 3. ! DIGITAL ART - Pofessional Keynote Template 2014 ®! ! ! Tendance n°1 3 PLACE À L’ERGONOMIE ✓L’ergonomie devient plus importante que le design et ses effets « whaouuu ». ! ✓Terminer les grigris esthétiques, 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 compréhension 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 n°2 5 FLAT DESIGN FOR EVER #CLARTÉ UTILISATEUR #PAS DE DÉGRADÉ INUTILE #PERMET DE SE CONCENTRER SUR L’ERGONOMIE #ILLUSTRATION ET BOUTON PROCHE DE LA SIGNALÉTIQUE #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 n°3 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 d’éléments 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 n°4 9 PENSER AUX ANIMATIONS ✓Simple et épuré ne veut pas dire figé et triste. ! ✓Travailler vos transitions de vues, vos scrollings et la manière de faire apparaître vos éléments. ! ✓Penser à mettre des feedbacks et un peu d’humour ! 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 n°5 11 SLIDING MENU EVERYWHERE D’abord sur iOS, il se généralise sur l’ensemble des plateformes01 Devient un standard de navigation au même titre que la tab barre02 Espace plus personnel à la marque il peut-être plus customisé03 Attention à limiter les entrées pour ne pas perdre l’intuitivité04
  • 12. ! DIGITAL ART - Pofessional Keynote Template 2014 ®! ! ! 12 PHOTOS LARGES 6 # TENDANCE 6 / 2014
  • 13. ! DIGITAL ART - Pofessional Keynote Template 2014 ®! ! ! Tendance n°6 13 PHOTOS LARGES ✓Les mobinautes sont des grands consommateurs de contenus médias : vidéo & photos. ! ✓L’amélioration des écrans mobiles et du rendu visuel en font un contenu incontournable. ! ✓Mieux vaut ne pas mettre d’image que d’en 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 n°7 15 BLUR #BLUR = FLOU D’IMAGE #INTÉGRATION PARFAIRE AVEC LE FLAT DESIGN #NÉCESSITE 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 n°8 17 BLANC TOURNANT Blanc tournant = clarté, air, espace.01 Eléments 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 n°9 19 POLICE « Thin » ET « Light » ✓Les nouveaux formats de tailles d’écrans acceptent désormais les polices plus fines. ! ✓Police légère et élégante qui donne la sensation d’une lecture reposante. Souvent associée à une couleur grise. ! ✓La police est désormais un élément esthétique d’une application mobile.
  • 20. ! DIGITAL ART - Pofessional Keynote Template 2014 ®! ! ! 20 GESTUELLE OBLIGATOIRE 10 # TENDANCE 10 / 2014
  • 21. ! DIGITAL ART - Pofessional Keynote Template 2014 ®! ! ! Tendance n°10 21 GESTUELLE OBLIGATOIRE ✓La plus grande différenciation avec les autres supports de communication. ! ✓Elle participe à la navigation et aux interactions avec les fonctionnalités. ! ✓Elle est codifiée pour chaque plateforme.
  • 22. ! DIGITAL ART - Pofessional Keynote Template 2014 ®! ! ! 2222 MERCI POUR VOTRE ATTENTION
    Please download to view
  • All materials on our website are shared by users. If you have any questions about copyright issues, please report us to resolve them. We are always happy to assist you.
    ...

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

    by anais-vivion

    on

    Report

    Category:

    Mobile

    Download: 0

    Comment: 0

    1,197

    views

    Comments

    Description

    Pitch d'expert au App Awards
    Le design sur mobile comment bien se positionner et travailler une ergonomie gagnante By BeApp
    Download 10 tendances mobile pour vous garantir un design et une ergonomie gagnantes

    Transcript

    • 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 À L’ERGONOMIE # TENDANCE 1 / 2014 1
  • 3. ! DIGITAL ART - Pofessional Keynote Template 2014 ®! ! ! Tendance n°1 3 PLACE À L’ERGONOMIE ✓L’ergonomie devient plus importante que le design et ses effets « whaouuu ». ! ✓Terminer les grigris esthétiques, 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 compréhension 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 n°2 5 FLAT DESIGN FOR EVER #CLARTÉ UTILISATEUR #PAS DE DÉGRADÉ INUTILE #PERMET DE SE CONCENTRER SUR L’ERGONOMIE #ILLUSTRATION ET BOUTON PROCHE DE LA SIGNALÉTIQUE #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 n°3 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 d’éléments 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 n°4 9 PENSER AUX ANIMATIONS ✓Simple et épuré ne veut pas dire figé et triste. ! ✓Travailler vos transitions de vues, vos scrollings et la manière de faire apparaître vos éléments. ! ✓Penser à mettre des feedbacks et un peu d’humour ! 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 n°5 11 SLIDING MENU EVERYWHERE D’abord sur iOS, il se généralise sur l’ensemble des plateformes01 Devient un standard de navigation au même titre que la tab barre02 Espace plus personnel à la marque il peut-être plus customisé03 Attention à limiter les entrées pour ne pas perdre l’intuitivité04
  • 12. ! DIGITAL ART - Pofessional Keynote Template 2014 ®! ! ! 12 PHOTOS LARGES 6 # TENDANCE 6 / 2014
  • 13. ! DIGITAL ART - Pofessional Keynote Template 2014 ®! ! ! Tendance n°6 13 PHOTOS LARGES ✓Les mobinautes sont des grands consommateurs de contenus médias : vidéo & photos. ! ✓L’amélioration des écrans mobiles et du rendu visuel en font un contenu incontournable. ! ✓Mieux vaut ne pas mettre d’image que d’en 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 n°7 15 BLUR #BLUR = FLOU D’IMAGE #INTÉGRATION PARFAIRE AVEC LE FLAT DESIGN #NÉCESSITE 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 n°8 17 BLANC TOURNANT Blanc tournant = clarté, air, espace.01 Eléments 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 n°9 19 POLICE « Thin » ET « Light » ✓Les nouveaux formats de tailles d’écrans acceptent désormais les polices plus fines. ! ✓Police légère et élégante qui donne la sensation d’une lecture reposante. Souvent associée à une couleur grise. ! ✓La police est désormais un élément esthétique d’une application mobile.
  • 20. ! DIGITAL ART - Pofessional Keynote Template 2014 ®! ! ! 20 GESTUELLE OBLIGATOIRE 10 # TENDANCE 10 / 2014
  • 21. ! DIGITAL ART - Pofessional Keynote Template 2014 ®! ! ! Tendance n°10 21 GESTUELLE OBLIGATOIRE ✓La plus grande différenciation avec les autres supports de communication. ! ✓Elle participe à la navigation et aux interactions avec les fonctionnalités. ! ✓Elle est codifiée pour chaque plateforme.
  • 22. ! DIGITAL ART - Pofessional Keynote Template 2014 ®! ! ! 2222 MERCI POUR VOTRE ATTENTION
  • Fly UP