Cour2 Design d'interaction
-
Upload
celinecelines-semaan-vernon -
Category
Design
-
view
2.458 -
download
0
description
Transcript of Cour2 Design d'interaction
![Page 1: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/1.jpg)
Design d’intéractionCours #2
Tuesday, September 20, 2011
![Page 2: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/2.jpg)
Avez-vous fait vos devoirs?
Tuesday, September 20, 2011
![Page 3: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/3.jpg)
Évaluer 3 designs
(Choisir au moins un design d’interface)
Quels sont les objectif(s)
Comment auriez-vous innové ce design?
Devoir
Tuesday, September 20, 2011
![Page 4: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/4.jpg)
Processus de design d’un produit
Tuesday, September 20, 2011
![Page 5: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/5.jpg)
Waterfall (classique)
Tuesday, September 20, 2011
![Page 6: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/6.jpg)
Waterfall
http://en.wikipedia.org/wiki/Waterfall_modelTuesday, September 20, 2011
![Page 7: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/7.jpg)
Waterfall
Tuesday, September 20, 2011
![Page 8: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/8.jpg)
Livrables
Requirements
★ Brief (Collecte d'informations)
★ Collecte et analyse des metrics (Données du site)
★ Audit du site (Étude d'utilisabilité des éléments existants)
★ Ethnographie ou entrevues (Définir le profil utilisateurs)
★ Benchmarking (Marché/Concurrence)
★ Card sorting (Le tri par cartes)
Tuesday, September 20, 2011
![Page 9: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/9.jpg)
Livrables
UX Design
★ Persona: (Utilisateurs-types)
★ Plans du site et inventaire des contenus / arborescence
★ UseCase (Scénarios d'utilisation)
★ Wireframes (Croquis d'écrans)
★ PDD
★ Test utilisateurs
Tuesday, September 20, 2011
![Page 10: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/10.jpg)
Personas
Tuesday, September 20, 2011
![Page 11: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/11.jpg)
Wireframes
Tuesday, September 20, 2011
![Page 12: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/12.jpg)
PDD aka Project Design Document
Tuesday, September 20, 2011
![Page 13: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/13.jpg)
Livrables
V Design
★ Brainstorm (collecte d'idées inspirantes)
★ Maquettes graphiques (visualisation précise du résultat final)
★ Itérations
★ Prototypage
Tuesday, September 20, 2011
![Page 14: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/14.jpg)
Livrables
Implémentation (Production)
★ Documentation des exigences d’affaires
★ Déclinaisons infographiques
★ Découpage
★ Intégration CSS/HTML
★ Programmation (Back end)
Tuesday, September 20, 2011
![Page 15: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/15.jpg)
Livrables
Test / Analyse
★ Environement de test
★ Test utilisateurs
★ Modifications design (ux et v)
★ Déploiement
★ Modifications et tests
★ Mise en ligne
Tuesday, September 20, 2011
![Page 16: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/16.jpg)
Agile
Tuesday, September 20, 2011
![Page 17: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/17.jpg)
UX Agile
http://www.agileproductdesign.com/blog/emerging_best_agile_ux_practice.html
Tuesday, September 20, 2011
![Page 18: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/18.jpg)
UX Agile
http://www.agileproductdesign.com/blog/emerging_best_agile_ux_practice.html
Tuesday, September 20, 2011
![Page 19: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/19.jpg)
Agile
http://www.agileproductdesign.com/blog/emerging_best_agile_ux_practice.html
http://www.slideshare.net/mgiudice/humancentered-design-meets-agile-development-presentation-625465Tuesday, September 20, 2011
![Page 20: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/20.jpg)
Glossaire.
Tuesday, September 20, 2011
![Page 21: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/21.jpg)
UX[User Experience Design]
Aspect du design qui répond à comment l’utilisateur va utiliser, apprendre, et pecevoir un produit.
Ce domaine a les rascines dans l’ergonomie et l’aspect humain (human factor). L’objectif principal est de créer des systèmes entre l’homme et la machine de façon à créer une expérience intuitive et productive pour les deux. Ce domaine emprunte les lois et principes du Human Centered Design.
Tuesday, September 20, 2011
![Page 22: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/22.jpg)
UX DesignLe design UX est un champ du design d'expérience. Il concerne la création des modèles architecturaux et interactifs qui affectent l'expérience-utilisateur dans un appareil ou un système.
Étant donné son caractère subjectif, l'expérience-utilisateur ne peut être designée. On doit plutôt designer en fonction de l'expérience-utilisateur, en essayant d'activer certains types d'expérience. La portée de cette pratique couvre « tous les aspects de l'interaction des utilisateurs avec le produit, incluant la façon dont il sera perçu, maîtrisé et utilisé. »
Tuesday, September 20, 2011
![Page 23: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/23.jpg)
ErgonomieOn nomme ergonomie « l'étude scientifique de la relation entre l'homme et ses moyens, méthodes et milieux de travail » et l'application de ses connaissances à la conception de systèmes « qui puissent être utilisés avec le maximum de confort, de sécurité et d'efficacité par le plus grand nombre. »
Tuesday, September 20, 2011
![Page 24: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/24.jpg)
Tuesday, September 20, 2011
![Page 25: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/25.jpg)
GabaritsLe modèle (ou gabarit) permet de construire les pages d'un site web selon une trame (un squelette) de page identique constituée d'éléments modifiables
Tuesday, September 20, 2011
![Page 26: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/26.jpg)
PatternsLes patrons sont des solutions aux problèmes communs.
Tuesday, September 20, 2011
![Page 27: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/27.jpg)
PatternsChaque patron a 4 composantes:
1. un titre
2. un problème
3. un contexte
4. une solution
Tuesday, September 20, 2011
![Page 28: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/28.jpg)
Les patterns peuvent être combinés ensemble
Tuesday, September 20, 2011
![Page 29: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/29.jpg)
Jeu.
Tuesday, September 20, 2011
![Page 30: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/30.jpg)
Dessinez-moi un Wizywig
Tuesday, September 20, 2011
![Page 31: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/31.jpg)
WYSIWYGProblème:
“Je veux pouvoir écrire du texte et ajouter
des images, mais je ne sais pas écrire du
HTML pour le faire.”
Tuesday, September 20, 2011
![Page 32: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/32.jpg)
WYSIWYGWhat You See Is What You Get
Tuesday, September 20, 2011
![Page 33: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/33.jpg)
WYSIWYGSolutions apportées:
• Donner à l’utilisateur une idée du
résultat final de son intéraction
• Facilite l’édition du contenu en ligne ainsi
que sa manipulation
Tuesday, September 20, 2011
![Page 34: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/34.jpg)
Dessinez-moi un Password Strength
MeterTuesday, September 20, 2011
![Page 35: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/35.jpg)
Password Strength Meter
Problème:
“Je veux pouvoir indiquer à mon utilisateur
que son mot de passe est safe.”
Tuesday, September 20, 2011
![Page 36: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/36.jpg)
Password Strength Meter
Tuesday, September 20, 2011
![Page 37: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/37.jpg)
Solutions apportées:
• Indique clairement à l’utilisateur si le mot
de passe est assez sécuritaire
• Informe et sécurise l’utilisateur
Password Strength Meter
Tuesday, September 20, 2011
![Page 38: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/38.jpg)
Dessinez-moi un caroussel
Tuesday, September 20, 2011
![Page 39: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/39.jpg)
Caroussel
Problème:
“Je veux avoir une idée du contenu qu’offre
ce site.”
Tuesday, September 20, 2011
![Page 40: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/40.jpg)
Caroussel
Problème:
“Je veux avoir une idée du contenu qu’offre
ce site.”
Attention!
Personne ne s’exprime comme ça!!!
Tuesday, September 20, 2011
![Page 41: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/41.jpg)
Caroussel
Tuesday, September 20, 2011
![Page 42: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/42.jpg)
Solutions apportées:
• Permet d’économiser l’espace sur une
page et d’offrir une série de contenu
navigable
• Facilite la promotion de contenu qui
autrement n’aurait pas été visible à
l’utilisateur
Caroussel
Tuesday, September 20, 2011
![Page 43: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/43.jpg)
Dessinez-moi un fil d’ariane
Tuesday, September 20, 2011
![Page 44: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/44.jpg)
Problème:
“Je veux savoir où je suis dans ce site.”
Fil d’ariane a.k.a Breadcrumb
Tuesday, September 20, 2011
![Page 45: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/45.jpg)
Fil d’ariane a.k.a Breadcrumb
Tuesday, September 20, 2011
![Page 46: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/46.jpg)
Solutions apportées:
• Permet à l’utilisateur de retrouver son
chemin
• Si l’utilisateur arrive sur la page par une
recherche, il peut naviguer vers des
sections principales
Fil d’ariane a.k.a Breadcrumb
Tuesday, September 20, 2011
![Page 47: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/47.jpg)
Dessinez-moi un accordéon
Tuesday, September 20, 2011
![Page 48: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/48.jpg)
Problème:
“Je veux pouvoir survoler l’information
principale d’abord.”
Accordéon
Attention!
Personne ne s’exprime comme ça!!!
Tuesday, September 20, 2011
![Page 49: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/49.jpg)
Accordéon
Tuesday, September 20, 2011
![Page 50: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/50.jpg)
Accordéon
Tuesday, September 20, 2011
![Page 51: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/51.jpg)
Solutions apportées:
• Permet la navigation rapide et
thématique
• Permet d’afficher des options de
navigation tout en ayant une interface
épurée
Accordéon
Tuesday, September 20, 2011
![Page 52: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/52.jpg)
Sprint
Tuesday, September 20, 2011
![Page 53: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/53.jpg)
Dessinez-moi un menu déroulant
Tuesday, September 20, 2011
![Page 54: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/54.jpg)
Problème:
“Je veux naviguer ce site facilement.”
Menu déroulant aka dropdown menu (Select)
Tuesday, September 20, 2011
![Page 55: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/55.jpg)
Menu déroulant aka dropdown menu (Select)
Tuesday, September 20, 2011
![Page 56: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/56.jpg)
Dessinez-moi un menu déroulant de
navigationTuesday, September 20, 2011
![Page 57: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/57.jpg)
Problème:
“Je veux naviguer ce site facilement.”
Menu déroulant (nav) aka navigational dropdown menu
Tuesday, September 20, 2011
![Page 58: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/58.jpg)
Menu déroulant (nav) aka navigational dropdown menu
Tuesday, September 20, 2011
![Page 59: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/59.jpg)
Dessinez-moi un .toggle()
Tuesday, September 20, 2011
![Page 60: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/60.jpg)
Toggle vrs. Check Box
Tuesday, September 20, 2011
![Page 61: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/61.jpg)
Toggle vrs. Check Boxl’un ou l’autre peut être l’un et l’autre
Tuesday, September 20, 2011
![Page 62: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/62.jpg)
Arbo.
Tuesday, September 20, 2011
![Page 63: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/63.jpg)
Arbo. Web site : Accueil
Groupe d’informa7on A Groupe d’informa7on B Groupe d’informa7on C Groupe d’informa7on D
Sous-‐groupe A1 Sous-‐groupe A2
Sec7on A2
Sec7on B1 Sec7on C1
Sec7on B2 Sec7on C2
Sous-‐groupe D1 Sous-‐groupe D2
Sec7on D1
Sec7on D1’
Sec7on C3
Recherche
Thèmes communs
Thèmes 1
Thèmes 2
Thèmes 3
Thèmes 4
CommunautéForum de
conversa7onUGC
Tuesday, September 20, 2011
![Page 64: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/64.jpg)
Navigation principaleL’objectif de cet exercice :
★ Organiser le contenu principal
★ S’addresser au 80% des utilisateurs
★ Avoir un objectif principale
Web site : Accueil
Groupe d’informa7on A Groupe d’informa7on B Groupe d’informa7on C Groupe d’informa7on D
Recherche
Tuesday, September 20, 2011
![Page 65: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/65.jpg)
Navigation secondaire
Tuesday, September 20, 2011
![Page 66: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/66.jpg)
Navigation secondaireL’objectif de cet exercice :
★ Trouver l’informa7on clé à travers tout le site
★ Contenir des sec7ons cachées (les meLre de l’avant)
★ Créer des liens vers les sites partenaires (ou des sites externes)
Tuesday, September 20, 2011
![Page 67: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/67.jpg)
Audit du contenu
Tuesday, September 20, 2011
![Page 68: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/68.jpg)
Audit de contenuL’objectif de cet exercice :
★ Connaître le contenu
★ Créer des liens entre différentes sections
★ Comprendre la dynamique du site
★ Comprendre comment ce site ce construit
★ Regroupement des grands contenus
★ “Card sorting”
Tuesday, September 20, 2011
![Page 69: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/69.jpg)
Audit de contenu★ Arborescence principale : Accueil, Société,
musique, ...
★ Arborescence secondaire correspondant
★ Détail du contenu (type, mise à jour)
★ Détail des éléments répétitifs ou confondants
Tuesday, September 20, 2011
![Page 70: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/70.jpg)
Tri de carte
Tuesday, September 20, 2011
![Page 71: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/71.jpg)
Tri de carteL’objectif de cet exercice :
★ Regrouper le contenu sous de grande catégorie
★ Permettre de classer les éléments de navigation
★ Créer ou découvrir de nouvelles catégorie lors de la réorganisation de l’arborescence d’un site
Tuesday, September 20, 2011
![Page 72: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/72.jpg)
Tri de carteDeux méthodes possibles:
★ Première: Inviter un groupe à classer par catégorie non définit les différentes parties de contenu d’un site
★ Deuxième: Inviter un groupe à classer selon des catégories définies les différentes parties de contenu d’un site
http://www.boxesandarrows.com/view/card_sorting_a_definitive_guide
Tuesday, September 20, 2011
![Page 73: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/73.jpg)
À vous de jouer!
Tuesday, September 20, 2011
![Page 74: Cour2 Design d'interaction](https://reader033.fdocuments.in/reader033/viewer/2022051609/5478b5e3b4af9fd3158b45ec/html5/thumbnails/74.jpg)
Design et organisation 1
http://www.maisoncorbeil.com
Faire un audit de contenu détaillé
Préparer les éléments pour un tri de carte en groupe la semaine prochaine
Atelier
Tuesday, September 20, 2011