SOCIAL                           USABILITYDavide ‘Folletto’ CasaliGianandrea Giacoma                           WORKSHOP
@Folletto         @IbridazioniUser Experience   User ExperienceDirector          StrategistStartup Design    Social Busine...
Manifesto Ibridimanifestoibridi.org
TODAY
WHAT IS SOCIAL USABILTYUSE SOCIAL USABILTY
WHAT IS SOCIAL USABILTYUSE SOCIAL USABILTY
EVERYTHING IS SOCIAL
The walkmanDesigned to isolate oneself, used to connect people.
Word  Designed for personal use…...forgetting its social objective.
WallsMade to divide, define identities     and meeting points.
System
SocialDynamics System
SocialDynamics  ? System
SocialDynamics SocialUsability System
Social Usability isa quality attribute that assesseshow easy social interactions           are to make.
SocialDynamics            If the level of Social            Social UsabilityUsability            is too low... System
...we are removing Social            social dynamicsDynamics            as well! SocialUsability System
Social Usabilityis an enabling factor
But… it is not a must!
I may want to    I may want to  emphasize         dampen useful social   harmful social  behaviours       behaviours
BALA NCE
RICEPhoto by iz4aks
findabilityRELATIONS   curiosity            management            privacy            separation            proximity       ...
moodRELATIONS   amplitude            person            interests            appearance            uniqueness            gr...
quantity  RELATIONS     private                public                speedCOMMUNICATION   richness                plural  ...
easiness                  findability                  presence                  liveliness                  longevity     ...
RelationIn Friendfeed there’s anexcellent feature thatshows you the messageswhere your friendanswered or liked.
RelationThe Like button has a veryclever design thathighlight yourrelationships: whereveryou are on the web,seeing the fac...
IdentityMight be surprising, butthe old MySpace excelledin something: identity.The high degree ofcustomization, allowed by...
IdentityThe previous version ofTwitter has one of thebest identity expressionfeature around forsimplicity and efficiency:th...
IdentityMany games put a lot ofemphasis on identity, thinkfor example about Worldof Warcraft and SecondLife.
CommunicationAnother strong elementTwitter is its focus oncommunication, inparticular broadcastcommunication.
CommunicationOften ignored, instantmessaging systems areincredibly powerful socialnetworks focused oncommunication. Skype ...
Emergence of GroupsAnother feature of Skypethat is so simple it’s almostnot noticed is it’s ability tocreate groups on the...
Emergence of GroupsThe king here today isGoogle+, even if with theCircles concept it has avery specificinterpretation of gr...
Emergence of GroupsFacebook has introduceda very interesting featureas well: dynamic groups.
In social there are   no patterns.
Social requires an agile, iterative approach.
observe     dot     LOOPdo             think
Motivational Design
Is there a way to _____?
Is there a way toexpress yourself?
Is there a way to  show up in a groupdue to the things you do?
WHAT IS SOCIAL USABILTYUSE SOCIAL USABILTY
LET’S STARTWITH A QUESTION
ITERATIVE DESIGNCREATE SOLUTION1. Each one of you takes a sheet of    10’   paper (A4).2. Pick one question, only one, fro...
ITERATIVE DESIGNGROUP UP!1. Create groups.                    20’2. Each of you, share your   wireframe with the others an...
ITERATIVE DESIGNDISCUSSION1. Which questions form the            20’   checklists did you use?2. How did it go?3. Did you ...
WHAT IS SOCIAL USABILTYUSE SOCIAL USABILTYBONUS
HOW TO EVALUATEEXISTING INTERACTIONS?
ANALYSECHECKLIST THEM!1. Pair up.                               10’2. Take the checklist and one of the   following websit...
ANALYSECOMPARE THEM!1. Each pair, compare notes.               10’  · Compare first the highest and lowest    values each o...
ANALYSEDISCUSSION1. In turn, tell us your results.        10’2. Explain why you reached that   score.3. Explain if there w...
“To complicate is easy, to simplify is hard.        To complicate, just add,     everyone is able to complicate.        Fe...
Thanks.@Folletto@Ibridazioni
Social Usability Workshop - Lift13
Social Usability Workshop - Lift13
Social Usability Workshop - Lift13
Upcoming SlideShare
Loading in...5
×

Social Usability Workshop - Lift13

1,022

Published on

The workshop will show a great tool to do Social Experience Design: Social Usability and its associated checklist. After a brief introduction a hands-on tool will be proposed, the Social Usability Checklist, and direct experimentation will be conducted with open discussions and independent sketching.

Social Usability, like usability, is a quality attribute that assesses how easy social interactions are to make. The term “social usability” also refers to the methods for improving the ease of human-computer-human interactions during the design process. Social Usability is defined by four properties (RICE): relations, identity, communication, emergence of groups.

Published in: Design

