domain-driven user interface design

63
Corentin Moussard

Upload: corentin-moussard

Post on 16-Apr-2017

29 views

Category:

Design


1 download

TRANSCRIPT

Page 1: Domain-Driven User Interface Design

Corentin Moussard

Page 2: Domain-Driven User Interface Design

Domain-Driven User Interface Design

Page 3: Domain-Driven User Interface Design
Page 4: Domain-Driven User Interface Design

iOS 7

Page 5: Domain-Driven User Interface Design

Material Design

Page 6: Domain-Driven User Interface Design

Icons

Page 7: Domain-Driven User Interface Design

Animations

Page 8: Domain-Driven User Interface Design

“Une bonne interface est une belle interface“

Page 9: Domain-Driven User Interface Design
Page 10: Domain-Driven User Interface Design

Qu’est ce qu’une interface?

Page 11: Domain-Driven User Interface Design
Page 12: Domain-Driven User Interface Design
Page 13: Domain-Driven User Interface Design

Le domaine? Ensemble de concepts qui à travers des cas d’usage permettent de résoudre des problèmes

Page 14: Domain-Driven User Interface Design

domaine interface user

Page 15: Domain-Driven User Interface Design
Page 16: Domain-Driven User Interface Design

Le langage du domaine

Page 17: Domain-Driven User Interface Design

Les concepts d’un domaine :

- Objets - Actions - Evénements

Page 18: Domain-Driven User Interface Design

Objet

Page 19: Domain-Driven User Interface Design

Objet : groupe nominal

Page 20: Domain-Driven User Interface Design

Action

Page 21: Domain-Driven User Interface Design

Action : verbe

Page 22: Domain-Driven User Interface Design

Evénement

Page 23: Domain-Driven User Interface Design

Evénement : participe passé

Page 24: Domain-Driven User Interface Design

Introduire le langage du domaine dans l’interface

Page 25: Domain-Driven User Interface Design

google inbox

Page 26: Domain-Driven User Interface Design
Page 27: Domain-Driven User Interface Design
Page 28: Domain-Driven User Interface Design

Eviter les termes génériques, utiliser le langage du domaine

Page 29: Domain-Driven User Interface Design

Rafraichir

Page 30: Domain-Driven User Interface Design

Rafraichir Relever le courier

Page 31: Domain-Driven User Interface Design

Signifié / Signifiant

Page 32: Domain-Driven User Interface Design
Page 33: Domain-Driven User Interface Design
Page 34: Domain-Driven User Interface Design

Prendre en compte le contexte culturel

Page 35: Domain-Driven User Interface Design
Page 36: Domain-Driven User Interface Design
Page 37: Domain-Driven User Interface Design

Hiérarchiser les concepts

Page 38: Domain-Driven User Interface Design
Page 39: Domain-Driven User Interface Design

Choisir une boite mail

Lire un email

Ecrire un email

Un email reçu

Un email envoyé

Page 40: Domain-Driven User Interface Design

Choisir une boite mail

Lire un email

Ecrire un email

Un email reçu

Un email envoyé

Page 41: Domain-Driven User Interface Design
Page 42: Domain-Driven User Interface Design

Connaître les tendance Sans forcément les suivre

Page 43: Domain-Driven User Interface Design
Page 44: Domain-Driven User Interface Design
Page 45: Domain-Driven User Interface Design
Page 46: Domain-Driven User Interface Design

Construire une charte lisible et explicite

Page 47: Domain-Driven User Interface Design

Contraster

Page 48: Domain-Driven User Interface Design
Page 49: Domain-Driven User Interface Design

Legible fonts

Page 50: Domain-Driven User Interface Design

Ma première présentation :)

Page 51: Domain-Driven User Interface Design

Si vous pensez que c’est assez grand, ajoutez 20%

Page 52: Domain-Driven User Interface Design

L’affordance

Page 53: Domain-Driven User Interface Design

Expliciter le potentiel d’interaction

Page 54: Domain-Driven User Interface Design
Page 55: Domain-Driven User Interface Design
Page 56: Domain-Driven User Interface Design

Le Feedback

Page 57: Domain-Driven User Interface Design
Page 58: Domain-Driven User Interface Design
Page 59: Domain-Driven User Interface Design
Page 60: Domain-Driven User Interface Design

• Introduire le langage du domaine dans l’interface

• Hiérarchiser les concepts

• Construire une charte lisible et explicite

Page 61: Domain-Driven User Interface Design

• Introduire le langage du domaine dans l’interface

• Hiérarchiser les concepts

• Construire une charte lisible et explicite

Tester

Page 62: Domain-Driven User Interface Design

Interface fonctionnelle

& explicite

Page 63: Domain-Driven User Interface Design

Merci

www.alune.fr