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

665 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

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
665
On SlideShare
0
From Embeds
0
Number of Embeds
17
Actions
Shares
0
Downloads
11
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

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

  1. 1. Dr. Sabin Buragawww.purl.org/net/busaco principii de proiectare a aplicațiilor Web sociale
  2. 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. 3. Dr. Sabin Buragawww.purl.org/net/busaco Care sunt modalitățile de interacțiune cu software-ul și/sau hardware-ul?
  4. 4. Crumlish & Malone (2009) Dr. Sabin Buragawww.purl.org/net/busaco
  5. 5. experiență fizică utilizator↔dispozitiv Dr. Sabin Buragawww.purl.org/net/busaco Sfera 1: oameni și dispozitive
  6. 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. 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. 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. 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. 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. 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. 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. 13. Dr. Sabin Buragawww.purl.org/net/busaco agregare de știri la nivel de client via News Bento
  14. 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. 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. 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. 17. Mesajele de eroare trebuie să fie clare Dr. Sabin Buragawww.purl.org/net/busaco discuție: mesaje de eroare
  18. 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. 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. 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. 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. 22. De oferit metode de (auto-)corectare a greșelilor Dr. Sabin Buragawww.purl.org/net/busaco discuție: mesaje de eroare
  23. 23. Dr. Sabin Buragawww.purl.org/net/busaco discuție: mesaje de eroare de oferit feedback pozitiv – vezi și http://fab404.com/
  24. 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. 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. 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. 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. 28. Dr. Sabin Buragawww.purl.org/net/busaco ecosisteme sociale bazate de hipermedia (Crumlish & Malone, 2009)
  29. 29. Dr. Sabin Buragawww.purl.org/net/busaco aspecte sociale la nivel de întreprindere (Crumlish & Malone, 2009)
  30. 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. 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. 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. 33. Dr. Sabin Buragawww.purl.org/net/busaco păstrare și partajare de adrese Web via Pocket
  34. 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. 35. exemplu: Seevl – http://seevl.fm/ Dr. Sabin Buragawww.purl.org/net/busaco
  36. 36. Dr. Sabin Buragawww.purl.org/net/busaco Ce șabloane de proiectare există privind experiența socială cu utilizatorul?
  37. 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. 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. 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. 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. 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. 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. 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. 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. 45. Dr. Sabin Buragawww.purl.org/net/busaco
  46. 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. 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. 48. http://darkpatterns.org/ Dr. Sabin Buragawww.purl.org/net/busaco
  49. 49. implicare (engagement) identitate (identity) prezență (presence) reputație (reputation) Dr. Sabin Buragawww.purl.org/net/busaco Representing the Self
  50. 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. 51. Dr. Sabin Buragawww.purl.org/net/busaco www.drawnimal.com ajută copiii să înceapă să deseneze și să învețe alfabetul
  52. 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. 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. 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. 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. 56. Dr. Sabin Buragawww.purl.org/net/busaco
  57. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 67. Dr. Sabin Buragawww.purl.org/net/busaco Social UX: principii
  68. 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. 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. 70. Dr. Sabin Buragawww.purl.org/net/busaco ???!
  71. 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. 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. 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. 74. user profile personal dashboard identity/contact cards avatars Dr. Sabin Buragawww.purl.org/net/busaco Identitatea utilizatorului
  75. 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. 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. 77. Dr. Sabin Buragawww.purl.org/net/busaco
  78. 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. 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. 80. utilizatorii trebuie să aibă posibilitatea să-și modifice profilul (customization) Dr. Sabin Buragawww.purl.org/net/busaco Profilul utilizatorului
  81. 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. 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. 83. Dr. Sabin Buragawww.purl.org/net/busaco alte facilități de implementat (probleme de rezolvat): profile decorating profile claiming faceted identity
  84. 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. 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. 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. 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. 88. Dr. Sabin Buragawww.purl.org/net/busaco
  89. 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. 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. 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. 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. 93. Dr. Sabin Buragawww.purl.org/net/busaco
  94. 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. 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. 96. Social UX Dr. Sabin Buragawww.purl.org/net/busaco prezența online la nivel de organizație
  97. 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. 98. șabloane bine-cunoscute: Availability Buddy List Microblogging Updates Dr. Sabin Buragawww.purl.org/net/busaco Prezența online
  99. 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. 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. 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. 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. 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. 104. Dr. Sabin Buragawww.purl.org/net/busaco Social UX
  105. 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. 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. 107. Dr. Sabin Buragawww.purl.org/net/busaco
  108. 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. 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. 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. 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. 112. Dr. Sabin Buragawww.purl.org/net/busaco Social UX
  113. 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. 114. studiu de caz tipic: blog-urile + blogosfera Blogs: presentation Blogs: ownership Microblogging Dr. Sabin Buragawww.purl.org/net/busaco Difuzare (broadcasting)
  115. 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. 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. 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. 118. Dr. Sabin Buragawww.purl.org/net/busaco Social UX
  119. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 132. Dr. Sabin Buragawww.purl.org/net/busaco
  133. 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. 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. 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. 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. 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. 138. Dr. Sabin Buragawww.purl.org/net/busaco Social UX
  139. 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. 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. 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. 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. 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. 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. 145. câteva șabloane de proiectare: Badging Embedded semantics Import Hosted Modules Open APIs Dr. Sabin Buragawww.purl.org/net/busaco Openness
  146. 146. Dr. Sabin Buragawww.purl.org/net/busaco Câteva exemplificări utile?
  147. 147. Convertirea unui sit Web tradițional la unul social Dr. Sabin Buragawww.purl.org/net/busaco studiu de caz
  148. 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. 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. 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. 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. 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. 153. Interacțiune via dispozitive mobile Dr. Sabin Buragawww.purl.org/net/busaco studiu de caz
  154. 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. 155. Dr. Sabin Buragawww.purl.org/net/busaco studiu de caz mobile & location
  156. 156. Dr. Sabin Buragawww.purl.org/net/busaco studiu de caz status broadcasting
  157. 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. 158. Dr. Sabin Buragawww.purl.org/net/busaco episodul viitor: evaluarea proiectului (D) luni, 18 noiembrie, 9h – C308

×