Social Usability Workshop - Lift13

  1. 1. SOCIAL USABILITYDavide ‘Folletto’ CasaliGianandrea Giacoma WORKSHOP
  2. 2. @Folletto @IbridazioniUser Experience User ExperienceDirector StrategistStartup Design Social BusinessAdvisor Consultant
  3. 3. Manifesto Ibridimanifestoibridi.org
  4. 4. TODAY
  5. 5. WHAT IS SOCIAL USABILTYUSE SOCIAL USABILTY
  6. 6. WHAT IS SOCIAL USABILTYUSE SOCIAL USABILTY
  7. 7. EVERYTHING IS SOCIAL
  8. 8. The walkmanDesigned to isolate oneself, used to connect people.
  9. 9. Word Designed for personal use…...forgetting its social objective.
  10. 10. WallsMade to divide, define identities and meeting points.
  11. 11. System
  12. 12. SocialDynamics System
  13. 13. SocialDynamics ? System
  14. 14. SocialDynamics SocialUsability System
  15. 15. Social Usability isa quality attribute that assesseshow easy social interactions are to make.
  16. 16. SocialDynamics If the level of Social Social UsabilityUsability is too low... System
  17. 17. ...we are removing Social social dynamicsDynamics as well! SocialUsability System
  18. 18. Social Usabilityis an enabling factor
  19. 19. But… it is not a must!
  20. 20. I may want to I may want to emphasize dampen useful social harmful social behaviours behaviours
  21. 21. BALA NCE
  22. 22. RICEPhoto by iz4aks
  23. 23. findabilityRELATIONS curiosity management privacy separation proximity public relations themes time
  24. 24. moodRELATIONS amplitude person interests appearance uniqueness groupIDENTITY avatar privacy
  25. 25. quantity RELATIONS private public speedCOMMUNICATION richness plural sync IDENTITY async aggregability
  26. 26. easiness findability presence liveliness longevity frequency bottom-upEMERGENCE OF GROUPS
  27. 27. RelationIn Friendfeed there’s anexcellent feature thatshows you the messageswhere your friendanswered or liked.
  28. 28. RelationThe Like button has a veryclever design thathighlight yourrelationships: whereveryou are on the web,seeing the face of a friendof yours there is incrediblyreassuring.
  29. 29. IdentityMight be surprising, butthe old MySpace excelledin something: identity.The high degree ofcustomization, allowed bya workaround, triggeredan incredible level of self-expression (with all itsconsequences).
  30. 30. IdentityThe previous version ofTwitter has one of thebest identity expressionfeature around forsimplicity and efficiency:the custom backgroundchanges completely thepage look and feel.
  31. 31. IdentityMany games put a lot ofemphasis on identity, thinkfor example about Worldof Warcraft and SecondLife.
  32. 32. CommunicationAnother strong elementTwitter is its focus oncommunication, inparticular broadcastcommunication.
  33. 33. CommunicationOften ignored, instantmessaging systems areincredibly powerful socialnetworks focused oncommunication. Skype isan excellent example ofthis, allowing multipletypes of communication inone.
  34. 34. Emergence of GroupsAnother feature of Skypethat is so simple it’s almostnot noticed is it’s ability tocreate groups on the fly.You need to talk with acouple of friend right now?Create a chat ad hoc witha couple of clicks, done!
  35. 35. Emergence of GroupsThe king here today isGoogle+, even if with theCircles concept it has avery specificinterpretation of group.
  36. 36. Emergence of GroupsFacebook has introduceda very interesting featureas well: dynamic groups.
  37. 37. In social there are no patterns.
  38. 38. Social requires an agile, iterative approach.
  39. 39. observe dot LOOPdo think
  40. 40. Motivational Design
  41. 41. Is there a way to _____?
  42. 42. Is there a way toexpress yourself?
  43. 43. Is there a way to show up in a groupdue to the things you do?
  44. 44. WHAT IS SOCIAL USABILTYUSE SOCIAL USABILTY
  45. 45. LET’S STARTWITH A QUESTION
  46. 46. ITERATIVE DESIGNCREATE SOLUTION1. Each one of you takes a sheet of 10’ paper (A4).2. Pick one question, only one, from one of the four elements of the Checklist.3. Imagine the interface and wireframe that feature inside a page · imagine to use 1/4 of a webpage
  47. 47. ITERATIVE DESIGNGROUP UP!1. Create groups. 20’2. Each of you, share your wireframe with the others and understand what the other members understands without explanation.3. Then create a new wireframe on a new sheet that blends the two ideas together.
  48. 48. ITERATIVE DESIGNDISCUSSION1. Which questions form the 20’ checklists did you use?2. How did it go?3. Did you find anything interesting?4. How did you merge the interface?5. How difficult it was to blend together the ideas?
  49. 49. WHAT IS SOCIAL USABILTYUSE SOCIAL USABILTYBONUS
  50. 50. HOW TO EVALUATEEXISTING INTERACTIONS?
  51. 51. ANALYSECHECKLIST THEM!1. Pair up. 10’2. Take the checklist and one of the following websites: · Facebook (maybe not) · LinkedIn · Google (not necessarily Plus) · Pinterest · Twitter3. Individually, assign a score from 1 to 5 to each question in the checklist, zero if the functionality isn’t there.
  52. 52. ANALYSECOMPARE THEM!1. Each pair, compare notes. 10’ · Compare first the highest and lowest values each of you assigned, to understand the different approaches. · Are there differences in scores? · Why?2. Build a final scorecard with individual scores for each question and a global score for each RICE property.
  53. 53. ANALYSEDISCUSSION1. In turn, tell us your results. 10’2. Explain why you reached that score.3. Explain if there were any controversial point in the process.
  54. 54. “To complicate is easy, to simplify is hard. To complicate, just add, everyone is able to complicate. Few are able to simplify. Bruno Munari ”
  55. 55. Thanks.@Folletto@Ibridazioni
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×