22
DIGITAL ART - Pofessional Keynote Template 2014 ® 1 #LE DESIGN MOBILE Les 10 tendances du moment pour vous garantir un design et une ergonomie gagnante

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

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

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