wud 2007 paris : 10 enjeux d'utilisabilité pour les interfaces sociales

30
10 enjeux d’utilisabilité pour les interfaces sociales

Upload: frederic-cavazza

Post on 06-Jul-2015

1.501 views

Category:

Business


0 download

DESCRIPTION

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

TRANSCRIPT

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

10 enjeux drsquoutilisabiliteacute pour les interfaces sociales

110 membres 5 associations 15 eacutetudiants 20 annonceurs agences 60 professionnels salarieacutes ou indeacutependants

7 missions deacutefinir et organiser les professions du design numeacuterique

encourager le partage de bonnes pratiques agrave travers des eacuteveacutenements mensuels workshops confeacuterences Pecha Kucha + des publications

deacutefinition(s) drsquoune interface sociale

le design interactif est porteurde sociabiliteacute il utilise une grammaire des interactions enrichie

et implicante (interfaces riches)

lrsquoutilisateur individuel beacuteneacuteficie de lrsquoexpeacuterience de la communauteacute (navigation sociale)

il active un veacutecu collectif des repreacutesentations mentalesconventions partageacutees par les utilisateurs dans les interfaces (expeacuterience sociale)

navigation sociale wwwflickrcom

interface riche wwwzdnetcom

expeacuterience sociale wwwmyspacecom

principales critiques

ldquoElite Experience vs User Experiencerdquo (Luke

Wrobleski + J Nielsen)

Perte de la notion de page (ldquobreaking the page modelrdquo

Digital Web)

Navigation sociale pas plus pertinente qursquoune classification ldquocontrocircleacuteerdquo (IA p 80)

ldquoSoupe de baliserdquo

Deacutetournement du reacuteseau social en espace marketing

enjeu ndeg1

Lecture parcours de lecturerendre lrsquoinformation plus facilement appropriablemanipulable

wwwgettyimagescom

enjeu ndeg2

Architecture de lrsquoinformationassurer plus de controcircle agrave lrsquoutilisateurldquoune architecture de lrsquoinformation geacuteneacutereacutee par lrsquoutilisateurrdquo

mylatimescom

enjeu ndeg3

Visualisationfaciliter la compreacutehension de lrsquoinformation agrave lrsquoaide de nouveaux modes de repreacutesentation

wwwrememblecom

enjeu ndeg4

Navigabiliteacuteameacuteliorer et enrichir lrsquoexpeacuterience de navigation

wwwtelecomitaliacom

enjeu ndeg5

Systegraveme de recherchefaciliter la recherche et le tri des reacutesultats

wwwapplecom

enjeu ndeg6

Partage collaboratifencourager et faciliter la diffusion des contenus des expeacuteriences

enjeu ndeg7

Charge mentalefiltrer lrsquoinformation pour ne retenir que la plus pertinente

wwwwikiocom

enjeu ndeg8

Interopeacuterabiliteacuteadapter lrsquointerface agrave des contexteset des terminaux multiples

wwwfacebookcom

enjeu ndeg9

Design des interactionspopulariser 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

wwwlukewcom

enjeu ndeg10

Savoir-fairecapitaliser sur un langage commun des interactions

developeryahoocom jenifer Tidwell

conclusion

lrsquoinnovation 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 drsquointerfaces sociales sans bureau

citywallorg

Microsoft Surface

merci

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

110 membres 5 associations 15 eacutetudiants 20 annonceurs agences 60 professionnels salarieacutes ou indeacutependants

7 missions deacutefinir et organiser les professions du design numeacuterique

encourager le partage de bonnes pratiques agrave travers des eacuteveacutenements mensuels workshops confeacuterences Pecha Kucha + des publications

deacutefinition(s) drsquoune interface sociale

le design interactif est porteurde sociabiliteacute il utilise une grammaire des interactions enrichie

et implicante (interfaces riches)

lrsquoutilisateur individuel beacuteneacuteficie de lrsquoexpeacuterience de la communauteacute (navigation sociale)

il active un veacutecu collectif des repreacutesentations mentalesconventions partageacutees par les utilisateurs dans les interfaces (expeacuterience sociale)

