WUD 2007 Paris : 10 enjeux d'utilisabilité pour les interfaces sociales

  • 1,443 views
Uploaded on

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

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

More in: Business
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
1,443
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
12
Comments
0
Likes
2

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 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
  • 19. enjeu n°7 Charge mentale filtrer l’information pour ne retenir que la plus pertinente
  • 20. www.wikio.com
  • 21. enjeu n°8 Interopérabilité adapter l’interface à des contextes et des terminaux multiples
  • 22. www.facebook.com
  • 23. enjeu n°9 Design des interactions populariser de nouveaux usages (contribution, partage, collaboration)
  • 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. enjeu n°10 Savoir-faire capitaliser sur un langage commun des interactions
  • 26. developer.yahoo.com jenifer Tidwell
  • 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. Microsoft Surface citywall.org
  • 29. merci !