cours1 design d'interaction_csv

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

Upload: celinecelines-semaan-vernon

Post on 06-Dec-2014

1.347 views

Category:

Design


0 download

DESCRIPTION

Voici le premier cours donné au Collège Salette à Montréal

TRANSCRIPT

Page 1: Cours1 design d'interaction_csv

Design d’intéractionCours #1

Tuesday, September 13, 2011

Page 2: Cours1 design d'interaction_csv

Salut!

Tuesday, September 13, 2011

Page 3: Cours1 design d'interaction_csv

Qu’est ce que le Design?

Tuesday, September 13, 2011

Page 4: Cours1 design d'interaction_csv

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_csv

À quoi sert le Design?

Tuesday, September 13, 2011

Page 6: Cours1 design d'interaction_csv

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_csv

Cette chaise est faite pour qui?

Tuesday, September 13, 2011

Page 8: Cours1 design d'interaction_csv

Cette chaise est faite pour qui?

Tuesday, September 13, 2011

Page 9: Cours1 design d'interaction_csv

“People centered design”

Tuesday, September 13, 2011

Page 10: Cours1 design d'interaction_csv

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_csv

Needs.

Wants.

vrs.

Tuesday, September 13, 2011

Page 12: Cours1 design d'interaction_csv

Besoins.

Désirs.

vrs.

Tuesday, September 13, 2011

Page 13: Cours1 design d'interaction_csv

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

Tuesday, September 13, 2011

Page 14: Cours1 design d'interaction_csv

♥ ♥

Tuesday, September 13, 2011

Page 15: Cours1 design d'interaction_csv

designer d’intéraction =

créativité + logique

compassion

Tuesday, September 13, 2011

Page 16: Cours1 design d'interaction_csv

Tuesday, September 13, 2011

Page 17: Cours1 design d'interaction_csv

Le génie seule n’est plus.

Tuesday, September 13, 2011

Page 18: Cours1 design d'interaction_csv

Tuesday, September 13, 2011

Page 19: Cours1 design d'interaction_csv

Web = participation & collaboration

Tuesday, September 13, 2011

Page 20: Cours1 design d'interaction_csv

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_csv

Quel est l’objectif du Design?

Tuesday, September 13, 2011

Page 22: Cours1 design d'interaction_csv

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_csv

Innover.

Tuesday, September 13, 2011

Page 24: Cours1 design d'interaction_csv

Comment?

Tuesday, September 13, 2011

Page 25: Cours1 design d'interaction_csv

Faire abstraction.

Tuesday, September 13, 2011

Page 26: Cours1 design d'interaction_csv

Survol des disciplines du Design.

Tuesday, September 13, 2011

Page 27: Cours1 design d'interaction_csv

3 grandes disciplines

Tuesday, September 13, 2011

Page 28: Cours1 design d'interaction_csv

Design graphique/communicationnel

Tuesday, September 13, 2011

Page 29: Cours1 design d'interaction_csv

Objectif ?

Design graphique/communicationnel

Tuesday, September 13, 2011

Page 30: Cours1 design d'interaction_csv

Objectif ?* Informer* Communiquer* Persuader

Design graphique/communicationnel

Tuesday, September 13, 2011

Page 31: Cours1 design d'interaction_csv

Tuesday, September 13, 2011

Page 32: Cours1 design d'interaction_csv

Design graphique(publicitaire)

Tuesday, September 13, 2011

Page 33: Cours1 design d'interaction_csv

Tuesday, September 13, 2011

Page 34: Cours1 design d'interaction_csv

Design graphique(image de marque)

Tuesday, September 13, 2011

Page 35: Cours1 design d'interaction_csv

Tuesday, September 13, 2011

Page 36: Cours1 design d'interaction_csv

Design de packaging

Tuesday, September 13, 2011

Page 37: Cours1 design d'interaction_csv

Tuesday, September 13, 2011

Page 38: Cours1 design d'interaction_csv

Tuesday, September 13, 2011

Page 39: Cours1 design d'interaction_csv

Design informationnel

Tuesday, September 13, 2011

Page 40: Cours1 design d'interaction_csv

Tuesday, September 13, 2011

Page 41: Cours1 design d'interaction_csv

Design événementiel

Tuesday, September 13, 2011

Page 42: Cours1 design d'interaction_csv

Tuesday, September 13, 2011

Page 43: Cours1 design d'interaction_csv

Design signalétique

Tuesday, September 13, 2011

Page 44: Cours1 design d'interaction_csv

Motion Design

Tuesday, September 13, 2011

Page 45: Cours1 design d'interaction_csv

Tuesday, September 13, 2011

Page 46: Cours1 design d'interaction_csv

Design physique/tangible

Tuesday, September 13, 2011

Page 47: Cours1 design d'interaction_csv

Objectif ?

Design physique/tangible

Tuesday, September 13, 2011

Page 48: Cours1 design d'interaction_csv

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_csv

Tuesday, September 13, 2011

Page 50: Cours1 design d'interaction_csv

Design industriel

Tuesday, September 13, 2011

Page 51: Cours1 design d'interaction_csv

Tuesday, September 13, 2011

Page 52: Cours1 design d'interaction_csv

Design automobile

Tuesday, September 13, 2011

Page 53: Cours1 design d'interaction_csv

Tuesday, September 13, 2011

Page 54: Cours1 design d'interaction_csv

Design de meuble etdesign d'intérieur

Tuesday, September 13, 2011

Page 55: Cours1 design d'interaction_csv

Tuesday, September 13, 2011

