Transcript
Page 1: 10 tendances mobile pour vous garantir un design et une ergonomie gagnantes

DIGITAL ART - Pofessional Keynote Template 2014 ® �1

#LE DESIGN MOBILE Les 10 tendances du moment pour vous garantir un

design et une ergonomie gagnante

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

DIGITAL ART - Pofessional Keynote Template 2014 ® �2

FAIRE PLACE À L’ERGONOMIE

# TENDANCE 1 / 20141

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

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.

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

DIGITAL ART - Pofessional Keynote Template 2014 ® �4

FLAT DESIGN FOR EVER 2 # TENDANCE 2/ 2014

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

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

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

DIGITAL ART - Pofessional Keynote Template 2014 ® �6

RESPECTER LES PRINCIPES NATIFS 3 # TENDANCE 3/ 2014

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

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.

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

DIGITAL ART - Pofessional Keynote Template 2014 ® �8

PENSER AUX ANIMATIONS 4 # TENDANCE 4/ 2014

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

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

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

DIGITAL ART - Pofessional Keynote Template 2014 ® �10

SLIDING MENU EVERYWHERE 5 # TENDANCE 5 / 2014

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

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

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

DIGITAL ART - Pofessional Keynote Template 2014 ® �12

PHOTOS LARGES

6 # TENDANCE 6 / 2014

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

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é.

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

DIGITAL ART - Pofessional Keynote Template 2014 ® �14

BLUR

7 # TENDANCE 7/ 2014

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

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

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

DIGITAL ART - Pofessional Keynote Template 2014 ® �16

BLANC TOURNANT

8 # TENDANCE 8 / 2014

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

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

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

DIGITAL ART - Pofessional Keynote Template 2014 ® �18

POLICE « Thin » ET « Light »9 # TENDANCE 9 / 2014

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

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.

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

DIGITAL ART - Pofessional Keynote Template 2014 ® �20

GESTUELLE OBLIGATOIRE10 # TENDANCE 10 / 2014

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

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.

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

DIGITAL ART - Pofessional Keynote Template 2014 ® �2222

MERCI

POUR

VOTRE

ATTENTION