cours1: design d'interaction

116
Design d’intéraction Cours #1 Tuesday, September 13, 2011

Upload: celinecelines-semaan-vernon

Post on 11-Nov-2014

1.856 views

Category:

Design


2 download

DESCRIPTION

Voici les slides du premier cours en Design d'intéraction donné au Collège Salette.

TRANSCRIPT

Page 1: Cours1: design d'interaction

Design d’intéractionCours #1

Tuesday, September 13, 2011

Page 2: Cours1: design d'interaction

Salut!

Tuesday, September 13, 2011

Page 3: Cours1: design d'interaction

Qu’est ce que le Design?

Tuesday, September 13, 2011

Page 4: Cours1: design d'interaction

Définition:Le design ou la stylique est une discipline visant à représenter concrètement, une pensée, un concept ou une intention en tenant compte éventuellement d'une ou des contraintes fonctionnelles, structurelles, esthétiques, didactiques, symboliques, techniques et productives. Ces représentations peuvent être tangibles ou virtuelles et s'inscrivent de préférence dans un contexte social, économique, culturel.

http://fr.wikipedia.org/wiki/Design

Tuesday, September 13, 2011

Page 5: Cours1: design d'interaction

À quoi sert le Design?

Tuesday, September 13, 2011

Page 6: Cours1: design d'interaction

Objectifs:1. Le design sert à organiser le chaos.

2. Rendre service aux humains.

3. À communiquer.

Tuesday, September 13, 2011

Page 7: Cours1: design d'interaction

Cette chaise est faite pour qui?

Tuesday, September 13, 2011

Page 8: Cours1: design d'interaction

Cette chaise est faite pour qui?

Tuesday, September 13, 2011

Page 9: Cours1: design d'interaction

“People centered design”

Tuesday, September 13, 2011

Page 10: Cours1: design d'interaction

HCI is a process in which the needs, wants, and limitations of end users of a product are given extensive attention at each stage of the design process. User-centered design can be characterized as a multi-stage problem solving process that not only requires designers to analyze and foresee how users are likely to use a product, but also to test the validity of their assumptions with regards to user behaviour in real world tests with actual users. Such testing is necessary as it is often very difficult for the designers of a product to understand intuitively what a first-time user of their design experiences, and what each user's learning curve may look like.

Tuesday, September 13, 2011

Page 11: Cours1: design d'interaction

Needs.

Wants.

vrs.

Tuesday, September 13, 2011

Page 12: Cours1: design d'interaction

Besoins.

Désirs.

vrs.

Tuesday, September 13, 2011

Page 13: Cours1: design d'interaction

Comment être un bon* designer d’intéraction?

Tuesday, September 13, 2011

Page 14: Cours1: design d'interaction

♥ ♥

Tuesday, September 13, 2011

Page 15: Cours1: design d'interaction

designer d’intéraction =

créativité + logique

compassion

Tuesday, September 13, 2011

Page 16: Cours1: design d'interaction

Tuesday, September 13, 2011

Page 17: Cours1: design d'interaction

Le génie seule n’est plus.

Tuesday, September 13, 2011

Page 18: Cours1: design d'interaction

Tuesday, September 13, 2011

Page 19: Cours1: design d'interaction

Web = participation & collaboration

Tuesday, September 13, 2011

Page 20: Cours1: design d'interaction

Arts appliqués vs. Beaux-Arts

Arts appliqués : vaste secteur d'activité des designers, c'est-à-dire ceux qui réfléchissent et travaillent la forme et la fonction de tout ce qui entoure l'individu : objets, habitat, vêtements, etc.

Beaux-Arts : disciplines artistiques telles la peinture, la sculpture et la gravure.

Tuesday, September 13, 2011

Page 21: Cours1: design d'interaction

Quel est l’objectif du Design?

Tuesday, September 13, 2011

Page 22: Cours1: design d'interaction

Design:Le Design doit être inventif, créer de nouvelles façons de faire, ou de meilleure façon de faire tout en contribuant à la culture.

Tuesday, September 13, 2011

Page 23: Cours1: design d'interaction

Innover.

Tuesday, September 13, 2011

Page 24: Cours1: design d'interaction

Comment?

Tuesday, September 13, 2011

Page 25: Cours1: design d'interaction

Faire abstraction.

Tuesday, September 13, 2011

Page 26: Cours1: design d'interaction

Survol des disciplines du Design.

Tuesday, September 13, 2011

Page 27: Cours1: design d'interaction

3 grandes disciplines

Tuesday, September 13, 2011

Page 28: Cours1: design d'interaction

Design graphique/communicationnel

Tuesday, September 13, 2011

Page 29: Cours1: design d'interaction

Objectif ?

Design graphique/communicationnel

Tuesday, September 13, 2011

Page 30: Cours1: design d'interaction

Objectif ?* Informer* Communiquer* Persuader

Design graphique/communicationnel

