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

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 du
rebond
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