navigation sociale wwwflickrcom

interface riche wwwzdnetcom

expeacuterience sociale wwwmyspacecom

principales critiques

ldquoElite Experience vs User Experiencerdquo (Luke

Wrobleski + J Nielsen)

Perte de la notion de page (ldquobreaking the page modelrdquo

Digital Web)

Navigation sociale pas plus pertinente qursquoune classification ldquocontrocircleacuteerdquo (IA p 80)

ldquoSoupe de baliserdquo

Deacutetournement du reacuteseau social en espace marketing

enjeu ndeg1

Lecture parcours de lecturerendre lrsquoinformation plus facilement appropriablemanipulable

wwwgettyimagescom

enjeu ndeg2

Architecture de lrsquoinformationassurer plus de controcircle agrave lrsquoutilisateurldquoune architecture de lrsquoinformation geacuteneacutereacutee par lrsquoutilisateurrdquo

mylatimescom

enjeu ndeg3

Visualisationfaciliter la compreacutehension de lrsquoinformation agrave lrsquoaide de nouveaux modes de repreacutesentation

wwwrememblecom

enjeu ndeg4

Navigabiliteacuteameacuteliorer et enrichir lrsquoexpeacuterience de navigation

wwwtelecomitaliacom

enjeu ndeg5

Systegraveme de recherchefaciliter la recherche et le tri des reacutesultats

wwwapplecom

enjeu ndeg6

Partage collaboratifencourager et faciliter la diffusion des contenus des expeacuteriences

enjeu ndeg7

Charge mentalefiltrer lrsquoinformation pour ne retenir que la plus pertinente

wwwwikiocom

enjeu ndeg8

Interopeacuterabiliteacuteadapter lrsquointerface agrave des contexteset des terminaux multiples

wwwfacebookcom

enjeu ndeg9

Design des interactionspopulariser 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

wwwlukewcom

enjeu ndeg10

Savoir-fairecapitaliser sur un langage commun des interactions

developeryahoocom jenifer Tidwell

conclusion

lrsquoinnovation 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 drsquointerfaces sociales sans bureau

citywallorg

Microsoft Surface

merci

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

deacutefinition(s) drsquoune interface sociale

le design interactif est porteurde sociabiliteacute il utilise une grammaire des interactions enrichie

et implicante (interfaces riches)

lrsquoutilisateur individuel beacuteneacuteficie de lrsquoexpeacuterience de la communauteacute (navigation sociale)

il active un veacutecu collectif des repreacutesentations mentalesconventions partageacutees par les utilisateurs dans les interfaces (expeacuterience sociale)

navigation sociale wwwflickrcom

interface riche wwwzdnetcom

expeacuterience sociale wwwmyspacecom

principales critiques

ldquoElite Experience vs User Experiencerdquo (Luke

Wrobleski + J Nielsen)

Perte de la notion de page (ldquobreaking the page modelrdquo

Digital Web)

Navigation sociale pas plus pertinente qursquoune classification ldquocontrocircleacuteerdquo (IA p 80)

ldquoSoupe de baliserdquo

Deacutetournement du reacuteseau social en espace marketing

enjeu ndeg1

Lecture parcours de lecturerendre lrsquoinformation plus facilement appropriablemanipulable

wwwgettyimagescom

enjeu ndeg2

Architecture de lrsquoinformationassurer plus de controcircle agrave lrsquoutilisateurldquoune architecture de lrsquoinformation geacuteneacutereacutee par lrsquoutilisateurrdquo

mylatimescom

enjeu ndeg3

Visualisationfaciliter la compreacutehension de lrsquoinformation agrave lrsquoaide de nouveaux modes de repreacutesentation

wwwrememblecom

enjeu ndeg4

Navigabiliteacuteameacuteliorer et enrichir lrsquoexpeacuterience de navigation

wwwtelecomitaliacom

enjeu ndeg5

Systegraveme de recherchefaciliter la recherche et le tri des reacutesultats

wwwapplecom

enjeu ndeg6

Partage collaboratifencourager et faciliter la diffusion des contenus des expeacuteriences

enjeu ndeg7