Page 56: Cours1 design d'interaction_csv

Design architectural

Tuesday, September 13, 2011

Page 57: Cours1 design d'interaction_csv

Tuesday, September 13, 2011

Page 58: Cours1 design d'interaction_csv

Design de vêtements (mode)

Tuesday, September 13, 2011

Page 59: Cours1 design d'interaction_csv

Design d'interaction/

(interface usager numérique)

Tuesday, September 13, 2011

Page 60: Cours1 design d'interaction_csv

Objectif ?

Design d'interaction

Tuesday, September 13, 2011

Page 61: Cours1 design d'interaction_csv

* 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_csv

Tuesday, September 13, 2011

Page 63: Cours1 design d'interaction_csv

Design d'interface web  

Tuesday, September 13, 2011

Page 64: Cours1 design d'interaction_csv

Tuesday, September 13, 2011

Page 65: Cours1 design d'interaction_csv

Design d'interface logicielle

Tuesday, September 13, 2011

Page 66: Cours1 design d'interaction_csv

Tuesday, September 13, 2011

Page 67: Cours1 design d'interaction_csv

Design d'interface mobile

Tuesday, September 13, 2011

Page 68: Cours1 design d'interaction_csv

Tuesday, September 13, 2011

Page 69: Cours1 design d'interaction_csv

Tuesday, September 13, 2011

Page 70: Cours1 design d'interaction_csv

Design d'interface de kiosque interactif

Tuesday, September 13, 2011

Page 71: Cours1 design d'interaction_csv

Tuesday, September 13, 2011

Page 72: Cours1 design d'interaction_csv

Design d'interface télé

Tuesday, September 13, 2011

Page 73: Cours1 design d'interaction_csv

Tuesday, September 13, 2011

Page 74: Cours1 design d'interaction_csv

Design d'interface DVD

Tuesday, September 13, 2011

Page 75: Cours1 design d'interaction_csv

Tuesday, September 13, 2011

Page 76: Cours1 design d'interaction_csv

Design d’interface holographique

Tuesday, September 13, 2011

Page 77: Cours1 design d'interaction_csv

Tuesday, September 13, 2011

Page 78: Cours1 design d'interaction_csv

Tuesday, September 13, 2011

Page 79: Cours1 design d'interaction_csv

Design d'interfaces diverses

Tuesday, September 13, 2011

Page 80: Cours1 design d'interaction_csv

Tuesday, September 13, 2011

Page 81: Cours1 design d'interaction_csv

Tuesday, September 13, 2011

Page 82: Cours1 design d'interaction_csv

Design de jeux

Tuesday, September 13, 2011

Page 83: Cours1 design d'interaction_csv

Types de sites Web

Tuesday, September 13, 2011

Page 84: Cours1 design d'interaction_csv

Tuesday, September 13, 2011

Page 85: Cours1 design d'interaction_csv

Réseau social

Tuesday, September 13, 2011

Page 86: Cours1 design d'interaction_csv

Tuesday, September 13, 2011

Page 87: Cours1 design d'interaction_csv

Portail d'information (site de nouvelles)

Tuesday, September 13, 2011

Page 88: Cours1 design d'interaction_csv

Tuesday, September 13, 2011

Page 89: Cours1 design d'interaction_csv

Site transactionnel (commerce électronique)

Tuesday, September 13, 2011

Page 90: Cours1 design d'interaction_csv

Tuesday, September 13, 2011

Page 91: Cours1 design d'interaction_csv

Site informationnel    (Site institutionnel)

Tuesday, September 13, 2011

Page 92: Cours1 design d'interaction_csv

Tuesday, September 13, 2011

Page 93: Cours1 design d'interaction_csv

Site informationnel(Site corporatif)

Tuesday, September 13, 2011

Page 94: Cours1 design d'interaction_csv

Tuesday, September 13, 2011

Page 95: Cours1 design d'interaction_csv

Tuesday, September 13, 2011

Page 96: Cours1 design d'interaction_csv

Site promotionnel

Tuesday, September 13, 2011

Page 97: Cours1 design d'interaction_csv

Tuesday, September 13, 2011

Page 98: Cours1 design d'interaction_csv

Site de divertissement

Tuesday, September 13, 2011

Page 99: Cours1 design d'interaction_csv

Tuesday, September 13, 2011

Page 100: Cours1 design d'interaction_csv

Moteur de recherche

Tuesday, September 13, 2011

Page 101: Cours1 design d'interaction_csv

Tuesday, September 13, 2011

Page 102: Cours1 design d'interaction_csv

Outils en ligne

Tuesday, September 13, 2011

Page 103: Cours1 design d'interaction_csv

Tuesday, September 13, 2011

Page 104: Cours1 design d'interaction_csv

Blogue

Tuesday, September 13, 2011

Page 105: Cours1 design d'interaction_csv

Tuesday, September 13, 2011

Page 106: Cours1 design d'interaction_csv

Microblogue

Tuesday, September 13, 2011

Page 107: Cours1 design d'interaction_csv

Tuesday, September 13, 2011

Page 108: Cours1 design d'interaction_csv

Magazine

Tuesday, September 13, 2011

Page 109: Cours1 design d'interaction_csv

* 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_csv

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_csv

Tuesday, September 13, 2011

Page 112: Cours1 design d'interaction_csv

Tuesday, September 13, 2011

Page 113: Cours1 design d'interaction_csv

Tuesday, September 13, 2011

Page 114: Cours1 design d'interaction_csv

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_csv

É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