hci 2014 (6 of 10): social (web) interactions
DESCRIPTION
Important aspect regarding design patterns for social interactions. For additional info, consult http://profs.info.uaic.ro/~busaco/teach/courses/hci/hci-film.htmlTRANSCRIPT
![Page 1: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/1.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
design patterns for social interactions
Human-Computer Interaction
![Page 2: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/2.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
“Be civil to all; sociable to many; familiar with few;friend to one; enemy to none.”
Benjamin Franklin
![Page 3: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/3.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Patterns of human interaction(Jenifer Tidwell, 2006)
describing human behaviors
![Page 4: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/4.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Safe exploration
“Let me explore without getting lostor getting into trouble.”
Human behavior
![Page 5: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/5.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Instant gratification
“I want to accomplish something now, not later.”
Human behavior
![Page 6: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/6.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Instant gratification
Human behavior
![Page 7: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/7.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Satisfying
“This is good enough.I don’t want to spend more time learning to do it better.”
Human behavior
![Page 8: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/8.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Changes in midstream
“I changed my mind about what I was doing.”
Human behavior
![Page 9: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/9.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
![Page 10: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/10.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Deferred choices
“I don’t want to answer that now; just let me finish.”
Human behavior
![Page 11: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/11.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Incremental construction
“Let me change this. That doesn’t look right;let me change it again. That’s better!”
Human behavior
![Page 12: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/12.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Incremental construction
when a tool offers support for creative activities,these could maintain the user’s flow
Human behavior
![Page 13: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/13.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Habituation
“That gesture works everywhere else; why doesn’t it work here, too?”
Human behavior
![Page 14: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/14.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Spatial memory
“I swear that button was here a minute ago.Where did it go?”
Human behavior
![Page 15: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/15.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
![Page 16: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/16.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Prospective memory
“I’m putting this here to remind myselfto deal with it later.”
Human behavior
![Page 17: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/17.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Streamlined repetition
“I have to repeat this how many times?”
Human behavior
![Page 18: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/18.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
![Page 19: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/19.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Keyboard only
“Please don’t make me use the mouse!”
Human behavior
![Page 20: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/20.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Other people’s advice
“What did everyone else say about this?”
Human behavior
![Page 21: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/21.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busacosocial UX patterns
![Page 22: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/22.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social UX Patterns
dealing with the interactivitywithin a social (Web) application
Christian Crumlish & Erin Malone, 2009
![Page 23: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/23.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social UX Patterns
social computing
Thomas Erickson (2013)www.interaction-design.org/encyclopedia/social_computing.html
![Page 24: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/24.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
![Page 25: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/25.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Self
ActivitiesCom-
munity
Crumlish & Malone, 2009
reputation
sharing
presence
![Page 26: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/26.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
social media ecosystem (Crumlish & Malone, 2009)
![Page 27: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/27.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
social aspects in the enterprise (Crumlish & Malone, 2009)
![Page 28: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/28.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Design for EveryoneTalk Like a Person
Be OpenBe a Game
Check Your EthicsDon’t Break E-mail!
Cargo Cult – antipattern
Social UX: Core Principles
![Page 29: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/29.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Software as a human
communicating to users – and potential customers –in a human voice
humane interfaces
Social UX
![Page 30: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/30.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social UX
Conversation
adopting a conversational tone
use the language of contemporary speech,not that of textbooks, tax forms, or street signs
![Page 31: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/31.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social UX
Conversation
used for including instructions, errors,and other messages coming from the system and
addressed to the reader, visitor, or member
![Page 32: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/32.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
???
![Page 33: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/33.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social UX
Conversation
avoid obscure slang unless you have already established confidence in the minds of your users
being cute ≠ being real
![Page 34: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/34.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social UX
Ask questions
people naturally have questions and ask them
![Page 35: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/35.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social UX
Ask questions
could be used for explanatory messages, help text,and labels on potential but currently unpopulated
features in the user’s interface
![Page 36: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/36.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social UX
Your versus My
labeling items with “My” imitates the user’s point of viewMy Yahoo!, My feed, My watchlist
versus“Your”-like labels reinforce the dialogue
CiteULike, YouTube
![Page 37: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/37.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social UX
Your versus My
use this pattern when labeling objects belonging toor chosen by the individual user
your photostream, your contacts, your groups,…
![Page 38: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/38.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
![Page 39: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/39.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social UX
No joking around
people appreciate humor and ice-breaking witticisms,but unserious text in an UI could be confusing
(the sense of humor is a unique thing in each person)
![Page 40: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/40.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social UX
No joking around
software is not joking
let your users tell each other their own jokes
![Page 41: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/41.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social UX
Honesty of interaction
dark pattern = a type of user interface that appears to have been carefully crafted to trick users
into doing unwanted things
![Page 42: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/42.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
http://darkpatterns.org/
![Page 43: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/43.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Representing the Self
engagementidentity
presencereputation
Social UX
![Page 44: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/44.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
User engagement
questions:how to avoid the cold-start?
how to encourage people to come in and participate?how to avoid privacy problems?
how to encourage early adopters?…
Social UX
![Page 45: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/45.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
www.drawnimal.comhelp kids start drawing & learn the alphabet
discussion
![Page 46: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/46.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
User engagement
advice:“keep the user’s experience focused on the application”
(Bert Appward, 2012)
www.html5rocks.com/webappfieldguide/
Social UX
![Page 47: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/47.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social UX
Sign-up and registration
use the pattern when:require leaving personal or private information,
and privacy and security are a concern
![Page 48: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/48.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social UX
Sign-up and registration
use the pattern when:financial transactions require remembering billing,
shipping, and transaction information
![Page 49: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/49.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social UX
Sign-up and registration
collect the bare minimum of information neededthat still allows your user to participate in the site
consider whether or not registration is even needed
![Page 50: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/50.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
![Page 51: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/51.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social UX
Sign-up and registration
provide explanations about what each piece of information requested will provide
in terms of user benefits
e.g., geo-location provides recommendationsof relevant items: stores, hospitals,…
![Page 52: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/52.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social UX
Sign-up and registration
the application will require registrationat the last possible moment
in the users’ process of exploring the site
![Page 53: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/53.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social UX
Sign-up and registration
after registration, deliver the users back to the taskthey were in before they were sidetracked
![Page 54: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/54.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social UX
Sign-up and registration
allow the creation of a unique identifier by allowingthe use of an e-mail address,
which is a unique piece of data and can be verified
![Page 55: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/55.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social UX
Sign-up and registration
clearly label what elements are requiredfor a username and password
![Page 56: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/56.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social UX
Sign-up and registration
provide (positive) feedback as the user fills out the form
![Page 57: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/57.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social UX
Sign-up and registration
include CAPTCHA-based verificationonly if absolutely necessary
???
![Page 58: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/58.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social UX
Sign-up and registration
consider skipping the entire registration formand allow users to sign up by using other methods
open standards: OpenID, OAuth, WebIDinitiative: Mozilla Persona – www.mozilla.org/persona/
![Page 59: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/59.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social UX
Sign-up and registration
see also:
Luke Wroblewski, “Sign Up Forms Must Die”,A List Apart Magazine, 2008
http://www.alistapart.com/articles/signupforms/
![Page 60: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/60.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
discussion
good or bad design?
![Page 61: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/61.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social UX
Sign-up and registration
remark:the Web form should easily navigable via the keyboard,
with the Submit button triggered by the Enter key
![Page 62: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/62.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social UX
Sign-in
we must provide a clearly labeled Sign In/Login button
![Page 63: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/63.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social UX
Sign-in
we must present input fieldsfor the username & password
+a clear way to retrieve the username/password
if it is forgotten
![Page 64: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/64.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social UX
![Page 65: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/65.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social UX
Sign-in
if appropriate, allow the user to stay signed in to the site for an extended amount of time
![Page 66: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/66.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social UX
Sign-in
delay the sign-in requirementuntil the last possible moment
![Page 67: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/67.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social UX
Authorize
this pattern could be used when:features are enhanced or expanded by accessing data
and files from another site
![Page 68: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/68.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social UX
Authorize
this pattern could be used when:user-generated content or data on a given site has
the potential to enhance/enable other sites
![Page 69: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/69.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
???!
![Page 70: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/70.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social UX
Authorize
using an authorization flow and protocol (e.g., OAuth)allows users to give access among sites
without exposing their usernames and passwords
![Page 71: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/71.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social UX
Welcome area
provides the new user with a welcome message
it could present the most important or useful features
![Page 72: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/72.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social UX
Welcome area
do not use intrusive methods – e.g., pop-ups
do not force users to take welcome tours
assume the new users are not stupid
![Page 73: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/73.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
User identity
“The ability to create and manage an identity within the context of the site is the foundation upon which the rest
– contributions, relationships, reputations – is built.It’s about people and who they portray themselves to be.”
Crumlish & Malone, 2009
Social UX
![Page 74: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/74.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
User identity
tripartite identity pattern
account unique identifier DB keylogin identifier session authenticationpublic identifier(s) social identify
Social UX
![Page 75: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/75.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social UX
User profile
profile = the “face” of the user in the system
conveying a central, public location to display allthe relevant content and information about a user
to be exposed to others
![Page 76: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/76.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
![Page 77: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/77.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social UX
User profile
don’t make the display name the same as the user login
an important aspect concerning security: phishers
![Page 78: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/78.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social UX
User profile
allow users to control the levels of access to information
private versus “friends” versus public
![Page 79: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/79.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social UX
User profile
users must have the possibility to customize their profile
![Page 80: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/80.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social UX
User profile
collect only the amount of information necessaryfor meaningful relationships or community activities
![Page 81: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/81.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social UX
User profile
if possible, allow the user to migrate profile content,a profile image, nickname, and core personal information
from other services using certain methods
e.g., Data Liberation, OpenSocial API, Portable Contacts, Yahoo! Social Platform
![Page 82: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/82.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social UX
other features (issues to be resolved):profile decoratingprofile claimingfaceted identity
![Page 83: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/83.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social UX
Personal dashboard
users want to check in and see status updates fromtheir friends, current activity from their social graph,
comments from friends on recent posts, etc.
![Page 84: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/84.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social UX
Personal dashboard
the personal dashboard is the companion to the profile
should contain information and access to activitiesthat the user wants to participate in on an ongoing basis
to encourage repeat usage
![Page 85: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/85.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
for strategies and examples, seeS. Few, Information Dashboard Design: Displaying Data
for At-a-Glance Monitoring, Analytics Press, 2013
![Page 86: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/86.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social UX
Identity/Contact cards
used to offer additional information about a user,allowing the possibility to subscribe to, follow,
connect to, unsubscribe, block the user
![Page 87: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/87.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
![Page 88: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/88.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social UX
Avatars
giving a visual representation for an online identify
“Profile pictures – or avatars, in online parlance –show people at our thinnest, handsomest, most fun.”
(Gillian Reagan, 2008)
![Page 89: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/89.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social UX
Avatars
illustrated representations allow for a degree of anonymity, but do reduce the perceived credibility
of the poster in many cases
![Page 90: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/90.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social UX
Avatars
the users must have the possibility to use multiple avatars
consider allowing multiple images to be uploadedand stored for later selection
![Page 91: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/91.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
![Page 92: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/92.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social UX
Avatars
mood expressions
allow users to attach a special status message or emoticonto supplement their avatars by indicating
a particular mood – e.g., delighted, bored,…
![Page 93: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/93.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Online presence
designing a presence UI is to maximize opportunitiesfor users to declare themselves present to one another
Social UX
![Page 94: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/94.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Online presence
designing a presence UI is to maximize opportunitiesfor users to declare themselves present to one another
online presence management:publish, display, maintain (update), subscribe to, filter,…
Social UX
![Page 95: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/95.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social UX
![Page 96: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/96.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Online presence
designing a presence UI is to maximize opportunitiesfor users to declare themselves present to one another
facets of presence:status, current task, mood, environment, location,
platform/device status, others
Social UX
![Page 97: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/97.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Online presence
common patterns:AvailabilityBuddy List
MicrobloggingUpdates
Social UX
![Page 98: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/98.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
User reputation
a person participating in a social structure expectsto develop a reputation and hopes for insight into
the reputations of others
Social UX
![Page 99: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/99.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
User reputation
reputation influences behavior
a reputation system involves tracking desirable behavior and then recognizing it publicly
Social UX
![Page 100: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/100.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
User reputation
reputation influences behavior
a reputation system involves tracking desirable behavior and then recognizing it publicly
examples: Klout, Mozilla OpenBadges
Social UX
![Page 101: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/101.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social UX
Named levels
define a family of reputations on a progressive continuumto enable consumers to discover and identify
high-quality contributors
BronzeSilverGoldHated HostileUnfriendlyNeutralFriendly…
![Page 102: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/102.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social UX
Labels
use “special identifiers” to gratify a person
allows non-linear reputation designations
![Page 103: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/103.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social UX
Labels
examples:Top Contributor (Yahoo! Answers)
Troll (37 Signals)
see also Art of Trolling: http://artoftrolling.memebase.com/
![Page 104: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/104.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social UX
![Page 105: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/105.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
User reputation
could be measured via awards:Collectible achievements,
Peer-to-peer achievements, Nudging,Testimonials (Personal recommendations)
examples: LinkedIn, P2PU, Xbox LIVE, Yelp, etc.
Social UX
![Page 106: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/106.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
User reputation
could be measured via rankings:Points
LeaderboardTop N
Social UX
![Page 107: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/107.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
![Page 108: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/108.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
User reputation
many leaderboards make the mistake of basing standingsonly on what is easy to measure
it is difficult to measure qualitative aspects
Leaderboard could be also considered as an anti-pattern
Social UX
![Page 109: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/109.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social objects
“Social networks consist of peoplewho are connected by a shared object.”
Jyri Engeström
Social UX
![Page 110: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/110.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social objects
“You can have a conversation without a social object.You cannot have a social object without a conversation.
It is the conversation that makes the object ‘social’.”
JP Rangaswami
Social UX
![Page 111: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/111.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social objects
collecting social objects:Saving, Favorites,
Displaying,Add/Subscribe,
Tagging, Find with tags, Tag cloud
Social UX
![Page 112: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/112.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social objects
sharing & (re)using:
personal level – Bookmarklet, Send/Share widgetprivate (direct) level – Send this, Give Gift
public level – Share this, Embedding
Social UX
![Page 113: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/113.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social UX
![Page 114: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/114.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Broadcasting
from tribal gossip to viral actions
“The key is to design flexible frameworks and spacesfor people to define their own sense of place.”
Crumlish & Malone, 2009
Social UX
![Page 115: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/115.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Broadcasting
design patterns concerning blogs:Blogs: presentation
Blogs: ownershipMicroblogging
Social UX
![Page 116: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/116.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social UX
Terms of service
the “Terms of Service Agreement” document providesa legal framework for the use and dissemination
of “information services” and intellectual property assetsprovided on a Website
![Page 117: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/117.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social UX
Terms of service
use this pattern in check-out flows and sign-up forms
![Page 118: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/118.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social UX
Terms of service
types of open licenses:Public Domain
http://publicdomainmanifesto.org/Creative Commons
http://creativecommons.org/licenses/Copyleft
http://www.gnu.org/copyleft/
![Page 119: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/119.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Feedback
soliciting feedback from people, no matter the form,is one of the easiest ways to engage a community
Social UX
![Page 120: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/120.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Feedback
important design (anti)patterns:Vote to promote
Thumbs up/down ratingsRatings (Starts or 1—5)
CommentsReviews
Soliciting feedback
Social UX
![Page 121: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/121.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social UX
![Page 122: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/122.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Collaboration
important design patterns:Manage project
Voting (Polls, Surveys)Collaborative editing
Edit this pageWiki way
Crowdsourcing
Social UX
![Page 123: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/123.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social media tools
must offer support for filtering & recommendingresources of interest
Social UX
![Page 124: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/124.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social UX
Filtering
used to offer methods for social filteringin order to minimize information overload
![Page 125: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/125.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social UX
Filtering
we must provide affordances for restoring(or, if necessary, imposing) contextual filterson data streams so that they can be parsed
in more manageable groupings
![Page 126: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/126.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social UX
Recommendations
offering (“intelligent”) recommendations when sufficient self-declared data about users is available to be able
to identify similarities and make helpful guessesabout likely interesting content
![Page 127: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/127.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social UX
Recommendations
several public APIs focused on (social) recommendations:Apache Mahout – http://mahout.apache.org/
Amazon Mechanical Turk – http://www.mturk.com/
Hunch – http://hunch.com/developers/
Zemanta – http://developer.zemanta.com/
www.programmableweb.com/apis/directory/1?apicat=Recommendations
![Page 128: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/128.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
recommendations push objects toward peoplerather than relying on them to be passively discovered
![Page 129: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/129.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social search
Real-time searchConversational (Subjective) search
for details, read P. Morville & J. Callender, Search Patterns, O’Reilly, 2010
http://searchpatterns.org/library.php
Social UX
![Page 130: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/130.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
discussion
Facebook Graph Search
www.facebook.com/about/graphsearch
critics concerning the user privacy:http://actualfacebookgraphsearches.tumblr.com/
![Page 131: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/131.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Relationships
the ability to find friends and make them a part of user circle for participation is one of the key interactions
to design when building a social application
Social UX
![Page 132: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/132.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Relationships
the ability to find friends and make them a part of user circle for participation is one of the key interactions
to design when building a social application
terminology:cohort, colleague, contact, family, fan,
follow, follower, friend
Social UX
![Page 133: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/133.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Relationships
important design patterns:Find people
Adding friendsCircles of connections
Publicize RelationshipsUnfriending
Groups
Social UX
![Page 134: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/134.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Community management
norms
expected behaviors when operating or workingwith a system
Social UX
![Page 135: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/135.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Community management
norms
socially enforced
less restrictive than rules
Social UX
![Page 136: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/136.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Community management
norms
explicit – e.g., FAQs, user agreementsversus
implicit – not formally available,emerging through daily interactions of the group
Social UX
![Page 137: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/137.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Community management
necessity of publishing a clear and easy to findset of guidelines
Social UX
![Page 138: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/138.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
![Page 139: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/139.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Community management
collaborative governance + group moderation:
Collaborative filteringReport abuse
Social UX
![Page 140: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/140.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Participation to events
support for activities on user real location:Being local
Social UX
![Page 141: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/141.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social UX
Face-to-face meeting
helps to facilitate face-to-face meetings between people
![Page 142: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/142.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social UX
Face-to-face meeting
pre-event creation
users could enter full details of a (private/public) event:location, time, description, special considerations,…
a sharable calendar must be integrated
![Page 143: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/143.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social UX
Face-to-face meeting
pre-event creation
locations could be selected from an existing list
consider indicating nearby establishments(parking, restaurants, ATMs,…),
which allows for comprehensive planning
![Page 144: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/144.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social UX
Face-to-face meeting
pre-event creation
provide full address, contact possibilities+ other relevant details: costs, restrictions, ambiance
![Page 145: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/145.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social UX
Face-to-face meeting
pre-event creation
users could RSVP to events +consider showing RVSPs to other users
allow users to easily invitetheir (subset of) network of friends
![Page 146: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/146.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social UX
![Page 147: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/147.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social UX
Face-to-face meeting
during a public event
allow users to make comments in real-time
e.g., integrating social Web (mobile) applications
![Page 148: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/148.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social UX
Face-to-face meeting
post-event
offer tools to attach photos, presentations,other resources to the event
![Page 149: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/149.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social UX
Face-to-face meeting
post-event
if the user attended (or RSVP’d “yes”),show the event in his/her calendar of past events
consider asking the attendees to rate the event afterward
![Page 150: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/150.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Social UX
Face-to-face meeting
post-event
for public events, allow users to tag/search/filterthe information of interest
![Page 151: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/151.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Participation to events
planning an event and inviting friends to join the party: Party
allow users to create customized and personal invitations
Social UX
![Page 152: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/152.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Participation to events
finding or submitting an event (public or private)based on a date or within a certain date range:
Calendaring
Social UX
![Page 153: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/153.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Participation to events
alerting others where an event is happening:Reminding
encourage sending reminders to a mobile deviceor email account
Social UX
![Page 154: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/154.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Participation to events
Geo-taggingGeo-mapping
Geo-mashing: Neighborhood, Mobile & location
Best Practices and Guidelines for Location Based Services:http://www.ctia.org/content/index.cfm/AID/11300
Social UX
![Page 155: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/155.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Openness
important aspects:open source, open infrastructure,
open architecture, open standards,open access, open content (data), open identity
Social UX
![Page 156: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/156.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Openness
Badging
packaging up frequently personalized informationin a portable format for reusing in other context
Social UX
![Page 157: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/157.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Openness
also, to be considered:
Embedded semantics(microformats, schema.org HTML5 microdata, RDFa)
Import, Hosted Modules, Open APIs
Social UX
![Page 158: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/158.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Problem:
converting a classical Website into a “social” one
case study
![Page 159: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/159.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Problem:
converting a classical Website into a “social” one
possible solutions:
talk like a personsign in/sign up
object-related activities: tagging, rating, sharinguser identity: contact cards, attribution
relationships: friends, followers, social graphs
case study
![Page 160: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/160.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Problem:
“people come and read my content,but they’re invisible to each other…”
case study
![Page 161: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/161.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Problem:
“people come and read my content,but they’re invisible to each other…”
solution:providing layers of participation
presence indicators, peer-to-peer awards, nudging,public conversation, followers badge
case study
![Page 162: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/162.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Problem:
“I have an active community on my Website,but people are misbehaving!”
case study
![Page 163: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/163.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Problem:
“I have an active community on my Website,but people are misbehaving!”
solutions:norm + model citizen
community management – e.g., reporting abusereputation
ratings
case study
![Page 164: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/164.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Problem:
interacting via mobile devices
case study
![Page 165: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/165.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Problem:
interacting via mobile devices
solutions:geo-locationgatherings
current status broadcastinggeneral mobile patterns: infinite lists, one-click
gesture-based interaction
case study
responsive design
![Page 166: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/166.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
case study
mobile & location patterns
![Page 167: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/167.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
case study
status broadcasting (statuscasting)
![Page 168: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/168.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
for more details, consult C. Crumlish & E. Malone, Designing Social Interfaces, O’Reilly, 2009
www.designingsocialinterfaces.com/patterns.wiki
![Page 169: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/169.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
“Conclusion”
designing social applications
![Page 170: HCI 2014 (6 of 10): Social (Web) Interactions](https://reader034.vdocuments.mx/reader034/viewer/2022052410/5552c01fb4c905920f8b47b0/html5/thumbnails/170.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
next episode: project assessment (D)Tuesday, 08 April, 9h – C308