10 tendances mobile pour vous garantir un design et une ergonomie gagnantes
DESCRIPTION
Pitch d'expert au App Awards Le design sur mobile comment bien se positionner et travailler une ergonomie gagnante By BeAppTRANSCRIPT
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