Upload
anais-vivion
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
Citation preview
DIGITAL ART - Pofessional Keynote Template 2014 ® �1
#LE DESIGN MOBILE Les 10 tendances du moment pour vous garantir un
design et une ergonomie gagnante
DIGITAL ART - Pofessional Keynote Template 2014 ® �2
FAIRE PLACE À L’ERGONOMIE
# TENDANCE 1 / 20141
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.
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ÉGRADÉ INUTILE
#PERMET DE SE
CONCENTRER
SUR L’ERGONOMIE
#ILLUSTRATION ET
BOUTON PROCHE
DE LA SIGNALÉTIQUE
#MAXIMISER
LES STANDARDS
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 principes de navigation de chaque p lateforme ( 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.
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 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
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énéralise sur l’ensemble des plateformes 01
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
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 mob inau tes son t des g rands consommateurs de contenus médias : vidéo & photos.
!
✓L’amélioration des écrans mobiles et du rendu v i sue l en fon t un con tenu incontournable.
!
✓Mieux vaut ne pas mettre d’image que d’en mettre de mauvaise qualité.
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 AVEC LE
FLAT DESIGN
#NÉCESSITE DE BEAU
VISUEL
#AMENE DE LA
TEXTURE
#DONNE DE LA VIE
AUX TENDANCES
DESIGN PLATES
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, espace. 01
Eléments incontournables des mises en page02
A utiliser dans les pages de texte ou bord de page 03
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 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.
DIGITAL ART - Pofessional Keynote Template 2014 ® �20
GESTUELLE OBLIGATOIRE10 # TENDANCE 10 / 2014
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.
DIGITAL ART - Pofessional Keynote Template 2014 ® �2222
MERCI
POUR
VOTRE
ATTENTION