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.
easiness ﬁndability presence liveliness longevity frequency bottom-upEMERGENCE OF GROUPS
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 face of a friendof yours there is incrediblyreassuring.
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).
IdentityThe previous version ofTwitter has one of thebest identity expressionfeature around forsimplicity and efﬁciency:the custom backgroundchanges completely thepage look and feel.
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 isan excellent example ofthis, allowing multipletypes of communication inone.
Emergence of GroupsAnother feature of Skypethat is so simple it’s almostnot noticed is it’s ability tocreate groups on the ﬂy.You need to talk with acouple of friend right now?Create a chat ad hoc witha couple of clicks, done!
Emergence of GroupsThe king here today isGoogle+, even if with theCircles concept it has avery speciﬁcinterpretation of group.
Emergence of GroupsFacebook has introduceda very interesting featureas well: dynamic groups.
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
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.
ITERATIVE DESIGNDISCUSSION1. Which questions form the 20’ checklists did you use?2. How did it go?3. Did you ﬁnd anything interesting?4. How did you merge the interface?5. How difﬁcult it was to blend together the ideas?
WHAT IS SOCIAL USABILTYUSE SOCIAL USABILTYBONUS
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.
ANALYSECOMPARE THEM!1. Each pair, compare notes. 10’ · Compare ﬁrst the highest and lowest values each of you assigned, to understand the different approaches. · Are there differences in scores? · Why?2. Build a ﬁnal scorecard with individual scores for each question and a global score for each RICE property.
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.
“To complicate is easy, to simplify is hard. To complicate, just add, everyone is able to complicate. Few are able to simplify. Bruno Munari ”