Tuesday, September 13, 2011

Page 31: Cours1: design d'interaction

Tuesday, September 13, 2011

Page 32: Cours1: design d'interaction

Design graphique(publicitaire)

Tuesday, September 13, 2011

Page 33: Cours1: design d'interaction

Tuesday, September 13, 2011

Page 34: Cours1: design d'interaction

Design graphique(image de marque)

Tuesday, September 13, 2011

Page 35: Cours1: design d'interaction

Tuesday, September 13, 2011

Page 36: Cours1: design d'interaction

Design de packaging

Tuesday, September 13, 2011

Page 37: Cours1: design d'interaction

Tuesday, September 13, 2011

Page 38: Cours1: design d'interaction

Tuesday, September 13, 2011

Page 39: Cours1: design d'interaction

Design informationnel

Tuesday, September 13, 2011

Page 40: Cours1: design d'interaction

Tuesday, September 13, 2011

Page 41: Cours1: design d'interaction

Design événementiel

Tuesday, September 13, 2011

Page 42: Cours1: design d'interaction

Tuesday, September 13, 2011

Page 43: Cours1: design d'interaction

Design signalétique

Tuesday, September 13, 2011

Page 44: Cours1: design d'interaction

Motion Design

Tuesday, September 13, 2011

Page 45: Cours1: design d'interaction

Tuesday, September 13, 2011

Page 46: Cours1: design d'interaction

Design physique/tangible

Tuesday, September 13, 2011

Page 47: Cours1: design d'interaction

Objectif ?

Design physique/tangible

Tuesday, September 13, 2011

Page 48: Cours1: design d'interaction

Objectif ?

* Résoudre un ou des problèmes

* Permettre à l’utilisateur d'accomplir une ou des tâches

Design physique/tangible

Tuesday, September 13, 2011

Page 49: Cours1: design d'interaction

Tuesday, September 13, 2011

Page 50: Cours1: design d'interaction

Design industriel

Tuesday, September 13, 2011

Page 51: Cours1: design d'interaction

Tuesday, September 13, 2011

Page 52: Cours1: design d'interaction

Design automobile

Tuesday, September 13, 2011

Page 53: Cours1: design d'interaction

Tuesday, September 13, 2011

Page 54: Cours1: design d'interaction

Design de meuble etdesign d'intérieur

Tuesday, September 13, 2011

Page 55: Cours1: design d'interaction

Tuesday, September 13, 2011

Page 56: Cours1: design d'interaction

Design architectural

Tuesday, September 13, 2011

Page 57: Cours1: design d'interaction

Tuesday, September 13, 2011

Page 58: Cours1: design d'interaction

Design de vêtements (mode)

Tuesday, September 13, 2011

Page 59: Cours1: design d'interaction

Design d'interaction/

(interface usager numérique)

Tuesday, September 13, 2011

Page 60: Cours1: design d'interaction

Objectif ?

Design d'interaction

Tuesday, September 13, 2011

Page 61: Cours1: design d'interaction

* Informer

* Communiquer

* Persuader

* Résoudre un ou des problèmes

* Permettre à l’utilisateur d'accomplir une ou des tâches

Objectif ?

Design d'interaction

Tuesday, September 13, 2011

Page 62: Cours1: design d'interaction

Tuesday, September 13, 2011

Page 63: Cours1: design d'interaction

Design d'interface web  

Tuesday, September 13, 2011

Page 64: Cours1: design d'interaction

Tuesday, September 13, 2011

Page 65: Cours1: design d'interaction

Design d'interface logicielle

Tuesday, September 13, 2011

Page 66: Cours1: design d'interaction

Tuesday, September 13, 2011

Page 67: Cours1: design d'interaction

Design d'interface mobile

Tuesday, September 13, 2011

Page 68: Cours1: design d'interaction

Tuesday, September 13, 2011

Page 69: Cours1: design d'interaction

Tuesday, September 13, 2011

Page 70: Cours1: design d'interaction

Design d'interface de kiosque interactif

Tuesday, September 13, 2011

Page 71: Cours1: design d'interaction

Tuesday, September 13, 2011

Page 72: Cours1: design d'interaction

Design d'interface télé

Tuesday, September 13, 2011

Page 73: Cours1: design d'interaction

Tuesday, September 13, 2011

Page 74: Cours1: design d'interaction

Design d'interface DVD

Tuesday, September 13, 2011

Page 75: Cours1: design d'interaction

Tuesday, September 13, 2011

Page 76: Cours1: design d'interaction

Design d’interface holographique

Tuesday, September 13, 2011

Page 77: Cours1: design d'interaction

Tuesday, September 13, 2011

Page 78: Cours1: design d'interaction

Tuesday, September 13, 2011

Page 79: Cours1: design d'interaction

Design d'interfaces diverses

Tuesday, September 13, 2011

Page 80: Cours1: design d'interaction

Tuesday, September 13, 2011

