Intervention de Guillaume Brachon (Designers Interactifs) lors de la Journée Mondiale de l'Utilisabilité 2007 à Paris

1. 10 enjeux
d’utilisabilité pour les
interfaces sociales

2. 110 membres
‣ 5 % associations
‣ 15 % étudiants
‣ 20 % annonceurs / agences
‣ 60 % professionnels salariés ou indépendants
7 missions : définir et organiser les
professions du design numérique
encourager le partage de bonnes
pratiques à travers des événements
mensuels : workshops, conférences,
Pecha Kucha + des publications

3. définition(s) d’une
interface sociale
le design interactif est porteur
de sociabilité :
‣ il utilise une grammaire des interactions enrichie
et implicante (interfaces riches)
‣ l’utilisateur individuel bénéficie de l’expérience de
la communauté (navigation sociale)
‣ il active un vécu collectif, des représentations
mentales/conventions partagées par les utilisateurs
dans les interfaces (expérience sociale)

4. navigation sociale : www.flickr.com

5. interface riche : www.zdnet.com

6. expérience sociale : www.myspace.com

7. principales critiques
“Elite Experience vs. User Experience” (Luke
Wrobleski + J. Nielsen)
Perte de la notion de page (“breaking the page model”,
Digital Web)
Navigation sociale pas plus pertinente qu’une
classification “contrôlée” (IA, p 80)
“Soupe de balise”
Détournement du réseau social en espace
marketing

8. enjeu n°1
Lecture, parcours de lecture
rendre l’information plus facilement
appropriable/manipulable

9. www.gettyimages.com

10. enjeu n°2
Architecture de l’information
assurer plus de contrôle à l’utilisateur,
“une architecture de l’information générée
par l’utilisateur”

11. my.latimes.com

12. enjeu n°3
Visualisation
faciliter la compréhension de l’information à
l’aide de nouveaux modes de représentation

13. www.rememble.com

14. enjeu n°4
Navigabilité
améliorer et enrichir l’expérience
de navigation

15. www.telecomitalia.com

16. enjeu n°5
Système de recherche
faciliter la recherche et le tri des résultats

17. www.apple.com

18. enjeu n°6
Partage collaboratif
encourager et faciliter la diffusion
des contenus, des expériences

20. enjeu n°7
Charge mentale
filtrer l’information pour ne retenir
que la plus pertinente

21. www.wikio.com

22. enjeu n°8
Interopérabilité
adapter l’interface à des contextes
et des terminaux multiples

23. www.facebook.com

24. enjeu n°9
Design des interactions
populariser de nouveaux usages
(contribution, partage, collaboration)

25. Drag and Drop. Drag and Drop Modules. In Page Editing. In Page Custom Editing. Direct State
Editing. Grid Cell Editing. Inline Custom Editing. Inline Tag Editing. Popup Custom Editing. Slide-
out Custom Editing. Inline Text Editing. Persistent Portals. Inline Reordering. Indication. Busy
Indication. Cursor Busy. In Context Busy. In Context Progress. Inline Status. Auto Complete.
Balloon Error Tip. Deferred Content Loading. Dynamic Goal. Narrowing Choices. Refining Search.
Live Search. Dynamic Filter. Invitation. Cursor Invitation. Drop Invitation. Tool Tip Invitation. Hover
Invitation. Detail Zoom. Opacity Focus. Configurable Module - Faceplate. Configurable Module - Flip
It. Configurable Module - Inline Configure. Configurable Module - Slide Out Drawer. Slide Out. Flip.
Opacity Fade. Endless Scrolling. Expandable Paging Boundary. Fresh Content. Hover Detail. In
Place Drill Down. Inline Assistant. Inline Validation. Validate Then Suggest. On Demand Refresh.
Periodic Refresh. Resizable Modules. Scrolling Modules. Auto Save. In Context Tools. Remembered
Collection. Remembered Preferences. Auto Form Fill. Rating an Object. Transition. Brighten
Transition. Cross Fade Transition. Dim Transition. Expand Transition. Fade In Transition. Fade Out
Transition. Flip Transition. Move Transition. Self-Healing Transition. Collapse Transition. Slide
Transition. Rich Internet Object. Available. Selected. Drag and Drop. Drag and Drop Modules. In
Page Editing. In Page Custom Editing. Direct State Editing. Grid Cell Editing. Inline Custom Editing.
Inline Tag Editing. Popup Custom Editing. Slide-out Custom Editing. Inline Text Editing. Persistent
Portals. Inline Reordering. Indication. Busy Indication. Cursor Busy. In Context Busy. In Context
Progress. Inline Status. Auto Complete. Balloon Error Tip. Deferred Content Loading. Dynamic Goal.
Narrowing Choices. Refining Search. Live Search. Dynamic Filter. Invitation. Cursor Invitation. Drop
Invitation. Tool Tip Invitation. Hover Invitation. Detail Zoom. Opacity Focus. Configurable Module -
Faceplate. Configurable Module - Flip It. Configurable Module - Inline Configure. Configurable
Module - Slide Out Drawer. Slide Out. Flip. Opacity Fade. Endless Scrolling. Expandable Paging
Boundary. Fresh Content. Hover Detail. In Place Drill Down. Inline Assistant. Inline Validation.
Validate Then Suggest. On Demand Refresh. Periodic Refresh. Resizable Modules. Scrolling Modules.
www.lukew.com

26. enjeu n°10
Savoir-faire
capitaliser sur un langage commun des
interactions

27. developer.yahoo.com jenifer Tidwell

28. conclusion
l’innovation des interfaces ne viendra pas par
la technique mais par le design
de moins en moins de solitude interactive :
vers des interfaces multi-utilisateurs
la fin proche du paradigme du bureau ? 2
exemples d’interfaces sociales sans bureau

29. Microsoft Surface
citywall.org

30. merci !