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

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

on

  • 457 views

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

Statistics

Views

Total Views
457
Views on SlideShare
447
Embed Views
10

Actions

Likes
0
Downloads
8
Comments
0

1 Embed 10

https://twitter.com 10

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution-NonCommercial-ShareAlike LicenseCC Attribution-NonCommercial-ShareAlike LicenseCC Attribution-NonCommercial-ShareAlike License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

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

  • Dr. Sabin Buragawww.purl.org/net/busaco principii de proiectare a aplicațiilor Web sociale
  • 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.”
  • Dr. Sabin Buragawww.purl.org/net/busaco Care sunt modalitățile de interacțiune cu software-ul și/sau hardware-ul?
  • Crumlish & Malone (2009) Dr. Sabin Buragawww.purl.org/net/busaco
  • experiență fizică utilizator↔dispozitiv Dr. Sabin Buraga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 Pointer suprafețe de redare/interacțiune Dr. Sabin Buragawww.purl.org/net/busaco Sfera 1: oameni și dispozitive
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • Dr. Sabin Buragawww.purl.org/net/busaco agregare de știri la nivel de client via News Bento
  • 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
  • Dr. Sabin Buragawww.purl.org/net/busaco discuție: mesaje de eroare Brazil (1985) – regizor: Terry Gilliam www.imdb.com/title/tt0088846/
  • 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
  • Mesajele de eroare trebuie să fie clare Dr. Sabin Buragawww.purl.org/net/busaco discuție: mesaje de eroare
  • 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
  • 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
  • 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
  • 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
  • De oferit metode de (auto-)corectare a greșelilor Dr. Sabin Buragawww.purl.org/net/busaco discuție: mesaje de eroare
  • Dr. Sabin Buragawww.purl.org/net/busaco discuție: mesaje de eroare de oferit feedback pozitiv – vezi și http://fab404.com/
  • 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
  • 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)
  • 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
  • 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
  • Dr. Sabin Buragawww.purl.org/net/busaco ecosisteme sociale bazate de hipermedia (Crumlish & Malone, 2009)
  • Dr. Sabin Buragawww.purl.org/net/busaco aspecte sociale la nivel de întreprindere (Crumlish & Malone, 2009)
  • 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
  • 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.
  • 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
  • Dr. Sabin Buragawww.purl.org/net/busaco păstrare și partajare de adrese Web via Pocket
  • 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
  • exemplu: Seevl – http://seevl.fm/ Dr. Sabin Buragawww.purl.org/net/busaco
  • Dr. Sabin Buragawww.purl.org/net/busaco Ce șabloane de proiectare există privind experiența socială cu utilizatorul?
  • 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
  • social computing Thomas Erickson (2013) www.interaction-design.org/encyclopedia/social_computing.html Dr. Sabin Buragawww.purl.org/net/busaco Social UX Patterns
  • 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
  • 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
  • de evitat un jargon obscur, argou, regionalisme etc. being cute ≠ being real Dr. Sabin Buragawww.purl.org/net/busaco Software as a human
  • software-ul poate pune întrebări (ask questions) utile pentru mesaje explicative, text de ajutor, etichete în cadrul formularelor Web,… Dr. Sabin Buragawww.purl.org/net/busaco Software as a human
  • „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
  • „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
  • Dr. Sabin Buragawww.purl.org/net/busaco
  • 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
  • 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
  • http://darkpatterns.org/ Dr. Sabin Buragawww.purl.org/net/busaco
  • implicare (engagement) identitate (identity) prezență (presence) reputație (reputation) Dr. Sabin Buragawww.purl.org/net/busaco Representing the Self
  • 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)
  • Dr. Sabin Buragawww.purl.org/net/busaco www.drawnimal.com ajută copiii să înceapă să deseneze și să învețe alfabetul
  • 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)
  • 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
  • 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
  • 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
  • Dr. Sabin Buragawww.purl.org/net/busaco
  • 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,…
  • aplicația va solicita datele de autentificare cât mai tardiv posibil Dr. Sabin Buragawww.purl.org/net/busaco Sign up & registration
  • 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
  • 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ă)
  • 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
  • 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
  • de inclus verificări bazate pe CAPTCHA doar dacă e absolut necesar ??? Dr. Sabin Buragawww.purl.org/net/busaco Sign up & registration
  • 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
  • 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/
  • 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)
  • Dr. Sabin Buragawww.purl.org/net/busaco Social UX: principii
  • 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)
  • 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
  • Dr. Sabin Buragawww.purl.org/net/busaco ???!
  • 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)
  • 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)
  • “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
  • user profile personal dashboard identity/contact cards avatars Dr. Sabin Buragawww.purl.org/net/busaco Identitatea utilizatorului
  • 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
  • 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
  • Dr. Sabin Buragawww.purl.org/net/busaco
  • 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
  • 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
  • utilizatorii trebuie să aibă posibilitatea să-și modifice profilul (customization) Dr. Sabin Buragawww.purl.org/net/busaco Profilul utilizatorului
  • 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
  • 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
  • Dr. Sabin Buragawww.purl.org/net/busaco alte facilități de implementat (probleme de rezolvat): profile decorating profile claiming faceted identity
  • 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
  • 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
  • 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
  • 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
  • Dr. Sabin Buragawww.purl.org/net/busaco
  • 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
  • reprezentările alese de utilizator pot avea impact și asupra credibilității percepute a acestuia Dr. Sabin Buragawww.purl.org/net/busaco Avatars
  • aplicația va oferi suport pentru utilizarea de avataruri alternative via imagini multiple preluate și stocate pentru viitoare folosiri Dr. Sabin Buragawww.purl.org/net/busaco Avatars
  • suplimentar, pot fi atașate expresii speciale (e.g., via emoticoane) privind situația curentă a utilizatorului + o stare de spirit (mood particular): delighted, bored etc. Dr. Sabin Buragawww.purl.org/net/busaco Avatars
  • Dr. Sabin Buragawww.purl.org/net/busaco
  • 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
  • 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
  • Social UX Dr. Sabin Buragawww.purl.org/net/busaco prezența online la nivel de organizație
  • informații importante: status current task mood environment location platform/device status Dr. Sabin Buragawww.purl.org/net/busaco Prezența online
  • șabloane bine-cunoscute: Availability Buddy List Microblogging Updates Dr. Sabin Buragawww.purl.org/net/busaco Prezența online
  • 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
  • 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
  • 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
  • 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
  • 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
  • Dr. Sabin Buragawww.purl.org/net/busaco Social UX
  • 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
  • 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
  • Dr. Sabin Buragawww.purl.org/net/busaco
  • “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)
  • “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)
  • ș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)
  • 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)
  • Dr. Sabin Buragawww.purl.org/net/busaco Social UX
  • 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)
  • studiu de caz tipic: blog-urile + blogosfera Blogs: presentation Blogs: ownership Microblogging Dr. Sabin Buragawww.purl.org/net/busaco Difuzare (broadcasting)
  • 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
  • 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
  • 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.
  • Dr. Sabin Buragawww.purl.org/net/busaco Social UX
  • ș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
  • 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
  • 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
  • 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
  • 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
  • www.facebook.com/about/graphsearch critici privind intimitatea: http://actualfacebookgraphsearches.tumblr.com/ Dr. Sabin Buragawww.purl.org/net/busaco Facebook Graph Search
  • 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
  • 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
  • șabloane de proiectare importante: Find people Adding friends Circles of connections Publicize Relationships Unfriending Groups Dr. Sabin Buragawww.purl.org/net/busaco Relationships
  • norme definesc anumite comportamente dorite în cadrul interacțiunii cu un sistem Dr. Sabin Buragawww.purl.org/net/busaco Managementul comunității
  • norme impuse la nivel social sunt mai puțin restrictive decât regulamentele Dr. Sabin Buragawww.purl.org/net/busaco Managementul comunității
  • 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
  • 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
  • Dr. Sabin Buragawww.purl.org/net/busaco
  • 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
  • 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
  • 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
  • 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
  • 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
  • Dr. Sabin Buragawww.purl.org/net/busaco Social UX
  • î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
  • 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.
  • 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
  • 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
  • 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
  • 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
  • câteva șabloane de proiectare: Badging Embedded semantics Import Hosted Modules Open APIs Dr. Sabin Buragawww.purl.org/net/busaco Openness
  • Dr. Sabin Buragawww.purl.org/net/busaco Câteva exemplificări utile?
  • Convertirea unui sit Web tradițional la unul social Dr. Sabin Buragawww.purl.org/net/busaco studiu de caz
  • 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
  • „People come and read my content, but they’re invisible to each other…” Dr. Sabin Buragawww.purl.org/net/busaco studiu de caz
  • „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
  • „I have an active community on my Website, but people are misbehaving!” Dr. Sabin Buragawww.purl.org/net/busaco studiu de caz
  • „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
  • Interacțiune via dispozitive mobile Dr. Sabin Buragawww.purl.org/net/busaco studiu de caz
  • 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
  • Dr. Sabin Buragawww.purl.org/net/busaco studiu de caz mobile & location
  • Dr. Sabin Buragawww.purl.org/net/busaco studiu de caz status broadcasting
  • 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
  • Dr. Sabin Buragawww.purl.org/net/busaco episodul viitor: evaluarea proiectului (D) luni, 18 noiembrie, 9h – C308