Charge mentalefiltrer lrsquoinformation pour ne retenir que la plus pertinente

wwwwikiocom

enjeu ndeg8

Interopeacuterabiliteacuteadapter lrsquointerface agrave des contexteset des terminaux multiples

wwwfacebookcom

enjeu ndeg9

Design des interactionspopulariser 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

wwwlukewcom

enjeu ndeg10

Savoir-fairecapitaliser sur un langage commun des interactions

developeryahoocom jenifer Tidwell

conclusion

lrsquoinnovation 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 drsquointerfaces sociales sans bureau

citywallorg

Microsoft Surface

merci

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

navigation sociale wwwflickrcom

interface riche wwwzdnetcom

expeacuterience sociale wwwmyspacecom

principales critiques

ldquoElite Experience vs User Experiencerdquo (Luke

Wrobleski + J Nielsen)

Perte de la notion de page (ldquobreaking the page modelrdquo

Digital Web)

Navigation sociale pas plus pertinente qursquoune classification ldquocontrocircleacuteerdquo (IA p 80)

ldquoSoupe de baliserdquo

Deacutetournement du reacuteseau social en espace marketing

enjeu ndeg1

Lecture parcours de lecturerendre lrsquoinformation plus facilement appropriablemanipulable

wwwgettyimagescom

enjeu ndeg2

Architecture de lrsquoinformationassurer plus de controcircle agrave lrsquoutilisateurldquoune architecture de lrsquoinformation geacuteneacutereacutee par lrsquoutilisateurrdquo

mylatimescom

enjeu ndeg3

Visualisationfaciliter la compreacutehension de lrsquoinformation agrave lrsquoaide de nouveaux modes de repreacutesentation

wwwrememblecom

enjeu ndeg4

Navigabiliteacuteameacuteliorer et enrichir lrsquoexpeacuterience de navigation

wwwtelecomitaliacom

enjeu ndeg5

Systegraveme de recherchefaciliter la recherche et le tri des reacutesultats

wwwapplecom

enjeu ndeg6

Partage collaboratifencourager et faciliter la diffusion des contenus des expeacuteriences

enjeu ndeg7

Charge mentalefiltrer lrsquoinformation pour ne retenir que la plus pertinente

wwwwikiocom

enjeu ndeg8

Interopeacuterabiliteacuteadapter lrsquointerface agrave des contexteset des terminaux multiples

wwwfacebookcom

enjeu ndeg9

Design des interactionspopulariser 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

wwwlukewcom

enjeu ndeg10

Savoir-fairecapitaliser sur un langage commun des interactions

developeryahoocom jenifer Tidwell

conclusion

lrsquoinnovation 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 drsquointerfaces sociales sans bureau

citywallorg

Microsoft Surface

merci

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

interface riche wwwzdnetcom

expeacuterience sociale wwwmyspacecom

principales critiques

ldquoElite Experience vs User Experiencerdquo (Luke

Wrobleski + J Nielsen)

Perte de la notion de page (ldquobreaking the page modelrdquo

Digital Web)

Navigation sociale pas plus pertinente qursquoune classification ldquocontrocircleacuteerdquo (IA p 80)

ldquoSoupe de baliserdquo

Deacutetournement du reacuteseau social en espace marketing

enjeu ndeg1

Lecture parcours de lecturerendre lrsquoinformation plus facilement appropriablemanipulable

wwwgettyimagescom

enjeu ndeg2

Architecture de lrsquoinformationassurer plus de controcircle agrave lrsquoutilisateurldquoune architecture de lrsquoinformation geacuteneacutereacutee par lrsquoutilisateurrdquo

mylatimescom

enjeu ndeg3

Visualisationfaciliter la compreacutehension de lrsquoinformation agrave lrsquoaide de nouveaux modes de repreacutesentation

wwwrememblecom

enjeu ndeg4

Navigabiliteacuteameacuteliorer et enrichir lrsquoexpeacuterience de navigation

wwwtelecomitaliacom

enjeu ndeg5

Systegraveme de recherchefaciliter la recherche et le tri des reacutesultats

wwwapplecom

