Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale

Preview:

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

Recommended