10 enjeux
d’utilisabilité pour les
interfaces sociales
110 membres
‣   5 % associations
‣   15 % étudiants
‣   20 % annonceurs / agences
‣   60 % professionnels salariés ou indé...
définition(s) d’une
interface sociale
le design interactif est porteur
de sociabilité :
‣ il utilise une grammaire des int...
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 (“...
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é...
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...
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 ...
Microsoft Surface




citywall.org
merci !
10 enjeux d'utilisabilité pour les interfaces sociales
Upcoming SlideShare
Loading in …5
×

10 enjeux d'utilisabilité pour les interfaces sociales

5,704 views
5,638 views

Published on

designers interactifs

Published in: Business
0 Comments
6 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
5,704
On SlideShare
0
From Embeds
0
Number of Embeds
1,237
Actions
Shares
0
Downloads
102
Comments
0
Likes
6
Embeds 0
No embeds

No notes for slide

10 enjeux d'utilisabilité pour les interfaces sociales

  1. 1. 10 enjeux d’utilisabilité pour les interfaces sociales
  2. 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. 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. 4. navigation sociale : www.flickr.com
  5. 5. interface riche : www.zdnet.com
  6. 6. expérience sociale : www.myspace.com
  7. 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. 8. enjeu n°1 Lecture, parcours de lecture rendre l’information plus facilement appropriable/manipulable
  9. 9. www.gettyimages.com
  10. 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. 11. my.latimes.com
  12. 12. enjeu n°3 Visualisation faciliter la compréhension de l’information à l’aide de nouveaux modes de représentation
  13. 13. www.rememble.com
  14. 14. enjeu n°4 Navigabilité améliorer et enrichir l’expérience de navigation
  15. 15. www.telecomitalia.com
  16. 16. enjeu n°5 Système de recherche faciliter la recherche et le tri des résultats
  17. 17. www.apple.com
  18. 18. enjeu n°6 Partage collaboratif encourager et faciliter la diffusion des contenus, des expériences
  19. 19. enjeu n°7 Charge mentale filtrer l’information pour ne retenir que la plus pertinente
  20. 20. www.wikio.com
  21. 21. enjeu n°8 Interopérabilité adapter l’interface à des contextes et des terminaux multiples
  22. 22. www.facebook.com
  23. 23. enjeu n°9 Design des interactions populariser de nouveaux usages (contribution, partage, collaboration)
  24. 24. 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
  25. 25. enjeu n°10 Savoir-faire capitaliser sur un langage commun des interactions
  26. 26. developer.yahoo.com jenifer Tidwell
  27. 27. 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
  28. 28. Microsoft Surface citywall.org
  29. 29. merci !

×