enjeu ndeg6

Partage collaboratifencourager et faciliter la diffusion des contenus des expeacuteriences

enjeu ndeg7

Charge mentalefiltrer lrsquoinformation pour ne retenir que la plus pertinente

wwwwikiocom

enjeu ndeg8

Interopeacuterabiliteacuteadapter lrsquointerface agrave des contexteset des terminaux multiples

wwwfacebookcom

enjeu ndeg9

Design des interactionspopulariser 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

wwwlukewcom

enjeu ndeg10

Savoir-fairecapitaliser sur un langage commun des interactions

developeryahoocom jenifer Tidwell

conclusion

lrsquoinnovation 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 drsquointerfaces sociales sans bureau

citywallorg

Microsoft Surface

merci

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

expeacuterience sociale wwwmyspacecom

principales critiques

ldquoElite Experience vs User Experiencerdquo (Luke

Wrobleski + J Nielsen)

Perte de la notion de page (ldquobreaking the page modelrdquo

Digital Web)

Navigation sociale pas plus pertinente qursquoune classification ldquocontrocircleacuteerdquo (IA p 80)

ldquoSoupe de baliserdquo

Deacutetournement du reacuteseau social en espace marketing

enjeu ndeg1

Lecture parcours de lecturerendre lrsquoinformation plus facilement appropriablemanipulable

wwwgettyimagescom

enjeu ndeg2

Architecture de lrsquoinformationassurer plus de controcircle agrave lrsquoutilisateurldquoune architecture de lrsquoinformation geacuteneacutereacutee par lrsquoutilisateurrdquo

mylatimescom

enjeu ndeg3

Visualisationfaciliter la compreacutehension de lrsquoinformation agrave lrsquoaide de nouveaux modes de repreacutesentation

wwwrememblecom

enjeu ndeg4

Navigabiliteacuteameacuteliorer et enrichir lrsquoexpeacuterience de navigation

wwwtelecomitaliacom

enjeu ndeg5

Systegraveme de recherchefaciliter la recherche et le tri des reacutesultats

wwwapplecom

enjeu ndeg6

Partage collaboratifencourager et faciliter la diffusion des contenus des expeacuteriences

enjeu ndeg7

Charge mentalefiltrer lrsquoinformation pour ne retenir que la plus pertinente

wwwwikiocom

enjeu ndeg8

Interopeacuterabiliteacuteadapter lrsquointerface agrave des contexteset des terminaux multiples

wwwfacebookcom

enjeu ndeg9

Design des interactionspopulariser 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

wwwlukewcom

enjeu ndeg10

Savoir-fairecapitaliser sur un langage commun des interactions

developeryahoocom jenifer Tidwell

conclusion

lrsquoinnovation 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 drsquointerfaces sociales sans bureau

citywallorg

Microsoft Surface

merci

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

principales critiques

ldquoElite Experience vs User Experiencerdquo (Luke

Wrobleski + J Nielsen)

Perte de la notion de page (ldquobreaking the page modelrdquo

Digital Web)

Navigation sociale pas plus pertinente qursquoune classification ldquocontrocircleacuteerdquo (IA p 80)

ldquoSoupe de baliserdquo

Deacutetournement du reacuteseau social en espace marketing

enjeu ndeg1

Lecture parcours de lecturerendre lrsquoinformation plus facilement appropriablemanipulable

wwwgettyimagescom

enjeu ndeg2

Architecture de lrsquoinformationassurer plus de controcircle agrave lrsquoutilisateurldquoune architecture de lrsquoinformation geacuteneacutereacutee par lrsquoutilisateurrdquo

mylatimescom

enjeu ndeg3

Visualisationfaciliter la compreacutehension de lrsquoinformation agrave lrsquoaide de nouveaux modes de repreacutesentation

wwwrememblecom

enjeu ndeg4

Navigabiliteacuteameacuteliorer et enrichir lrsquoexpeacuterience de navigation

wwwtelecomitaliacom

enjeu ndeg5

Systegraveme de recherchefaciliter la recherche et le tri des reacutesultats

wwwapplecom

enjeu ndeg6