Page 81: Cours1: design d'interaction

Tuesday, September 13, 2011

Page 82: Cours1: design d'interaction

Design de jeux

Tuesday, September 13, 2011

Page 83: Cours1: design d'interaction

Types de sites Web

Tuesday, September 13, 2011

Page 84: Cours1: design d'interaction

Tuesday, September 13, 2011

Page 85: Cours1: design d'interaction

Réseau social

Tuesday, September 13, 2011

Page 86: Cours1: design d'interaction

Tuesday, September 13, 2011

Page 87: Cours1: design d'interaction

Portail d'information (site de nouvelles)

Tuesday, September 13, 2011

Page 88: Cours1: design d'interaction

Tuesday, September 13, 2011

Page 89: Cours1: design d'interaction

Site transactionnel (commerce électronique)

Tuesday, September 13, 2011

Page 90: Cours1: design d'interaction

Tuesday, September 13, 2011

Page 91: Cours1: design d'interaction

Site informationnel    (Site institutionnel)

Tuesday, September 13, 2011

Page 92: Cours1: design d'interaction

Tuesday, September 13, 2011

Page 93: Cours1: design d'interaction

Site informationnel(Site corporatif)

Tuesday, September 13, 2011

Page 94: Cours1: design d'interaction

Tuesday, September 13, 2011

Page 95: Cours1: design d'interaction

Tuesday, September 13, 2011

Page 96: Cours1: design d'interaction

Site promotionnel

Tuesday, September 13, 2011

Page 97: Cours1: design d'interaction

Tuesday, September 13, 2011

Page 98: Cours1: design d'interaction

Site de divertissement

Tuesday, September 13, 2011

Page 99: Cours1: design d'interaction

Tuesday, September 13, 2011

Page 100: Cours1: design d'interaction

Moteur de recherche

Tuesday, September 13, 2011

Page 101: Cours1: design d'interaction

Tuesday, September 13, 2011

Page 102: Cours1: design d'interaction

Outils en ligne

Tuesday, September 13, 2011

Page 103: Cours1: design d'interaction

Tuesday, September 13, 2011

Page 104: Cours1: design d'interaction

Blogue

Tuesday, September 13, 2011

Page 105: Cours1: design d'interaction

Tuesday, September 13, 2011

Page 106: Cours1: design d'interaction

Microblogue

Tuesday, September 13, 2011

Page 107: Cours1: design d'interaction

Tuesday, September 13, 2011

Page 108: Cours1: design d'interaction

Magazine

Tuesday, September 13, 2011

Page 109: Cours1: design d'interaction

* Wiki* Forum* Éditeur de site (CMS)* Intranet * Extranet

* Site informationnel     - Site corporatif     - Site institutionnel* Site promotionnel* Site transactionnel (commerce électronique)* Site de divertissement* Portail d'information (site de nouvelles)* Réseau social* Moteur de recherche* Outils en ligne* Blogue* Microblogue

Types de sites Web

Tuesday, September 13, 2011

Page 110: Cours1: design d'interaction

Le mouvement Design Thinking Le Design Thinking (« pensée design ») est un processus de résolution pratique et créative de problèmes, orienté sur des résultats bonifiants.

C'est la capacité de combiner l'empathie, la créativité et la rationnalité pour satisfaire les besoins des utilisateurs et alimenter le succès d'affaires.

Contrairement à la pensée analytique, la pensée design est un processus créatif basé sur l'accumulation d'idées. Aucune préconception n'est posée dès le départ ; cela permet d'éliminer la peur de l'échec et d'encourager une participation maximale dans les phases d'idéation et de prototype.

Tim Brown de IDEO a inventé et défini le terme

Tuesday, September 13, 2011

Page 111: Cours1: design d'interaction

Tuesday, September 13, 2011

Page 112: Cours1: design d'interaction

Tuesday, September 13, 2011

Page 113: Cours1: design d'interaction

Tuesday, September 13, 2011

Page 114: Cours1: design d'interaction

RéférencesFilm :Objectified

Livres :Designing Interactions (Bill Moggridge)The Laws of Simplicity (John Maeda)Visual Explanations (Tufte)Don’t Make Me Think! (Steve Krug)A Book Apart (tous)

Web :http://en.wikipedia.org/wiki/Designhttp://www.ixda.org/http://www.ideo.com/How to create passionate users http://headrush.typepad.com/http://www.useit.com/http://www.useit.com/alertbox/mental-models.htmlhttp://www.smashingmagazine.com/2010/01/05/25-user-experience-videos-that-are-worth-your-time/http://uxmag.com/design/guiding-principles-for-ux-designershttp://www.abookapart.com/

Tuesday, September 13, 2011

Page 115: Cours1: design d'interaction

Évaluer 3 designs

(Choisir au moins un design d’interface)

Quels sont les objectif(s)

Comment auriez-vous innové ce design?

Devoir

Tuesday, September 13, 2011