! DIGITAL ART - Pofessional Keynote Template 2014 ®! ! ! 1
#LE DESIGN MOBILE
Les 10 tendances du moment pour vous garantir...
! DIGITAL ART - Pofessional Keynote Template 2014 ®! ! ! 2
FAIRE PLACE À L’ERGONOMIE
# TENDANCE 1 / 2014
1
! DIGITAL ART - Pofessional Keynote Template 2014 ®! ! !
Tendance n°1
3
PLACE À L’ERGONOMIE
✓L’ergonomie devient plus impo...
! DIGITAL ART - Pofessional Keynote Template 2014 ®! ! ! 4
FLAT DESIGN FOR EVER
2 # TENDANCE 2/ 2014
! DIGITAL ART - Pofessional Keynote Template 2014 ®! ! !
Tendance n°2
5
FLAT DESIGN FOR EVER
#CLARTÉ UTILISATEUR
#PAS DE D...
! DIGITAL ART - Pofessional Keynote Template 2014 ®! ! ! 6
RESPECTER LES PRINCIPES NATIFS
3 # TENDANCE 3/ 2014
! DIGITAL ART - Pofessional Keynote Template 2014 ®! ! !
Tendance n°3
7
RESPECTER LES PRINCIPES NATIFS
✓Respecter les prin...
! DIGITAL ART - Pofessional Keynote Template 2014 ®! ! ! 8
PENSER AUX ANIMATIONS
4 # TENDANCE 4/ 2014
! DIGITAL ART - Pofessional Keynote Template 2014 ®! ! !
Tendance n°4
9
PENSER AUX ANIMATIONS
✓Simple et épuré ne veut pas...
! DIGITAL ART - Pofessional Keynote Template 2014 ®! ! ! 10
SLIDING MENU EVERYWHERE
5 # TENDANCE 5 / 2014
! DIGITAL ART - Pofessional Keynote Template 2014 ®! ! !
Tendance n°5
11
SLIDING MENU EVERYWHERE
D’abord sur iOS, il se gé...
! DIGITAL ART - Pofessional Keynote Template 2014 ®! ! ! 12
PHOTOS LARGES
6 # TENDANCE 6 / 2014
! DIGITAL ART - Pofessional Keynote Template 2014 ®! ! !
Tendance n°6
13
PHOTOS LARGES
✓Les mobinautes sont des grands
con...
! DIGITAL ART - Pofessional Keynote Template 2014 ®! ! ! 14
BLUR
7 # TENDANCE 7/ 2014
! DIGITAL ART - Pofessional Keynote Template 2014 ®! ! !
Tendance n°7
15
BLUR
#BLUR = FLOU D’IMAGE
#INTÉGRATION
PARFAIRE A...
! DIGITAL ART - Pofessional Keynote Template 2014 ®! ! ! 16
BLANC TOURNANT
8 # TENDANCE 8 / 2014
! DIGITAL ART - Pofessional Keynote Template 2014 ®! ! !
Tendance n°8
17
BLANC TOURNANT
Blanc tournant = clarté, air, espa...
! DIGITAL ART - Pofessional Keynote Template 2014 ®! ! ! 18
POLICE « Thin » ET « Light »
9 # TENDANCE 9 / 2014
! DIGITAL ART - Pofessional Keynote Template 2014 ®! ! !
Tendance n°9
19
POLICE « Thin » ET « Light »
✓Les nouveaux format...
! DIGITAL ART - Pofessional Keynote Template 2014 ®! ! ! 20
GESTUELLE OBLIGATOIRE
10 # TENDANCE 10 / 2014
! DIGITAL ART - Pofessional Keynote Template 2014 ®! ! !
Tendance n°10
21
GESTUELLE OBLIGATOIRE
✓La plus grande différenci...
! DIGITAL ART - Pofessional Keynote Template 2014 ®! ! ! 2222
MERCI
POUR
VOTRE
ATTENTION
Prochain SlideShare
Chargement dans…5
×

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

1 894 vues

Publié le

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

Publié dans : Mobile
0 commentaire
4 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
1 894
Sur SlideShare
0
Issues des intégrations
0
Intégrations
241
Actions
Partages
0
Téléchargements
39
Commentaires
0
J’aime
4
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

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

  1. 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. 2. ! DIGITAL ART - Pofessional Keynote Template 2014 ®! ! ! 2 FAIRE PLACE À L’ERGONOMIE # TENDANCE 1 / 2014 1
  3. 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. 4. ! DIGITAL ART - Pofessional Keynote Template 2014 ®! ! ! 4 FLAT DESIGN FOR EVER 2 # TENDANCE 2/ 2014
  5. 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. 6. ! DIGITAL ART - Pofessional Keynote Template 2014 ®! ! ! 6 RESPECTER LES PRINCIPES NATIFS 3 # TENDANCE 3/ 2014
  7. 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. 8. ! DIGITAL ART - Pofessional Keynote Template 2014 ®! ! ! 8 PENSER AUX ANIMATIONS 4 # TENDANCE 4/ 2014
  9. 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 du rebond Rendre vivant
  10. 10. ! DIGITAL ART - Pofessional Keynote Template 2014 ®! ! ! 10 SLIDING MENU EVERYWHERE 5 # TENDANCE 5 / 2014
  11. 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. 12. ! DIGITAL ART - Pofessional Keynote Template 2014 ®! ! ! 12 PHOTOS LARGES 6 # TENDANCE 6 / 2014
  13. 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. 14. ! DIGITAL ART - Pofessional Keynote Template 2014 ®! ! ! 14 BLUR 7 # TENDANCE 7/ 2014
  15. 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. 16. ! DIGITAL ART - Pofessional Keynote Template 2014 ®! ! ! 16 BLANC TOURNANT 8 # TENDANCE 8 / 2014
  17. 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. 18. ! DIGITAL ART - Pofessional Keynote Template 2014 ®! ! ! 18 POLICE « Thin » ET « Light » 9 # TENDANCE 9 / 2014
  19. 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. 20. ! DIGITAL ART - Pofessional Keynote Template 2014 ®! ! ! 20 GESTUELLE OBLIGATOIRE 10 # TENDANCE 10 / 2014
  21. 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. 22. ! DIGITAL ART - Pofessional Keynote Template 2014 ®! ! ! 2222 MERCI POUR VOTRE ATTENTION

×