Partage collaboratifencourager et faciliter la diffusion des contenus des expeacuteriences

enjeu ndeg7

Charge mentalefiltrer lrsquoinformation pour ne retenir que la plus pertinente

wwwwikiocom

enjeu ndeg8

Interopeacuterabiliteacuteadapter lrsquointerface agrave des contexteset des terminaux multiples

wwwfacebookcom

enjeu ndeg9

Design des interactionspopulariser 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

wwwlukewcom

enjeu ndeg10

Savoir-fairecapitaliser sur un langage commun des interactions

developeryahoocom jenifer Tidwell

conclusion

lrsquoinnovation 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 drsquointerfaces sociales sans bureau

citywallorg

Microsoft Surface

merci

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

enjeu ndeg1

Lecture parcours de lecturerendre lrsquoinformation plus facilement appropriablemanipulable

wwwgettyimagescom

enjeu ndeg2

Architecture de lrsquoinformationassurer plus de controcircle agrave lrsquoutilisateurldquoune architecture de lrsquoinformation geacuteneacutereacutee par lrsquoutilisateurrdquo

mylatimescom

enjeu ndeg3

Visualisationfaciliter la compreacutehension de lrsquoinformation agrave lrsquoaide de nouveaux modes de repreacutesentation

wwwrememblecom

enjeu ndeg4

Navigabiliteacuteameacuteliorer et enrichir lrsquoexpeacuterience de navigation

wwwtelecomitaliacom

enjeu ndeg5

Systegraveme de recherchefaciliter la recherche et le tri des reacutesultats

wwwapplecom

enjeu ndeg6

Partage collaboratifencourager et faciliter la diffusion des contenus des expeacuteriences

enjeu ndeg7

Charge mentalefiltrer lrsquoinformation pour ne retenir que la plus pertinente

wwwwikiocom

enjeu ndeg8

Interopeacuterabiliteacuteadapter lrsquointerface agrave des contexteset des terminaux multiples

wwwfacebookcom

enjeu ndeg9

Design des interactionspopulariser 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

wwwlukewcom

enjeu ndeg10

Savoir-fairecapitaliser sur un langage commun des interactions

developeryahoocom jenifer Tidwell

conclusion

lrsquoinnovation 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 drsquointerfaces sociales sans bureau

citywallorg

Microsoft Surface

merci

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

wwwgettyimagescom

enjeu ndeg2

Architecture de lrsquoinformationassurer plus de controcircle agrave lrsquoutilisateurldquoune architecture de lrsquoinformation geacuteneacutereacutee par lrsquoutilisateurrdquo

mylatimescom

enjeu ndeg3

Visualisationfaciliter la compreacutehension de lrsquoinformation agrave lrsquoaide de nouveaux modes de repreacutesentation

wwwrememblecom

enjeu ndeg4

Navigabiliteacuteameacuteliorer et enrichir lrsquoexpeacuterience de navigation

wwwtelecomitaliacom

enjeu ndeg5

Systegraveme de recherchefaciliter la recherche et le tri des reacutesultats

wwwapplecom

enjeu ndeg6

Partage collaboratifencourager et faciliter la diffusion des contenus des expeacuteriences

enjeu ndeg7

Charge mentalefiltrer lrsquoinformation pour ne retenir que la plus pertinente

wwwwikiocom

enjeu ndeg8

Interopeacuterabiliteacuteadapter lrsquointerface agrave des contexteset des terminaux multiples

wwwfacebookcom

enjeu ndeg9

Design des interactionspopulariser 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

wwwlukewcom

enjeu ndeg10

Savoir-fairecapitaliser sur un langage commun des interactions

developeryahoocom jenifer Tidwell

conclusion

lrsquoinnovation 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 drsquointerfaces sociales sans bureau

citywallorg

Microsoft Surface

merci

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

enjeu ndeg2

Architecture de lrsquoinformationassurer plus de controcircle agrave lrsquoutilisateurldquoune architecture de lrsquoinformation geacuteneacutereacutee par lrsquoutilisateurrdquo

mylatimescom

enjeu ndeg3

