dezvoltarea aplicaţiilor web la nivel de client (cursul #7): proiectarea aplicaţiilor web sociale
DESCRIPTION
Dezvoltarea aplicaţiilor Web la nivel de client — detalii la http://profs.info.uaic.ro/~busaco/teach/courses/cliw/web-film.htmlTRANSCRIPT
![Page 1: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/1.jpg)
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
principii de proiectare a aplicațiilor Web sociale
![Page 2: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/2.jpg)
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
![Page 3: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/3.jpg)
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?
![Page 4: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/4.jpg)
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Crumlish & Malone (2009)
![Page 5: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/5.jpg)
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Sfera 1: oameni și dispozitive
experiență fizică utilizator↔dispozitiv
![Page 6: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/6.jpg)
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
![Page 7: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/7.jpg)
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,…)
![Page 8: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/8.jpg)
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
![Page 9: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/9.jpg)
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)
![Page 10: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/10.jpg)
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)
![Page 11: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/11.jpg)
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)
![Page 12: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/12.jpg)
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,…)
![Page 13: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/13.jpg)
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
agregare de știri la nivel de client via News Bento
![Page 14: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/14.jpg)
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
![Page 15: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/15.jpg)
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
![Page 16: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/16.jpg)
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
![Page 17: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/17.jpg)
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Mesajele de eroare trebuie să fie clare
discuție: mesaje de eroare
![Page 18: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/18.jpg)
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
![Page 19: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/19.jpg)
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
![Page 20: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/20.jpg)
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
![Page 21: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/21.jpg)
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
![Page 22: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/22.jpg)
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
![Page 23: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/23.jpg)
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/
![Page 24: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/24.jpg)
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ă
![Page 25: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/25.jpg)
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
![Page 26: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/26.jpg)
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)
![Page 27: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/27.jpg)
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)
![Page 28: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/28.jpg)
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
ecosisteme sociale bazate de hipermedia(Crumlish & Malone, 2009)
![Page 29: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/29.jpg)
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
aspecte sociale la nivel de întreprindere(Crumlish & Malone, 2009)
![Page 30: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/30.jpg)
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
![Page 31: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/31.jpg)
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.
![Page 32: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/32.jpg)
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
![Page 33: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/33.jpg)
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
păstrare și partajare de adrese Web via Pocket
![Page 34: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/34.jpg)
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.
![Page 35: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/35.jpg)
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
exemplu: Seevl – http://seevl.fm/
![Page 36: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/36.jpg)
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Ce șabloane de proiectare există privind experiența socială cu utilizatorul?
![Page 37: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/37.jpg)
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
![Page 38: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/38.jpg)
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
![Page 39: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/39.jpg)
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
![Page 40: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/40.jpg)
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
![Page 41: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/41.jpg)
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
![Page 42: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/42.jpg)
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,…
![Page 43: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/43.jpg)
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
![Page 44: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/44.jpg)
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,…
![Page 45: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/45.jpg)
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
![Page 46: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/46.jpg)
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
![Page 47: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/47.jpg)
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
![Page 48: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/48.jpg)
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
http://darkpatterns.org/
![Page 49: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/49.jpg)
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Representing the Self
implicare (engagement)identitate (identity)prezență (presence)
reputație (reputation)
![Page 50: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/50.jpg)
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?
![Page 51: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/51.jpg)
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
![Page 52: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/52.jpg)
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/
![Page 53: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/53.jpg)
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
![Page 54: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/54.jpg)
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.
![Page 55: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/55.jpg)
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
![Page 56: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/56.jpg)
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
![Page 57: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/57.jpg)
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,…
![Page 58: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/58.jpg)
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
![Page 59: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/59.jpg)
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
![Page 60: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/60.jpg)
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ă)
![Page 61: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/61.jpg)
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
![Page 62: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/62.jpg)
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
![Page 63: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/63.jpg)
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
???
![Page 64: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/64.jpg)
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/
![Page 65: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/65.jpg)
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/
![Page 66: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/66.jpg)
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
![Page 67: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/67.jpg)
Dr.
Sab
in B
ura
ga
www.purl.org/net/busacoSocial UX: principii
![Page 68: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/68.jpg)
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
![Page 69: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/69.jpg)
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
![Page 70: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/70.jpg)
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
???!
![Page 71: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/71.jpg)
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
![Page 72: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/72.jpg)
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)
![Page 73: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/73.jpg)
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
![Page 74: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/74.jpg)
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Identitatea utilizatorului
user profilepersonal dashboard
identity/contact cardsavatars
![Page 75: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/75.jpg)
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
![Page 76: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/76.jpg)
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
![Page 77: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/77.jpg)
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
![Page 78: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/78.jpg)
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
![Page 79: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/79.jpg)
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
![Page 80: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/80.jpg)
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Profilul utilizatorului
utilizatorii trebuie să aibă posibilitatea să-și modifice profilul (customization)
![Page 81: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/81.jpg)
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
![Page 82: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/82.jpg)
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
![Page 83: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/83.jpg)
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
alte facilități de implementat (probleme de rezolvat):profile decorating
profile claimingfaceted identity
![Page 84: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/84.jpg)
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.
![Page 85: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/85.jpg)
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
![Page 86: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/86.jpg)
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
![Page 87: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/87.jpg)
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,…
![Page 88: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/88.jpg)
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
![Page 89: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/89.jpg)
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)
![Page 90: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/90.jpg)
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
![Page 91: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/91.jpg)
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
![Page 92: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/92.jpg)
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.
![Page 93: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/93.jpg)
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
![Page 94: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/94.jpg)
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
![Page 95: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/95.jpg)
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
![Page 96: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/96.jpg)
Dr.
Sab
in B
ura
ga
www.purl.org/net/busacoSocial UX
prezența online la nivel de organizație
![Page 97: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/97.jpg)
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Prezența online
informații importante:status
current taskmood
environmentlocation
platform/device status
![Page 98: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/98.jpg)
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Prezența online
șabloane bine-cunoscute:AvailabilityBuddy List
MicrobloggingUpdates
![Page 99: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/99.jpg)
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
![Page 100: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/100.jpg)
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ă
![Page 101: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/101.jpg)
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
![Page 102: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/102.jpg)
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…
![Page 103: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/103.jpg)
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)
![Page 104: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/104.jpg)
Dr.
Sab
in B
ura
ga
www.purl.org/net/busacoSocial UX
![Page 105: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/105.jpg)
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.
![Page 106: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/106.jpg)
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)
![Page 107: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/107.jpg)
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
![Page 108: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/108.jpg)
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
![Page 109: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/109.jpg)
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
![Page 110: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/110.jpg)
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
![Page 111: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/111.jpg)
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
![Page 112: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/112.jpg)
Dr.
Sab
in B
ura
ga
www.purl.org/net/busacoSocial UX
![Page 113: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/113.jpg)
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
![Page 114: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/114.jpg)
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Difuzare (broadcasting)
studiu de caz tipic: blog-urile + blogosfera
Blogs: presentationBlogs: ownership
Microblogging
![Page 115: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/115.jpg)
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
![Page 116: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/116.jpg)
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/
![Page 117: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/117.jpg)
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.
![Page 118: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/118.jpg)
Dr.
Sab
in B
ura
ga
www.purl.org/net/busacoSocial UX
![Page 119: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/119.jpg)
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
![Page 120: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/120.jpg)
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
![Page 121: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/121.jpg)
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
![Page 122: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/122.jpg)
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
![Page 123: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/123.jpg)
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
![Page 124: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/124.jpg)
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/
![Page 125: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/125.jpg)
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
![Page 126: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/126.jpg)
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
![Page 127: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/127.jpg)
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
![Page 128: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/128.jpg)
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
![Page 129: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/129.jpg)
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
![Page 130: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/130.jpg)
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
![Page 131: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/131.jpg)
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
![Page 132: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/132.jpg)
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
![Page 133: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/133.jpg)
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
![Page 134: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/134.jpg)
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
![Page 135: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/135.jpg)
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
![Page 136: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/136.jpg)
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,…)
![Page 137: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/137.jpg)
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”)
![Page 138: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/138.jpg)
Dr.
Sab
in B
ura
ga
www.purl.org/net/busacoSocial UX
![Page 139: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/139.jpg)
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)
![Page 140: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/140.jpg)
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.
![Page 141: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/141.jpg)
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
![Page 142: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/142.jpg)
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
![Page 143: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/143.jpg)
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
![Page 144: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/144.jpg)
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
![Page 145: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/145.jpg)
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Openness
câteva șabloane de proiectare:Badging
Embedded semanticsImport
Hosted ModulesOpen APIs
![Page 146: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/146.jpg)
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Câteva exemplificări utile?
![Page 147: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/147.jpg)
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Convertirea unui sit Web tradițional la unul social
studiu de caz
![Page 148: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/148.jpg)
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
![Page 149: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/149.jpg)
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
![Page 150: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/150.jpg)
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
![Page 151: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/151.jpg)
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
![Page 152: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/152.jpg)
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
![Page 153: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/153.jpg)
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Interacțiune via dispozitive mobile
studiu de caz
![Page 154: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/154.jpg)
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
![Page 155: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/155.jpg)
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
mobile & location
studiu de caz
![Page 156: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/156.jpg)
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
status broadcasting
studiu de caz
![Page 157: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/157.jpg)
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
![Page 158: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale](https://reader033.vdocuments.mx/reader033/viewer/2022042814/5552c0c0b4c90581158b4745/html5/thumbnails/158.jpg)
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
episodul viitor: evaluarea proiectului (D)luni, 18 noiembrie, 9h – C308