Your SlideShare is downloading. ×
Dezvoltarea aplicaţiilor Web la nivel de client (cursul #7): Proiectarea aplicaţiilor Web sociale
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

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

290
views

Published on

Dezvoltarea aplicaţiilor Web la nivel de client — detalii la http://profs.info.uaic.ro/~busaco/teach/courses/cliw/web-film.html

Dezvoltarea aplicaţiilor Web la nivel de client — detalii la http://profs.info.uaic.ro/~busaco/teach/courses/cliw/web-film.html

Published in: Technology

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
290
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
8
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Dr. Sabin Buragawww.purl.org/net/busaco principii de proiectare a aplicațiilor Web sociale
  • 2. P.T. Sudo Dr. Sabin Buragawww.purl.org/net/busaco “Respect those who come to you with open ears and foster a sense of community.”
  • 3. Dr. Sabin Buragawww.purl.org/net/busaco Care sunt modalitățile de interacțiune cu software-ul și/sau hardware-ul?
  • 4. Crumlish & Malone (2009) Dr. Sabin Buragawww.purl.org/net/busaco
  • 5. experiență fizică utilizator↔dispozitiv Dr. Sabin Buragawww.purl.org/net/busaco Sfera 1: oameni și dispozitive
  • 6. experiență fizică utilizator↔dispozitiv interacțiuni tradiționale: manipulare directă – e.g., tastatură & mouse paradigma WIMP – Window Icon Menu Pointer suprafețe de redare/interacțiune Dr. Sabin Buragawww.purl.org/net/busaco Sfera 1: oameni și dispozitive
  • 7. experiență fizică utilizator↔dispozitiv interacțiuni naturale: simțuri (vizual, audio, tactil) gesturi emoții & sentimente recunoașterea utilizatorului (chip, amprentă, voce,…) Dr. Sabin Buragawww.purl.org/net/busaco Sfera 1: oameni și dispozitive
  • 8. interacțiunea dintre utilizator și dispozitivul mobil e facilitată de tehnologiile Web actuale (HTML, CSS, JavaScript) detalii la http://tinyurl.com/cliw-devel Dr. Sabin Buragawww.purl.org/net/busaco exemplificare: Firefox OS
  • 9. experiența cu utilizatorul la nivel fizic  definirea interacțiunii dintre oameni și obiecte (dispozitive) Dr. Sabin Buragawww.purl.org/net/busaco Sfera 2: modele mentale + reprezentările lor
  • 10. interfață, interacțiune la nivel digital, modelarea utilizatorului conținut (static) oferit versus interactivitate – activități desfășurate (funcționalități) Dr. Sabin Buragawww.purl.org/net/busaco Sfera 2: modele mentale + reprezentările lor
  • 11. 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. Sabin Buragawww.purl.org/net/busaco Sfera 2: modele mentale + reprezentările lor
  • 12. 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. Sabin Buragawww.purl.org/net/busaco Sfera 2: modele mentale + reprezentările lor
  • 13. Dr. Sabin Buragawww.purl.org/net/busaco agregare de știri la nivel de client via News Bento
  • 14. interacțiunea cu sau într-un mediu fizic/virtual ubicuitate simulări obiecte smart agenți Web inteligenți virtual/augmented reality Dr. Sabin Buragawww.purl.org/net/busaco Sfera 3: context de utilizare
  • 15. Dr. Sabin Buragawww.purl.org/net/busaco discuție: mesaje de eroare Brazil (1985) – regizor: Terry Gilliam www.imdb.com/title/tt0088846/
  • 16. 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 Dr. Sabin Buragawww.purl.org/net/busaco discuție: mesaje de eroare
  • 17. Mesajele de eroare trebuie să fie clare Dr. Sabin Buragawww.purl.org/net/busaco discuție: mesaje de eroare
  • 18. Tonul unui mesaj de eroare trebuie să inspire încredere an unknown error occurred Dr. Sabin Buragawww.purl.org/net/busaco discuție: mesaje de eroare
  • 19. De evitat atitudinea superioară (arogantă) față de utilizator You cannot perform this operation! versus This operation requires specific administrative rights. Do you want to enter your credentials? Dr. Sabin Buragawww.purl.org/net/busaco discuție: mesaje de eroare
  • 20. Termeni care nu trebuie folosiți: abort  end, cancel, stop available  ready boot  start, run error execute  complete hit  press, depress invalid  not correct/good/valid kill  end, cancel output  report, list, display terminate  end, exit Dr. Sabin Buragawww.purl.org/net/busaco discuție: mesaje de eroare
  • 21. Utilizatorul nu trebuie să se simtă vinovat în urma acțiunii realizate de software (oamenii sunt mai importanți decât programele) Dr. Sabin Buragawww.purl.org/net/busaco discuție: mesaje de eroare
  • 22. De oferit metode de (auto-)corectare a greșelilor Dr. Sabin Buragawww.purl.org/net/busaco discuție: mesaje de eroare
  • 23. Dr. Sabin Buragawww.purl.org/net/busaco discuție: mesaje de eroare de oferit feedback pozitiv – vezi și http://fab404.com/
  • 24. comunitate = grup de persoane având interese comune ierarhie strictă versus rețea emergentă Dr. Sabin Buragawww.purl.org/net/busaco Sfera 4: comunități de utilizatori
  • 25. 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) Aparține unei structuri ierarhice din cadrul unei organizații În evoluţie permanentă learning, making & improving Definită de relațiile dintre membri, nu e legată strict de o organizație Mulțimi ad-hoc, cercuri, prieteni Echipe, management, militari grupurile de lucru și comunitățile de practică sunt complementare Dr. Sabin Buragawww.purl.org/net/busaco grup de lucru (work team)
  • 26. trăsătură importantă: caracterul conversațional clasic: asociații locale, confrerii, publicații etc. facilitat de Internet & Web de la e-mail, forumuri și grupuri virtuale la mesagerie instantanee, rețele sociale & sisteme de tip MMORPG (Massively Multiplayer Online Role-Playing Game) Dr. Sabin Buragawww.purl.org/net/busaco Sfera 4: comunități de utilizatori
  • 27. comportament social mediat de tehnologii (Web) actuale niveluri: personal (intim) vs. grup (tribal) vs. global (viral) Dr. Sabin Buragawww.purl.org/net/busaco Sfera 4: comunități de utilizatori
  • 28. Dr. Sabin Buragawww.purl.org/net/busaco ecosisteme sociale bazate de hipermedia (Crumlish & Malone, 2009)
  • 29. Dr. Sabin Buragawww.purl.org/net/busaco aspecte sociale la nivel de întreprindere (Crumlish & Malone, 2009)
  • 30. oamenii sunt animale sociale persoane de care avem nevoie (Mart Murdvee, 2006): teenagerfriend, entertainer business-oriented personsecretary in spare timetrainer/instructor elder personnurse, helpmate Dr. Sabin Buragawww.purl.org/net/busaco Sfera 4: comunități de utilizatori
  • 31. oamenii sunt animale sociale posibilitatea de a folosi agenți de interfață cu rol de… Dr. Sabin Buragawww.purl.org/net/busaco Sfera 4: comunități de utilizatori secretară digitală – „digital butler” (N. Negroponte, 1995) + e-entertainer, e-nanny, e-pal, e-trainer, e-librarian, e-clerk, e-attendant(s) etc.
  • 32. acces public global la date, informații, cunoștințe crearea, publicarea, mixarea, partajarea conținuturilor (resurselor) disponibile pe Web Dr. Sabin Buragawww.purl.org/net/busaco Sfera 5: conținut
  • 33. Dr. Sabin Buragawww.purl.org/net/busaco păstrare și partajare de adrese Web via Pocket
  • 34. 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. Sabin Buragawww.purl.org/net/busaco Sfera 5: conținut
  • 35. exemplu: Seevl – http://seevl.fm/ Dr. Sabin Buragawww.purl.org/net/busaco
  • 36. Dr. Sabin Buragawww.purl.org/net/busaco Ce șabloane de proiectare există privind experiența socială cu utilizatorul?
  • 37. vizează interactivitatea în cadrul unei aplicații (Web) sociale Christian Crumlish & Erin Malone, 2009 Dr. Sabin Buragawww.purl.org/net/busaco Social UX Patterns
  • 38. social computing Thomas Erickson (2013) www.interaction-design.org/encyclopedia/social_computing.html Dr. Sabin Buragawww.purl.org/net/busaco Social UX Patterns
  • 39. comunicarea cu utilizatorii (și potențialii clienți) trebuie să fie firească, umană  humane interfaces Dr. Sabin Buragawww.purl.org/net/busaco Software as a human
  • 40. 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. Sabin Buragawww.purl.org/net/busaco Software as a human
  • 41. de evitat un jargon obscur, argou, regionalisme etc. being cute ≠ being real Dr. Sabin Buragawww.purl.org/net/busaco Software as a human
  • 42. software-ul poate pune întrebări (ask questions) utile pentru mesaje explicative, text de ajutor, etichete în cadrul formularelor Web,… Dr. Sabin Buragawww.purl.org/net/busaco Software as a human
  • 43. „you” versus „my” „my” indică punctul de vedere al utilizatorului My Yahoo!, My feed, My watchlist „you” încurajează dialogul exemple: CiteULike, YouTube Dr. Sabin Buragawww.purl.org/net/busaco Software as a human
  • 44. „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. Sabin Buragawww.purl.org/net/busaco Software as a human
  • 45. Dr. Sabin Buragawww.purl.org/net/busaco
  • 46. no joking around interfața nu trebuie să expună mesaje neserioase ce pot conduce la confuzii sau la bulversarea utilizatorului fiecare persoană poate avea un unic simț al umorului Dr. Sabin Buragawww.purl.org/net/busaco Software as a human
  • 47. 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. Sabin Buragawww.purl.org/net/busaco Software as a human
  • 48. http://darkpatterns.org/ Dr. Sabin Buragawww.purl.org/net/busaco
  • 49. implicare (engagement) identitate (identity) prezență (presence) reputație (reputation) Dr. Sabin Buragawww.purl.org/net/busaco Representing the Self
  • 50. 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. Sabin Buragawww.purl.org/net/busaco Implicarea utilizatorului (user engagement)
  • 51. Dr. Sabin Buragawww.purl.org/net/busaco www.drawnimal.com ajută copiii să înceapă să deseneze și să învețe alfabetul
  • 52. sfat: „keep the user’s experience focused on the application” (Bert Appward, 2012) www.html5rocks.com/webappfieldguide/ Dr. Sabin Buragawww.purl.org/net/busaco Implicarea utilizatorului (user engagement)
  • 53. de utilizat acest șablon când sunt necesare informații personale/private trebuie luate în considerație intimitatea și securitatea Dr. Sabin Buragawww.purl.org/net/busaco Sign up & registration
  • 54. 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. Sabin Buragawww.purl.org/net/busaco Sign up & registration
  • 55. 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. Sabin Buragawww.purl.org/net/busaco Sign up & registration
  • 56. Dr. Sabin Buragawww.purl.org/net/busaco
  • 57. Dr. Sabin Buraga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,…
  • 58. aplicația va solicita datele de autentificare cât mai tardiv posibil Dr. Sabin Buragawww.purl.org/net/busaco Sign up & registration
  • 59. conduceți utilizatorul la ultima activitate pe care o efectua înainte de realizarea autentificării Dr. Sabin Buragawww.purl.org/net/busaco Sign up & registration
  • 60. Dr. Sabin Buraga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ă)
  • 61. Dr. Sabin Buraga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
  • 62. Dr. Sabin Buragawww.purl.org/net/busaco Sign up & registration oferiți feedback pozitiv (eventual, asistență suplimentară) în cazul în care utilizatorul greșește
  • 63. de inclus verificări bazate pe CAPTCHA doar dacă e absolut necesar ??? Dr. Sabin Buragawww.purl.org/net/busaco Sign up & registration
  • 64. de luat în calcul eliminarea procesului de creare de cont prin adopția altor metode de autentificare/autorizare standarde deschise: OpenID, OAuth, WebID vezi inițiativa Mozilla Persona: www.mozilla.org/persona/ Dr. Sabin Buragawww.purl.org/net/busaco Sign up & registration
  • 65. Dr. Sabin Buraga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/
  • 66. includerea unui buton ușor de recunoscut și corespunzător etichetat Sign In/Login Dr. Sabin Buragawww.purl.org/net/busaco Sign in (autentificare)
  • 67. Dr. Sabin Buragawww.purl.org/net/busaco Social UX: principii
  • 68. dacă e posibil, permiteți ca utilizatorul să rămână autentificat pentru o anumită perioadă de timp Dr. Sabin Buragawww.purl.org/net/busaco Sign in (autentificare)
  • 69. Dr. Sabin Buraga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
  • 70. Dr. Sabin Buragawww.purl.org/net/busaco ???!
  • 71. de oferit noilor veniți diverse modalități de explorare + ajutor se pot prezenta cele mai importante/utile facilități Dr. Sabin Buragawww.purl.org/net/busaco Întâmpinarea utilizatorului (welcome area)
  • 72. 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. Sabin Buragawww.purl.org/net/busaco Întâmpinarea utilizatorului (welcome area)
  • 73. “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. Sabin Buragawww.purl.org/net/busaco Identitatea utilizatorului
  • 74. user profile personal dashboard identity/contact cards avatars Dr. Sabin Buragawww.purl.org/net/busaco Identitatea utilizatorului
  • 75. diverse fațete privind identificarea account unique identifier login identifier public identifier(s) DB key session authentication social identify Dr. Sabin Buragawww.purl.org/net/busaco Identitatea utilizatorului
  • 76. 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. Sabin Buragawww.purl.org/net/busaco Profilul utilizatorului
  • 77. Dr. Sabin Buragawww.purl.org/net/busaco
  • 78. numele afișat (display name) nu trebuie să fie identic cu numele de cont (username) aspecte importante privind securitatea: furtul identității + phishers Dr. Sabin Buragawww.purl.org/net/busaco Profilul utilizatorului
  • 79. permiteți utilizatorilor să controleze nivelurile de acces la informații personale privat vs. „prieteni” vs. public Dr. Sabin Buragawww.purl.org/net/busaco Profilul utilizatorului
  • 80. utilizatorii trebuie să aibă posibilitatea să-și modifice profilul (customization) Dr. Sabin Buragawww.purl.org/net/busaco Profilul utilizatorului
  • 81. aplicația va stoca cantitatea optimă de date necesare pentru realizarea relațiilor dintre utilizatori sau vizând activitățile întreprinse în cadrul comunității virtuale Dr. Sabin Buragawww.purl.org/net/busaco Profilul utilizatorului
  • 82. Dr. Sabin Buraga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
  • 83. Dr. Sabin Buragawww.purl.org/net/busaco alte facilități de implementat (probleme de rezolvat): profile decorating profile claiming faceted identity
  • 84. 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. Sabin Buragawww.purl.org/net/busaco Personal dashboard
  • 85. acompaniază profilul utilizatorului trebuie să ofere informații și acces la activitățile frecvent dorite de utilizator încurajarea vizitelor periodice Dr. Sabin Buragawww.purl.org/net/busaco Personal dashboard
  • 86. Dr. Sabin Buraga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
  • 87. pun la dispoziție informații suplimentare despre un utilizator + acțiuni specifice: subscribe, follow, connect, unsubscribe, block,… Dr. Sabin Buragawww.purl.org/net/busaco Identity/contact cards
  • 88. Dr. Sabin Buragawww.purl.org/net/busaco
  • 89. 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. Sabin Buragawww.purl.org/net/busaco Avatars
  • 90. reprezentările alese de utilizator pot avea impact și asupra credibilității percepute a acestuia Dr. Sabin Buragawww.purl.org/net/busaco Avatars
  • 91. aplicația va oferi suport pentru utilizarea de avataruri alternative via imagini multiple preluate și stocate pentru viitoare folosiri Dr. Sabin Buragawww.purl.org/net/busaco Avatars
  • 92. 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. Sabin Buragawww.purl.org/net/busaco Avatars
  • 93. Dr. Sabin Buragawww.purl.org/net/busaco
  • 94. maximizarea oportunităților de declarare a propriei identități în cadrul unui mediu social virtual Dr. Sabin Buragawww.purl.org/net/busaco Prezența online
  • 95. 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. Sabin Buragawww.purl.org/net/busaco Prezența online
  • 96. Social UX Dr. Sabin Buragawww.purl.org/net/busaco prezența online la nivel de organizație
  • 97. informații importante: status current task mood environment location platform/device status Dr. Sabin Buragawww.purl.org/net/busaco Prezența online
  • 98. șabloane bine-cunoscute: Availability Buddy List Microblogging Updates Dr. Sabin Buragawww.purl.org/net/busaco Prezența online
  • 99. a person participating in a social structure expects to develop a reputation and hopes for insight into the reputations of others Dr. Sabin Buragawww.purl.org/net/busaco Reputația utilizatorului
  • 100. 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. Sabin Buragawww.purl.org/net/busaco Reputația utilizatorului
  • 101. 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. Sabin Buragawww.purl.org/net/busaco Reputația utilizatorului
  • 102. named levels definirea unei familii de reputații (ierarhice) pentru a permite descoperirea și identificarea utilizatorilor de tip high-quality contributor BronzeSilverGold Hated HostileUnfriendlyNeutralFriendly… Dr. Sabin Buragawww.purl.org/net/busaco Reputația utilizatorului
  • 103. labels identificatori speciali pentru a „gratifica” o persoană permit evaluări non-liniare a reputației exemplificări: Top Contributor (Yahoo! Answers), Troll (37 Signals) Dr. Sabin Buragawww.purl.org/net/busaco Reputația utilizatorului
  • 104. Dr. Sabin Buragawww.purl.org/net/busaco Social UX
  • 105. poate fi măsurată și via premii – awards: Collectible achievements Peer-to-peer achievements Testimonials (Personal recommendations) exemple: LinkedIn, P2PU, Xbox LIVE, Yelp etc. Dr. Sabin Buragawww.purl.org/net/busaco Reputația utilizatorului
  • 106. poate fi măsurată și prin ranguri – rankings Points Leaderboard anti-pattern Top N (uneori) Dr. Sabin Buragawww.purl.org/net/busaco Reputația utilizatorului
  • 107. Dr. Sabin Buragawww.purl.org/net/busaco
  • 108. “Social networks consist of people who are connected by a shared object.” Jyri Engeström Dr. Sabin Buragawww.purl.org/net/busaco Obiecte cu rol social (social objects)
  • 109. “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. Sabin Buragawww.purl.org/net/busaco Obiecte cu rol social (social objects)
  • 110. șabloane de proiectare vizând colectarea Saving, Favorites, Displaying, Add/Subscribe, Tagging, Find with tags, Tag cloud Dr. Sabin Buragawww.purl.org/net/busaco Obiecte cu rol social (social objects)
  • 111. 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. Sabin Buragawww.purl.org/net/busaco Obiecte cu rol social (social objects)
  • 112. Dr. Sabin Buragawww.purl.org/net/busaco Social UX
  • 113. de la bârfă tribală la acțiuni virale “The key is to design flexible frameworks and spaces for people to define their own sense of place.” Crumlish & Malone, 2009 Dr. Sabin Buragawww.purl.org/net/busaco Difuzare (broadcasting)
  • 114. studiu de caz tipic: blog-urile + blogosfera Blogs: presentation Blogs: ownership Microblogging Dr. Sabin Buragawww.purl.org/net/busaco Difuzare (broadcasting)
  • 115. 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. Sabin Buragawww.purl.org/net/busaco Terms of service
  • 116. tipuri de licențe deschise: Public Domain http://publicdomainmanifesto.org/ Creative Commons http://creativecommons.org/licenses/ Copyleft http://www.gnu.org/copyleft/ Dr. Sabin Buragawww.purl.org/net/busaco Terms of service
  • 117. Dr. Sabin Buraga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.
  • 118. Dr. Sabin Buragawww.purl.org/net/busaco Social UX
  • 119. șabloane importante: Manage project Voting (Polls, Surveys) Collaborative editing Edit this page Wiki way Crowdsourcing Dr. Sabin Buragawww.purl.org/net/busaco Mijloacele de colaborare
  • 120. 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. Sabin Buragawww.purl.org/net/busaco Recomandări
  • 121. 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. Sabin Buragawww.purl.org/net/busaco Recomandări
  • 122. Dr. Sabin Buragawww.purl.org/net/busaco recomandările automate „împing” resursele de interes spre utilizator; nu vor mai fi descoperite la întâmplare
  • 123. 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. Sabin Buragawww.purl.org/net/busaco Social search
  • 124. www.facebook.com/about/graphsearch critici privind intimitatea: http://actualfacebookgraphsearches.tumblr.com/ Dr. Sabin Buragawww.purl.org/net/busaco Facebook Graph Search
  • 125. abilitatea de a găsi persoane – „prieteni”, cunoscuți, colegi, amici, rude,… – și de a le include în anturajul utilizatorului Dr. Sabin Buragawww.purl.org/net/busaco Relationships
  • 126. 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. Sabin Buragawww.purl.org/net/busaco Relationships
  • 127. șabloane de proiectare importante: Find people Adding friends Circles of connections Publicize Relationships Unfriending Groups Dr. Sabin Buragawww.purl.org/net/busaco Relationships
  • 128. norme definesc anumite comportamente dorite în cadrul interacțiunii cu un sistem Dr. Sabin Buragawww.purl.org/net/busaco Managementul comunității
  • 129. norme impuse la nivel social sunt mai puțin restrictive decât regulamentele Dr. Sabin Buragawww.purl.org/net/busaco Managementul comunității
  • 130. norme specificate explicit – e.g., FAQ, user agreement versus implicite – informale, constituite pe baza interacțiunilor frecvente din cadrul unui grup Dr. Sabin Buragawww.purl.org/net/busaco Managementul comunității
  • 131. reguli necesitatea publicării unui set de reguli (guidelines) clar și ușor de găsit Dr. Sabin Buragawww.purl.org/net/busaco Managementul comunității
  • 132. Dr. Sabin Buragawww.purl.org/net/busaco
  • 133. aplicația poate oferi suport și pentru administrare colectivă (collaborative governance) + moderare la nivel de grup Collaborative filtering Report abuse Dr. Sabin Buragawww.purl.org/net/busaco Managementul comunității
  • 134. oferirea suportului pentru organizarea de activități în funcție de locația geografică Being local Dr. Sabin Buragawww.purl.org/net/busaco Participarea la evenimente
  • 135. 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. Sabin Buragawww.purl.org/net/busaco Participarea la evenimente
  • 136. de oferit detalii privind locația (adresa concretă, costuri, ambianță, restricții etc.) + elemente de interes învecinate (parcare, restaurant, automat bancar,…) Dr. Sabin Buragawww.purl.org/net/busaco Participarea la evenimente
  • 137. 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. Sabin Buragawww.purl.org/net/busaco Participarea la evenimente
  • 138. Dr. Sabin Buragawww.purl.org/net/busaco Social UX
  • 139. î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. Sabin Buragawww.purl.org/net/busaco Participarea la evenimente
  • 140. Dr. Sabin Buragawww.purl.org/net/busaco Participarea la evenimente după încheierea evenimentului, pot fi oferite instrumente de colectare și partajare a resurselor de interes: fotografii, prezentări, filme, păreri etc.
  • 141. Dr. Sabin Buragawww.purl.org/net/busaco Participarea la evenimente după încheierea evenimentului, pot fi oferite instrumente de 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
  • 142. 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. Sabin Buragawww.purl.org/net/busaco Participarea la evenimente
  • 143. de luat în calcul și includerea suportului pentru vizualizare/navigare cartografică geo-tagging geo-mapping geo-mashing: neighborhood, mobile & location Best Practices and Guidelines for Location Based Services http://www.ctia.org/content/index.cfm/AID/11300 Dr. Sabin Buragawww.purl.org/net/busaco Participarea la evenimente
  • 144. 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. Sabin Buragawww.purl.org/net/busaco Openness
  • 145. câteva șabloane de proiectare: Badging Embedded semantics Import Hosted Modules Open APIs Dr. Sabin Buragawww.purl.org/net/busaco Openness
  • 146. Dr. Sabin Buragawww.purl.org/net/busaco Câteva exemplificări utile?
  • 147. Convertirea unui sit Web tradițional la unul social Dr. Sabin Buragawww.purl.org/net/busaco studiu de caz
  • 148. 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 up activități privind resursele: tagging, rating, sharing identitatea utilizatorului: contact cards, attribution relații între utilizatori: friends, followers, grafuri sociale Dr. Sabin Buragawww.purl.org/net/busaco studiu de caz
  • 149. „People come and read my content, but they’re invisible to each other…” Dr. Sabin Buragawww.purl.org/net/busaco studiu de caz
  • 150. „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 Dr. Sabin Buragawww.purl.org/net/busaco studiu de caz
  • 151. „I have an active community on my Website, but people are misbehaving!” Dr. Sabin Buragawww.purl.org/net/busaco studiu de caz
  • 152. „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 abuse reputation ratings Dr. Sabin Buragawww.purl.org/net/busaco studiu de caz
  • 153. Interacțiune via dispozitive mobile Dr. Sabin Buragawww.purl.org/net/busaco studiu de caz
  • 154. design Web responsiv 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/ Dr. Sabin Buragawww.purl.org/net/busaco studiu de caz
  • 155. Dr. Sabin Buragawww.purl.org/net/busaco studiu de caz mobile & location
  • 156. Dr. Sabin Buragawww.purl.org/net/busaco studiu de caz status broadcasting
  • 157. Dr. Sabin Buraga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
  • 158. Dr. Sabin Buragawww.purl.org/net/busaco episodul viitor: evaluarea proiectului (D) luni, 18 noiembrie, 9h – C308