Visualisationfaciliter la compreacutehension de lrsquoinformation agrave lrsquoaide de nouveaux modes de repreacutesentation

wwwrememblecom

enjeu ndeg4

Navigabiliteacuteameacuteliorer et enrichir lrsquoexpeacuterience de navigation

wwwtelecomitaliacom

enjeu ndeg5

Systegraveme de recherchefaciliter la recherche et le tri des reacutesultats

wwwapplecom

enjeu ndeg6

Partage collaboratifencourager et faciliter la diffusion des contenus des expeacuteriences

enjeu ndeg7

Charge mentalefiltrer lrsquoinformation pour ne retenir que la plus pertinente

wwwwikiocom

enjeu ndeg8

Interopeacuterabiliteacuteadapter lrsquointerface agrave des contexteset des terminaux multiples

wwwfacebookcom

enjeu ndeg9

Design des interactionspopulariser 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

wwwlukewcom

enjeu ndeg10

Savoir-fairecapitaliser sur un langage commun des interactions

developeryahoocom jenifer Tidwell

conclusion

lrsquoinnovation 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 drsquointerfaces sociales sans bureau

citywallorg

Microsoft Surface

merci

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

mylatimescom

enjeu ndeg3

Visualisationfaciliter la compreacutehension de lrsquoinformation agrave lrsquoaide de nouveaux modes de repreacutesentation

wwwrememblecom

enjeu ndeg4

Navigabiliteacuteameacuteliorer et enrichir lrsquoexpeacuterience de navigation

wwwtelecomitaliacom

enjeu ndeg5

Systegraveme de recherchefaciliter la recherche et le tri des reacutesultats

wwwapplecom

enjeu ndeg6

Partage collaboratifencourager et faciliter la diffusion des contenus des expeacuteriences

enjeu ndeg7

Charge mentalefiltrer lrsquoinformation pour ne retenir que la plus pertinente

wwwwikiocom

enjeu ndeg8

Interopeacuterabiliteacuteadapter lrsquointerface agrave des contexteset des terminaux multiples

wwwfacebookcom

enjeu ndeg9

Design des interactionspopulariser 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

wwwlukewcom

enjeu ndeg10

Savoir-fairecapitaliser sur un langage commun des interactions

developeryahoocom jenifer Tidwell

conclusion

lrsquoinnovation 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 drsquointerfaces sociales sans bureau

citywallorg

Microsoft Surface

merci

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

enjeu ndeg3

Visualisationfaciliter la compreacutehension de lrsquoinformation agrave lrsquoaide de nouveaux modes de repreacutesentation

wwwrememblecom

enjeu ndeg4

Navigabiliteacuteameacuteliorer et enrichir lrsquoexpeacuterience de navigation

wwwtelecomitaliacom

enjeu ndeg5

Systegraveme de recherchefaciliter la recherche et le tri des reacutesultats

wwwapplecom

enjeu ndeg6

Partage collaboratifencourager et faciliter la diffusion des contenus des expeacuteriences

enjeu ndeg7

Charge mentalefiltrer lrsquoinformation pour ne retenir que la plus pertinente

wwwwikiocom

enjeu ndeg8

Interopeacuterabiliteacuteadapter lrsquointerface agrave des contexteset des terminaux multiples

wwwfacebookcom

enjeu ndeg9

Design des interactionspopulariser 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

wwwlukewcom

enjeu ndeg10

Savoir-fairecapitaliser sur un langage commun des interactions

developeryahoocom jenifer Tidwell

conclusion

lrsquoinnovation 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 drsquointerfaces sociales sans bureau

citywallorg

Microsoft Surface

merci

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

wwwrememblecom

enjeu ndeg4

Navigabiliteacuteameacuteliorer et enrichir lrsquoexpeacuterience de navigation

wwwtelecomitaliacom

enjeu ndeg5

Systegraveme de recherchefaciliter la recherche et le tri des reacutesultats

wwwapplecom

enjeu ndeg6

Partage collaboratifencourager et faciliter la diffusion des contenus des expeacuteriences

enjeu ndeg7

Charge mentalefiltrer lrsquoinformation pour ne retenir que la plus pertinente

