10 enjeux
d’utilisabilité pour les
interfaces sociales

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

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)

navigation sociale : www.flickr.com

interface riche : www.zdnet.com

expérience sociale : www.myspace.com

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

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

www.gettyimages.com

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”

my.latimes.com

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

www.rememble.com

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

www.telecomitalia.com

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

www.apple.com

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

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

www.wikio.com

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

www.facebook.com

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

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

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

developer.yahoo.com jenifer Tidwell

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

Microsoft Surface
citywall.org

merci !