Upload
sabin-buraga
View
324
Download
4
Tags:
Embed Size (px)
DESCRIPTION
Dezvoltarea aplicaţiilor Web la nivel de client — detalii la http://profs.info.uaic.ro/~busaco/teach/courses/cliw/web-film.html
Citation preview
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
principii de proiectare a aplicațiilor Web sociale
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
“Respect those who come to you with open ears and foster a sense of community.”
P.T. Sudo
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Care sunt modalitățile de interacțiune cu software-ul și/sau hardware-ul?
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Crumlish & Malone (2009)
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Sfera 1: oameni și dispozitive
experiență fizică utilizator↔dispozitiv
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Sfera 1: oameni și dispozitive
experiență fizică utilizator↔dispozitiv
interacțiuni tradiționale:manipulare directă – e.g., tastatură & mouse
paradigma WIMP – Window Icon Menu Pointersuprafețe de redare/interacțiune
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Sfera 1: oameni și dispozitive
experiență fizică utilizator↔dispozitiv
interacțiuni naturale:simțuri (vizual, audio, tactil)
gesturiemoții & sentimente
recunoașterea utilizatorului (chip, amprentă, voce,…)
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
exemplificare: Firefox OSinteracțiunea dintre utilizator și dispozitivul mobil e facilitată de
tehnologiile Web actuale (HTML, CSS, JavaScript)detalii la http://tinyurl.com/cliw-devel
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Sfera 2: modele mentale + reprezentările lor
experiența cu utilizatorul la nivel fizic
definirea interacțiunii dintre oameni și obiecte (dispozitive)
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Sfera 2: modele mentale + reprezentările lor
interfață, interacțiune la nivel digital,modelarea utilizatorului
conținut (static) oferit versus
interactivitate – activități desfășurate (funcționalități)
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Sfera 2: modele mentale + reprezentările lor
exemple de categorii de aplicații Web:comerț electronic (e.g., recomandare de produse,
monitorizarea prețurilor, licitații etc.)aplicații colaborative de tip wiki
aplicații Web hibride vizând știrile (news mash-ups)
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Sfera 2: modele mentale + reprezentările lor
exemple de categorii de aplicații Web:comerț electronic (e.g., recomandare de produse,
monitorizarea prețurilor, licitații etc.)aplicații colaborative de tip wiki
aplicații Web hibride vizând știrile (news mash-ups)
bazate pe un model centrat pe conținut (preluare, vizualizare, filtrare, partajare,…)
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
agregare de știri la nivel de client via News Bento
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Sfera 3: context de utilizare
interacțiunea cu sau într-un mediu fizic/virtual
ubicuitatesimulări
obiecte smartagenți Web inteligenți
virtual/augmented reality
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Brazil (1985) – regizor: Terry Gilliamwww.imdb.com/title/tt0088846/
discuție: mesaje de eroare
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Mesajele de mai jos sunt într-adevăr de folos?
404 not found
fatal error in line 312
literal 13 could not be allocated
internal error: object container empty
an unhandled exception occurred
error exit delayed from previous errors
search failed
discuție: mesaje de eroare
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Mesajele de eroare trebuie să fie clare
discuție: mesaje de eroare
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Tonul unui mesaj de eroare trebuie să inspire încredere
an unknown error occurred
discuție: mesaje de eroare
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
De evitat atitudinea superioară (arogantă) față de utilizator
You cannot perform this operation!
versusThis operation requires specific
administrative rights.
Do you want to enter your credentials?
discuție: mesaje de eroare
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Termeni care nu trebuie folosiți:
abort end, cancel, stopavailable readyboot start, run
errorexecute completehit press, depress
invalid not correct/good/validkill end, cancel
output report, list, displayterminate end, exit
discuție: mesaje de eroare
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Utilizatorul nu trebuie să se simtă vinovat în urma acțiunii realizate de software
(oamenii sunt mai importanți decât programele)
discuție: mesaje de eroare
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
De oferit metode de (auto-)corectare a greșelilor
discuție: mesaje de eroare
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
discuție: mesaje de eroare
de oferit feedback pozitiv – vezi și http://fab404.com/
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Sfera 4: comunități de utilizatori
comunitate = grup de persoane având interese comune
ierarhie strictă versus rețea emergentă
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
grup de lucru(work team)
comunitate de practică(community of practice)
Membrii aparțin involuntar grupului (asignați de un superior)
Membrii sunt voluntari(nu se implică din obligație)
Axat pe realizarea unui produs/serviciu (delivery)
În evoluţie permanentălearning, making & improving
Aparține unei structuri ierarhice din cadrul unei organizații
Definită de relațiile dintre membri, nu e legată strict de o organizație
Echipe, management, militari Mulțimi ad-hoc, cercuri, prieteni
grupurile de lucru și comunitățile de practică sunt complementare
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Sfera 4: comunități de utilizatori
trăsătură importantă: caracterul conversațional
clasic: asociații locale, confrerii, publicații etc.
facilitat de Internet & Webde la e-mail, forumuri și grupuri virtuale la mesagerieinstantanee, rețele sociale & sisteme de tip MMORPG
(Massively Multiplayer Online Role-Playing Game)
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Sfera 4: comunități de utilizatori
comportament social mediat de tehnologii (Web) actuale
niveluri:personal (intim) vs. grup (tribal) vs. global (viral)
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
ecosisteme sociale bazate de hipermedia(Crumlish & Malone, 2009)
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
aspecte sociale la nivel de întreprindere(Crumlish & Malone, 2009)
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Sfera 4: comunități de utilizatori
oamenii sunt animale sociale
persoane de care avem nevoie (Mart Murdvee, 2006):teenagerfriend, entertainer
business-oriented personsecretaryin spare timetrainer/instructor
elder personnurse, helpmate
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Sfera 4: comunități de utilizatori
oamenii sunt animale sociale
posibilitatea de a folosi agenți de interfață cu rol de…
secretară digitală – „digital butler” (N. Negroponte, 1995)+
e-entertainer, e-nanny, e-pal, e-trainer, e-librarian, e-clerk, e-attendant(s) etc.
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Sfera 5: conținut
acces public global la date, informații, cunoștințe
crearea, publicarea, mixarea, partajarea conținuturilor (resurselor) disponibile pe Web
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
păstrare și partajare de adrese Web via Pocket
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Sfera 5: conținut
experiență interactivă la nivel de ecosistem:social, spațial, business, în funcție de context
(micro-)blogging, (geo-)tagging,sisteme de management al conținutului (CMS-uri),
wiki-uri, aplicații Web hibride (mash-ups),jocuri online, medii virtuale etc.
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
exemplu: Seevl – http://seevl.fm/
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Ce șabloane de proiectare există privind experiența socială cu utilizatorul?
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Social UX Patterns
vizează interactivitatea în cadrul unei aplicații (Web) sociale
Christian Crumlish & Erin Malone, 2009
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Social UX Patterns
social computing
Thomas Erickson (2013)
www.interaction-design.org/encyclopedia/social_computing.html
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Software as a human
comunicarea cu utilizatorii (și potențialii clienți) trebuie să fie firească, umană
humane interfaces
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Software as a human
adoptarea unui ton conversațional, informal
utilizarea unui limbaj contemporan, nu livresc, birocratic sau stradal
pentru instrucțiuni, mesaje și alte informații oferite de sistem vizitatorului/clientului
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Software as a human
de evitat un jargon obscur, argou, regionalisme etc.
being cute ≠ being real
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Software as a human
software-ul poate pune întrebări (ask questions)utile pentru mesaje explicative, text de ajutor,
etichete în cadrul formularelor Web,…
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Software as a human
„you” versus „my”
„my” indică punctul de vedere al utilizatoruluiMy Yahoo!, My feed, My watchlist
„you” încurajează dialogulexemple: CiteULike, YouTube
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Software as a human
„you” versus „my”
de utilizat atunci când trebuie etichetate resurse ce aparțin sau sunt alese de un anumit utilizator
your photostream, your contacts, your groups,…
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Software as a human
no joking around
interfața nu trebuie să expună mesaje neserioase ce potconduce la confuzii sau la bulversarea utilizatorului
fiecare persoană poate avea un unic simț al umorului
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Software as a human
aspect important: onestitatea interacțiunii
dark pattern = a type of user interface that appears to have been carefully crafted to trick users
into doing unwanted things
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
http://darkpatterns.org/
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Representing the Self
implicare (engagement)identitate (identity)prezență (presence)
reputație (reputation)
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Implicarea utilizatorului (user engagement)
aspecte de interes:cum evităm startul „rece”?
cum încurajăm persoanele să folosească aplicația și să participe?
cum rezolvăm problema intimității (privacy)?cum încurajăm utilizatorii de tip early adopters?
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
www.drawnimal.com
ajută copiii să înceapă să deseneze și să învețe alfabetul
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Implicarea utilizatorului (user engagement)
sfat:„keep the user’s experience focused on the application”
(Bert Appward, 2012)
www.html5rocks.com/webappfieldguide/
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Sign up & registration
de utilizat acest șablon când sunt necesare informații personale/private
trebuie luate în considerație intimitatea și securitatea
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Sign up & registration
de utilizat acest șablon când sunt necesare informații personale/private
trebuie luate în considerație intimitatea și securitatea
e.g., tranzacții financiare necesitând plăți, livrări, monitorizare etc.
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Sign up & registration
se va colecta minimul de informații necesare ce permit utilizatorului să participe în cadrul sitului
de considerat dacă e într-adevăr oportună/obligatorie crearea unui cont în cadrul aplicației
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Sign up & registration
oferiți explicații privind fiecare fragment de date solicitate în termeni de beneficii aduse utilizatorului
exemplu: geo-location provides recommendations
of relevant items: stores, hospitals,…
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Sign up & registration
aplicația va solicita datele de autentificare cât mai tardiv posibil
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Sign up & registration
conduceți utilizatorul la ultima activitate pe care o efectua înainte de realizarea autentificării
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Sign up & registration
permiteți crearea unui identificator unic ușor de memoratși de verificat (e.g., adresa de poștă electronică)
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Sign up & registration
de precizat clar ce elemente sunt obligatorii la introducerea numelui de utilizator (username) și a parolei
+ eventuale alte metode de autentificare
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Sign up & registration
oferiți feedback pozitiv (eventual, asistență suplimentară) în cazul în care utilizatorul greșește
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Sign up & registration
de inclus verificări bazate pe CAPTCHA doar dacă e absolut necesar
???
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Sign up & registration
de luat în calcul eliminarea procesului de creare de contprin adopția altor metode de autentificare/autorizare
standarde deschise: OpenID, OAuth, WebID
vezi inițiativa Mozilla Persona: www.mozilla.org/persona/
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
pentru alte detalii, de parcurs Luke Wroblewski, “Sign Up Forms Must Die”, A List Apart Magazine, 2008
http://www.alistapart.com/articles/signupforms/
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Sign in (autentificare)
includerea unui buton ușor de recunoscut și corespunzător etichetat
Sign In/Login
Dr.
Sab
in B
ura
ga
www.purl.org/net/busacoSocial UX: principii
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Sign in (autentificare)
dacă e posibil, permiteți ca utilizatorul să rămână autentificat pentru o anumită perioadă de timp
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Autorizare
de folosit atunci când anumite facilități vor recurge la date (resurse) provenite din alte situri/aplicații sociale
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
???!
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Întâmpinarea utilizatorului (welcome area)
de oferit noilor veniți diverse modalități de explorare + ajutor
se pot prezenta cele mai importante/utile facilități
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Întâmpinarea utilizatorului (welcome area)
de evitat:
metode intruzive de interacțiune – e.g., pop-up-uri
obligarea utilizatorului să facă turul de bun venit
presupunerea că utilizatorul nu se descurcă(i.e., yet another stupid user)
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Identitatea utilizatorului
“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
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Identitatea utilizatorului
user profilepersonal dashboard
identity/contact cardsavatars
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Identitatea utilizatorului
diverse fațete privind identificarea
account unique identifier DB keylogin identifier session authenticationpublic identifier(s) social identify
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Profilul utilizatorului
user profile = „fața” utilizatorului în cadrul sistemului
generarea unei arii publice – disponibilă altora –pentru a lista toate informațiile și conținuturile relevante
despre un utilizator
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Profilul utilizatorului
numele afișat (display name) nu trebuie să fie identic cu numele de cont (username)
aspecte importante privind securitatea: furtul identității + phishers
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Profilul utilizatorului
permiteți utilizatorilor să controleze nivelurile de acces la informații personale
privat vs. „prieteni” vs. public
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Profilul utilizatorului
utilizatorii trebuie să aibă posibilitatea să-și modifice profilul (customization)
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Profilul utilizatorului
aplicația va stoca cantitatea optimă de date necesarepentru realizarea relațiilor dintre utilizatori sau vizând
activitățile întreprinse în cadrul comunității virtuale
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Profilul utilizatorului
dacă e posibil, se vor oferi mijloace de migrare a profilului (conținut, date personale,…)
de la ori spre alte aplicații/servicii
diverse inițiative: Data Liberation, OpenSocial API, Portable Contacts, Yahoo! Social Platform
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
alte facilități de implementat (probleme de rezolvat):profile decorating
profile claimingfaceted identity
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Personal dashboard
users want to check in and see status updates from their friends, current activity from their social graph,
comments from friends on recent posts, etc.
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Personal dashboard
acompaniază profilul utilizatorului
trebuie să ofere informații și acces la activitățile frecvent dorite de utilizator
încurajarea vizitelor periodice
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
pentru strategii și exemple de proiectare, a se studia S. Few, Information Dashboard Design: Displaying Data
for At-a-Glance Monitoring, Analytics Press, 2013
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Identity/contact cards
pun la dispoziție informații suplimentare despre un utilizator + acțiuni specifice:
subscribe, follow, connect, unsubscribe, block,…
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Avatars
reprezentări vizuale asociate unei identități online
“Profile pictures – or avatars, in online parlance –show people at our thinnest, handsomest, most fun.”
(Gillian Reagan, 2008)
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Avatars
reprezentările alese de utilizator pot avea impact și asupra credibilității percepute a acestuia
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Avatars
aplicația va oferi suport pentru utilizarea de avataruri alternative via imagini multiple preluate și stocate
pentru viitoare folosiri
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Avatars
suplimentar, pot fi atașate expresii speciale (e.g., via emoticoane)
privind situația curentă a utilizatorului + o stare de spirit (mood particular): delighted, bored etc.
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Prezența online
maximizarea oportunităților de declarare a propriei identități în cadrul unui mediu social virtual
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Prezența online
maximizarea oportunităților de declarare a propriei identități în cadrul unui mediu social virtual
gestionarea prezenței online:publish, display, maintain (update), subscribe to, filter
Dr.
Sab
in B
ura
ga
www.purl.org/net/busacoSocial UX
prezența online la nivel de organizație
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Prezența online
informații importante:status
current taskmood
environmentlocation
platform/device status
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Prezența online
șabloane bine-cunoscute:AvailabilityBuddy List
MicrobloggingUpdates
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Reputația utilizatorului
a person participating in a social structure expectsto develop a reputation and hopes for insight into
the reputations of others
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Reputația utilizatorului
reputația influențează comportamentul
un sistem care ia în considerație reputația implică și monitorizarea comportamentului dezirabil
al utilizatorului, plus recunoașterea lui publică
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Reputația utilizatorului
reputația influențează comportamentul
un sistem care ia în considerație reputația implică și monitorizarea comportamentului dezirabil
al utilizatorului, plus recunoașterea lui publică
exemple: Klout, Mozilla OpenBadges
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Reputația utilizatorului
named levelsdefinirea unei familii de reputații (ierarhice) pentru a permite descoperirea și identificarea utilizatorilor
de tip high-quality contributor
BronzeSilverGoldHated HostileUnfriendlyNeutralFriendly…
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Reputația utilizatorului
labelsidentificatori speciali pentru a „gratifica” o persoană
permit evaluări non-liniare a reputației
exemplificări: Top Contributor (Yahoo! Answers), Troll (37 Signals)
Dr.
Sab
in B
ura
ga
www.purl.org/net/busacoSocial UX
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Reputația utilizatorului
poate fi măsurată și via premii – awards:Collectible achievements
Peer-to-peer achievementsTestimonials (Personal recommendations)
exemple: LinkedIn, P2PU, Xbox LIVE, Yelp etc.
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Reputația utilizatorului
poate fi măsurată și prin ranguri – rankingsPoints
LeaderboardTop N
anti-pattern(uneori)
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Obiecte cu rol social (social objects)
“Social networks consist of peoplewho are connected by a shared object.”
Jyri Engeström
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Obiecte cu rol social (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
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Obiecte cu rol social (social objects)
șabloane de proiectare vizând colectarea
Saving, Favorites,Displaying,
Add/Subscribe,Tagging, Find with tags, Tag cloud
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Obiecte cu rol social (social objects)
partajare & (re)folosire
la nivel personal: Bookmarklet, Send/Share widget
la nivel privat (direct): Send this, Give Gift
la nivel public: Share this, Embedding
Dr.
Sab
in B
ura
ga
www.purl.org/net/busacoSocial UX
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Difuzare (broadcasting)
de la bârfă tribală la acțiuni virale
“The key is to design flexible frameworks and spacesfor people to define their own sense of place.”
Crumlish & Malone, 2009
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Difuzare (broadcasting)
studiu de caz tipic: blog-urile + blogosfera
Blogs: presentationBlogs: ownership
Microblogging
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Terms of service
un document de tip „Terms of Service Agreement” oferind cadrul legal privind (re)utilizarea serviciilor
informaționale și elementelor de conținut disponibile pe un sit Web
aspect important: respectarea drepturilor de autor
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Terms of service
tipuri de licențe deschise:Public Domain
http://publicdomainmanifesto.org/
Creative Commonshttp://creativecommons.org/licenses/
Copylefthttp://www.gnu.org/copyleft/
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Feedback
recurgerea la diverse metode de colectare a feedback-ului
(anti-)șabloane de proiectare:Vote to promote, Thumbs up/down ratings,
Ratings (stars sau punctaje 1—5), Comments, Reviews etc.
Dr.
Sab
in B
ura
ga
www.purl.org/net/busacoSocial UX
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Mijloacele de colaborare
șabloane importante:Manage project
Voting (Polls, Surveys)Collaborative editing
Edit this pageWiki way
Crowdsourcing
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Recomandări
aplicația poate oferi recomandări („inteligente”) pe baza datelor colectate de la utilizator
pentru a identifica similarități și a oferi sugestii folositoare privind resurse de interes
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Recomandări
instrumente & API-uri vizând recomandările (sociale):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
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
recomandările automate „împing” resursele de interes spre utilizator; nu vor mai fi descoperite la întâmplare
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Social search
aspecte de interes:căutare în timp-real
căutare conversațională (subiectivă)
a se studia P. Morville & J. Callender, Search Patterns, O’Reilly, 2010
http://searchpatterns.org/library.php
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Facebook Graph Search
www.facebook.com/about/graphsearch
critici privind intimitatea:http://actualfacebookgraphsearches.tumblr.com/
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Relationships
abilitatea de a găsi persoane – „prieteni”, cunoscuți, colegi, amici, rude,… –
și de a le include în anturajul utilizatorului
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Relationships
abilitatea de a găsi persoane – „prieteni”, cunoscuți, colegi, amici, rude,… –
și de a le include în anturajul utilizatorului
terminologie:cohort, colleague, contact, family, fan,
follow, follower, friend
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Relationships
șabloane de proiectare importante:Find people
Adding friendsCircles of connections
Publicize RelationshipsUnfriending
Groups
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Managementul comunității
norme
definesc anumite comportamente dorite în cadrul interacțiunii cu un sistem
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Managementul comunității
norme
impuse la nivel social
sunt mai puțin restrictive decât regulamentele
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Managementul comunității
norme
specificate explicit – e.g., FAQ, user agreementversus
implicite – informale, constituite pe baza interacțiunilor frecvente din cadrul unui grup
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Managementul comunității
reguli
necesitatea publicării unui set de reguli (guidelines)clar și ușor de găsit
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Managementul comunității
aplicația poate oferi suport și pentru administrare colectivă (collaborative governance)
+ moderare la nivel de grup
Collaborative filteringReport abuse
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Participarea la evenimente
oferirea suportului pentru organizarea de activitățiîn funcție de locația geografică
Being local
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Participarea la evenimente
facilitarea întâlnirilor face-to-face dintre persoane:pregătirea evenimentului (privat/public) prin preluarea
datelor despre locație, perioadă de desfășurare, descriere, considerații speciale, invitați etc.
de oferit un calendar partajabil
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Participarea la evenimente
de oferit detalii privind locația (adresa concretă, costuri, ambianță, restricții etc.)
+ elemente de interes învecinate
(parcare, restaurant, automat bancar,…)
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Participarea la evenimente
utilizatorii vor putea indica posibila participare (RSVP),eventual invitându-i și pe alții
(e.g., selectați din rețeaua de „prieteni”)
Dr.
Sab
in B
ura
ga
www.purl.org/net/busacoSocial UX
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Participarea la evenimente
în timpul desfășurării evenimentului, se va oferi suport pentru realizarea de comentarii în timp-real
integrarea aplicațiilor Web sociale consacrate(inclusiv la nivelul dispozitivelor mobile)
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Participarea la evenimente
după încheierea evenimentului, pot fi oferite instrumentede colectare și partajare a resurselor de interes:
fotografii, prezentări, filme, păreri etc.
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Participarea la evenimente
după încheierea evenimentului, pot fi oferite instrumentede colectare și partajare a resurselor de interes:
fotografii, prezentări, filme, păreri etc.
de asemenea, utilizatorii pot fi rugați să completeze și un formular de feedback
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Participarea la evenimente
suplimentar, pot fi implementate următoarele facilități:
crearea & trimiterea de invitații personalizate
găsirea/înscrierea la un eveniment pe baza datei calendaristice sau a locației favorite
reamintiri periodice – reminding
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Participarea la evenimente
de luat în calcul și includerea suportului pentru vizualizare/navigare cartografică
geo-tagginggeo-mapping
geo-mashing: neighborhood, mobile & location
Best Practices and Guidelines for Location Based Serviceshttp://www.ctia.org/content/index.cfm/AID/11300
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Openness
aspecte importante:open source, open infrastructure,
open architecture, open standards,open access, open content (open data), open identity
S. Buraga, „De câte stele sunt datele d-voastră?” (2012)www.slideshare.net/busaco/de-cte-stele-sunt-datele-dvoastra
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Openness
câteva șabloane de proiectare:Badging
Embedded semanticsImport
Hosted ModulesOpen APIs
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Câteva exemplificări utile?
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Convertirea unui sit Web tradițional la unul social
studiu de caz
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Convertirea unui sit Web tradițional la unul social
soluții posibile:talk like a person (software as a human)
conturi personalizate: sign in/sign upactivități privind resursele: tagging, rating, sharingidentitatea utilizatorului: contact cards, attribution
relații între utilizatori: friends, followers, grafuri sociale
studiu de caz
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
„People come and read my content,but they’re invisible to each other…”
studiu de caz
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
„People come and read my content,but they’re invisible to each other…”
soluție: oferirea mai multor niveluri de participare
presence indicators, peer-to-peer awards, nudging,public conversation, followers badge
studiu de caz
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
„I have an active community on my Website,but people are misbehaving!”
studiu de caz
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
„I have an active community on my Website,but people are misbehaving!”
soluții:norme de conduită (norm) + model citizen
managementul comunității – e.g., reporting abusereputation
ratings
studiu de caz
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Interacțiune via dispozitive mobile
studiu de caz
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Interacțiune via dispozitive mobile
soluții de adoptat:geo-location, gatherings, current status broadcastingșabloane de proiectare tipice: infinite lists, one-click
interacțiune naturală – e.g., bazată pe gesturi
http://www.w3.org/Mobile/
studiu de caz
design Web responsiv
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
mobile & location
studiu de caz
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
status broadcasting
studiu de caz
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
pentru alte detalii, de studiat C. Crumlish & E. Malone, Designing Social Interfaces, O’Reilly, 2009
www.designingsocialinterfaces.com/patterns.wiki
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
episodul viitor: evaluarea proiectului (D)luni, 18 noiembrie, 9h – C308