wwwwikiocom

enjeu ndeg8

Interopeacuterabiliteacuteadapter lrsquointerface agrave des contexteset des terminaux multiples

wwwfacebookcom

enjeu ndeg9

Design des interactionspopulariser 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

wwwlukewcom

enjeu ndeg10

Savoir-fairecapitaliser sur un langage commun des interactions

developeryahoocom jenifer Tidwell

conclusion

lrsquoinnovation 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 drsquointerfaces sociales sans bureau

citywallorg

Microsoft Surface

merci

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

enjeu ndeg4

Navigabiliteacuteameacuteliorer et enrichir lrsquoexpeacuterience de navigation

wwwtelecomitaliacom

enjeu ndeg5

Systegraveme de recherchefaciliter la recherche et le tri des reacutesultats

wwwapplecom

enjeu ndeg6

Partage collaboratifencourager et faciliter la diffusion des contenus des expeacuteriences

enjeu ndeg7

Charge mentalefiltrer lrsquoinformation pour ne retenir que la plus pertinente

wwwwikiocom

enjeu ndeg8

Interopeacuterabiliteacuteadapter lrsquointerface agrave des contexteset des terminaux multiples

wwwfacebookcom

enjeu ndeg9

Design des interactionspopulariser 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

wwwlukewcom

enjeu ndeg10

Savoir-fairecapitaliser sur un langage commun des interactions

developeryahoocom jenifer Tidwell

conclusion

lrsquoinnovation 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 drsquointerfaces sociales sans bureau

citywallorg

Microsoft Surface

merci

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

wwwtelecomitaliacom

enjeu ndeg5

Systegraveme de recherchefaciliter la recherche et le tri des reacutesultats

wwwapplecom

enjeu ndeg6

Partage collaboratifencourager et faciliter la diffusion des contenus des expeacuteriences

enjeu ndeg7

Charge mentalefiltrer lrsquoinformation pour ne retenir que la plus pertinente

wwwwikiocom

enjeu ndeg8

Interopeacuterabiliteacuteadapter lrsquointerface agrave des contexteset des terminaux multiples

wwwfacebookcom

enjeu ndeg9

Design des interactionspopulariser 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

wwwlukewcom

enjeu ndeg10

Savoir-fairecapitaliser sur un langage commun des interactions

developeryahoocom jenifer Tidwell

conclusion

lrsquoinnovation 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 drsquointerfaces sociales sans bureau

citywallorg

Microsoft Surface

merci

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

enjeu ndeg5

Systegraveme de recherchefaciliter la recherche et le tri des reacutesultats

wwwapplecom

enjeu ndeg6

Partage collaboratifencourager et faciliter la diffusion des contenus des expeacuteriences

enjeu ndeg7

Charge mentalefiltrer lrsquoinformation pour ne retenir que la plus pertinente

wwwwikiocom

enjeu ndeg8

Interopeacuterabiliteacuteadapter lrsquointerface agrave des contexteset des terminaux multiples

wwwfacebookcom

enjeu ndeg9

Design des interactionspopulariser 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

wwwlukewcom

enjeu ndeg10

Savoir-fairecapitaliser sur un langage commun des interactions

developeryahoocom jenifer Tidwell

conclusion

lrsquoinnovation 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 drsquointerfaces sociales sans bureau

citywallorg

Microsoft Surface

merci

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

wwwapplecom

enjeu ndeg6

Partage collaboratifencourager et faciliter la diffusion des contenus des expeacuteriences

enjeu ndeg7

Charge mentalefiltrer lrsquoinformation pour ne retenir que la plus pertinente

wwwwikiocom

enjeu ndeg8

Interopeacuterabiliteacuteadapter lrsquointerface agrave des contexteset des terminaux multiples

wwwfacebookcom

enjeu ndeg9

Design des interactionspopulariser 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

wwwlukewcom

enjeu ndeg10

Savoir-fairecapitaliser sur un langage commun des interactions

developeryahoocom jenifer Tidwell

conclusion

lrsquoinnovation 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 drsquointerfaces sociales sans bureau

citywallorg

Microsoft Surface

merci

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

enjeu ndeg6

Partage collaboratifencourager et faciliter la diffusion des contenus des expeacuteriences

enjeu ndeg7

Charge mentalefiltrer lrsquoinformation pour ne retenir que la plus pertinente

wwwwikiocom

enjeu ndeg8

Interopeacuterabiliteacuteadapter lrsquointerface agrave des contexteset des terminaux multiples

wwwfacebookcom

enjeu ndeg9

Design des interactionspopulariser 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

wwwlukewcom

enjeu ndeg10

Savoir-fairecapitaliser sur un langage commun des interactions

developeryahoocom jenifer Tidwell

conclusion

lrsquoinnovation 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 drsquointerfaces sociales sans bureau

citywallorg

Microsoft Surface

merci

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

enjeu ndeg7

Charge mentalefiltrer lrsquoinformation pour ne retenir que la plus pertinente

wwwwikiocom

enjeu ndeg8

Interopeacuterabiliteacuteadapter lrsquointerface agrave des contexteset des terminaux multiples

wwwfacebookcom

enjeu ndeg9

Design des interactionspopulariser 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

wwwlukewcom

enjeu ndeg10

Savoir-fairecapitaliser sur un langage commun des interactions

developeryahoocom jenifer Tidwell

conclusion

lrsquoinnovation 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 drsquointerfaces sociales sans bureau

citywallorg

Microsoft Surface

merci

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

wwwwikiocom

enjeu ndeg8

Interopeacuterabiliteacuteadapter lrsquointerface agrave des contexteset des terminaux multiples

wwwfacebookcom

enjeu ndeg9

Design des interactionspopulariser 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

wwwlukewcom

enjeu ndeg10

Savoir-fairecapitaliser sur un langage commun des interactions

developeryahoocom jenifer Tidwell

conclusion

lrsquoinnovation 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 drsquointerfaces sociales sans bureau

citywallorg

Microsoft Surface

merci

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

enjeu ndeg8

Interopeacuterabiliteacuteadapter lrsquointerface agrave des contexteset des terminaux multiples

wwwfacebookcom

enjeu ndeg9

Design des interactionspopulariser 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

wwwlukewcom

enjeu ndeg10

Savoir-fairecapitaliser sur un langage commun des interactions

developeryahoocom jenifer Tidwell

conclusion

lrsquoinnovation 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 drsquointerfaces sociales sans bureau

citywallorg

Microsoft Surface

merci

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

wwwfacebookcom

enjeu ndeg9

Design des interactionspopulariser 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

wwwlukewcom

enjeu ndeg10

Savoir-fairecapitaliser sur un langage commun des interactions

developeryahoocom jenifer Tidwell

conclusion

lrsquoinnovation 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 drsquointerfaces sociales sans bureau

citywallorg

Microsoft Surface

merci

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

enjeu ndeg9

Design des interactionspopulariser 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

wwwlukewcom

enjeu ndeg10

Savoir-fairecapitaliser sur un langage commun des interactions

developeryahoocom jenifer Tidwell

conclusion

lrsquoinnovation 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 drsquointerfaces sociales sans bureau

citywallorg

Microsoft Surface

merci

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

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

wwwlukewcom

enjeu ndeg10

Savoir-fairecapitaliser sur un langage commun des interactions

developeryahoocom jenifer Tidwell

conclusion

lrsquoinnovation 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 drsquointerfaces sociales sans bureau

citywallorg

Microsoft Surface

merci

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

enjeu ndeg10

Savoir-fairecapitaliser sur un langage commun des interactions

developeryahoocom jenifer Tidwell

conclusion

lrsquoinnovation 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 drsquointerfaces sociales sans bureau

citywallorg

Microsoft Surface

merci

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

developeryahoocom jenifer Tidwell

conclusion

lrsquoinnovation 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 drsquointerfaces sociales sans bureau

citywallorg

Microsoft Surface

merci

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

conclusion

lrsquoinnovation 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 drsquointerfaces sociales sans bureau

citywallorg

Microsoft Surface

merci

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

citywallorg

Microsoft Surface

merci

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

merci