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

Dr.

Sab

in B

ura

ga

www.purl.org/net/busaco

principii de proiectare a aplicațiilor Web sociale

Dr.

Sab

in B

ura

ga


“Respect those who come to you with open ears and foster a sense of community.”

P.T. Sudo

Dr.

Sab

in B

ura

ga


Care sunt modalitățile de interacțiune cu software-ul și/sau hardware-ul?

Dr.

Sab

in B

ura

ga


Crumlish & Malone (2009)

Dr.

Sab

in B

ura

ga


Sfera 1: oameni și dispozitive

experiență fizică utilizator↔dispozitiv

Dr.

Sab

in B

ura

ga




interacțiuni tradiționale:manipulare directă – e.g., tastatură & mouse

paradigma WIMP – Window Icon Menu Pointersuprafețe de redare/interacțiune

Dr.

Sab

in B

ura

ga




interacțiuni naturale:simțuri (vizual, audio, tactil)

gesturiemoții & sentimente

recunoașterea utilizatorului (chip, amprentă, voce,…)

Dr.

Sab

in B

ura

ga


exemplificare: Firefox OSinteracțiunea dintre utilizator și dispozitivul mobil e facilitată de

tehnologiile Web actuale (HTML, CSS, JavaScript)detalii la http://tinyurl.com/cliw-devel

Dr.

Sab

in B

ura

ga


Sfera 2: modele mentale + reprezentările lor

experiența cu utilizatorul la nivel fizic

definirea interacțiunii dintre oameni și obiecte (dispozitive)

Dr.

Sab

in B

ura

ga



interfață, interacțiune la nivel digital,modelarea utilizatorului

conținut (static) oferit versus

interactivitate – activități desfășurate (funcționalități)

Dr.

Sab

in B

ura

ga



exemple de categorii de aplicații Web:comerț electronic (e.g., recomandare de produse,

monitorizarea prețurilor, licitații etc.)aplicații colaborative de tip wiki

aplicații Web hibride vizând știrile (news mash-ups)

Dr.

Sab

in B

ura

ga



exemple de categorii de aplicații Web:comerț electronic (e.g., recomandare de produse,

monitorizarea prețurilor, licitații etc.)aplicații colaborative de tip wiki

aplicații Web hibride vizând știrile (news mash-ups)

bazate pe un model centrat pe conținut (preluare, vizualizare, filtrare, partajare,…)

Dr.

Sab

in B

ura

ga


agregare de știri la nivel de client via News Bento

Dr.

Sab

in B

ura

ga


Sfera 3: context de utilizare

interacțiunea cu sau într-un mediu fizic/virtual

ubicuitatesimulări

obiecte smartagenți Web inteligenți

virtual/augmented reality

Dr.

Sab

in B

ura

ga


Brazil (1985) – regizor: Terry Gilliamwww.imdb.com/title/tt0088846/

discuție: mesaje de eroare

Dr.

Sab

in B

ura

ga


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.

Sab

in B

ura

ga


Mesajele de eroare trebuie să fie clare


Dr.

Sab

in B

ura

ga


Tonul unui mesaj de eroare trebuie să inspire încredere

an unknown error occurred


Dr.

Sab

in B

ura

ga


De evitat atitudinea superioară (arogantă) față de utilizator

You cannot perform this operation!

versusThis operation requires specific

administrative rights.

Do you want to enter your credentials?


Dr.

Sab

in B

ura

ga


Termeni care nu trebuie folosiți:

abort end, cancel, stopavailable readyboot start, run

errorexecute completehit press, depress

invalid not correct/good/validkill end, cancel

output report, list, displayterminate end, exit


Dr.

Sab

in B

ura

ga


Utilizatorul nu trebuie să se simtă vinovat în urma acțiunii realizate de software

(oamenii sunt mai importanți decât programele)


Dr.

Sab

in B

ura

ga


De oferit metode de (auto-)corectare a greșelilor


Dr.

Sab

in B

ura

ga



de oferit feedback pozitiv – vezi și http://fab404.com/

Dr.

Sab

in B

ura

ga


Sfera 4: comunități de utilizatori

comunitate = grup de persoane având interese comune

ierarhie strictă versus rețea emergentă

Dr.

Sab

in B

ura

ga


grup de lucru(work team)

comunitate de practică(community of practice)

Membrii aparțin involuntar grupului (asignați de un superior)

Membrii sunt voluntari(nu se implică din obligație)

Axat pe realizarea unui produs/serviciu (delivery)

În evoluţie permanentălearning, making & improving

Aparține unei structuri ierarhice din cadrul unei organizații

Definită de relațiile dintre membri, nu e legată strict de o organizație

Echipe, management, militari Mulțimi ad-hoc, cercuri, prieteni

grupurile de lucru și comunitățile de practică sunt complementare

Dr.

Sab

in B

ura

ga



trăsătură importantă: caracterul conversațional

clasic: asociații locale, confrerii, publicații etc.

facilitat de Internet & Webde la e-mail, forumuri și grupuri virtuale la mesagerieinstantanee, rețele sociale & sisteme de tip MMORPG

(Massively Multiplayer Online Role-Playing Game)

Dr.

Sab

in B

ura

ga



comportament social mediat de tehnologii (Web) actuale

niveluri:personal (intim) vs. grup (tribal) vs. global (viral)

Dr.

Sab

in B

ura

ga


ecosisteme sociale bazate de hipermedia(Crumlish & Malone, 2009)

Dr.

Sab

in B

ura

ga


aspecte sociale la nivel de întreprindere(Crumlish & Malone, 2009)

Dr.

Sab

in B

ura

ga



oamenii sunt animale sociale

persoane de care avem nevoie (Mart Murdvee, 2006):teenagerfriend, entertainer

business-oriented personsecretaryin spare timetrainer/instructor

elder personnurse, helpmate

Dr.

Sab

in B

ura

ga



oamenii sunt animale sociale

posibilitatea de a folosi agenți de interfață cu rol de…

secretară digitală – „digital butler” (N. Negroponte, 1995)+

e-entertainer, e-nanny, e-pal, e-trainer, e-librarian, e-clerk, e-attendant(s) etc.

Dr.

Sab

in B

ura

ga


Sfera 5: conținut

acces public global la date, informații, cunoștințe

crearea, publicarea, mixarea, partajarea conținuturilor (resurselor) disponibile pe Web

Dr.

Sab

in B

ura

ga


păstrare și partajare de adrese Web via Pocket

Dr.

Sab

in B

ura

ga


Sfera 5: conținut

experiență interactivă la nivel de ecosistem:social, spațial, business, în funcție de context

(micro-)blogging, (geo-)tagging,sisteme de management al conținutului (CMS-uri),

wiki-uri, aplicații Web hibride (mash-ups),jocuri online, medii virtuale etc.

Dr.

Sab

in B

ura

ga


exemplu: Seevl – http://seevl.fm/

Dr.

Sab

in B

ura

ga


Ce șabloane de proiectare există privind experiența socială cu utilizatorul?

Dr.

Sab

in B

ura

ga


Social UX Patterns

vizează interactivitatea în cadrul unei aplicații (Web) sociale

Christian Crumlish & Erin Malone, 2009

Dr.

Sab

in B

ura

ga


Social UX Patterns

social computing

Thomas Erickson (2013)

www.interaction-design.org/encyclopedia/social_computing.html

Dr.

Sab

in B

ura

ga


Software as a human

comunicarea cu utilizatorii (și potențialii clienți) trebuie să fie firească, umană

humane interfaces

Dr.

Sab

in B

ura

ga


Software as a human

adoptarea unui ton conversațional, informal

utilizarea unui limbaj contemporan, nu livresc, birocratic sau stradal

pentru instrucțiuni, mesaje și alte informații oferite de sistem vizitatorului/clientului

Dr.

Sab

in B

ura

ga


Software as a human

de evitat un jargon obscur, argou, regionalisme etc.

being cute ≠ being real

Dr.

Sab

in B

ura

ga


Software as a human

software-ul poate pune întrebări (ask questions)utile pentru mesaje explicative, text de ajutor,

etichete în cadrul formularelor Web,…

Dr.

Sab

in B

ura

ga


Software as a human

„you” versus „my”

„my” indică punctul de vedere al utilizatoruluiMy Yahoo!, My feed, My watchlist

„you” încurajează dialogulexemple: CiteULike, YouTube

Dr.

Sab

in B

ura

ga


Software as a human

„you” versus „my”

de utilizat atunci când trebuie etichetate resurse ce aparțin sau sunt alese de un anumit utilizator

your photostream, your contacts, your groups,…

Dr.

Sab

in B

ura

ga


Dr.

Sab

in B

ura

ga


Software as a human

no joking around

interfața nu trebuie să expună mesaje neserioase ce potconduce la confuzii sau la bulversarea utilizatorului

fiecare persoană poate avea un unic simț al umorului

Dr.

Sab

in B

ura

ga


Software as a human

aspect important: onestitatea interacțiunii

dark pattern = a type of user interface that appears to have been carefully crafted to trick users

into doing unwanted things

Dr.

Sab

in B

ura

ga


http://darkpatterns.org/

Dr.

Sab

in B

ura

ga


Representing the Self

implicare (engagement)identitate (identity)prezență (presence)

reputație (reputation)

Dr.

Sab

in B

ura

ga


Implicarea utilizatorului (user engagement)

aspecte de interes:cum evităm startul „rece”?

cum încurajăm persoanele să folosească aplicația și să participe?

cum rezolvăm problema intimității (privacy)?cum încurajăm utilizatorii de tip early adopters?

Dr.

Sab

in B

ura

ga


www.drawnimal.com

ajută copiii să înceapă să deseneze și să învețe alfabetul

Dr.

Sab

in B

ura

ga


Implicarea utilizatorului (user engagement)

sfat:„keep the user’s experience focused on the application”

(Bert Appward, 2012)

www.html5rocks.com/webappfieldguide/

Dr.

Sab

in B

ura

ga


Sign up & registration

de utilizat acest șablon când sunt necesare informații personale/private

trebuie luate în considerație intimitatea și securitatea

Dr.

Sab

in B

ura

ga



de utilizat acest șablon când sunt necesare informații personale/private

trebuie luate în considerație intimitatea și securitatea

e.g., tranzacții financiare necesitând plăți, livrări, monitorizare etc.

Dr.

Sab

in B

ura

ga



se va colecta minimul de informații necesare ce permit utilizatorului să participe în cadrul sitului

de considerat dacă e într-adevăr oportună/obligatorie crearea unui cont în cadrul aplicației

Dr.

Sab

in B

ura

ga


Dr.

Sab

in B

ura

ga



oferiți explicații privind fiecare fragment de date solicitate în termeni de beneficii aduse utilizatorului

exemplu: geo-location provides recommendations

of relevant items: stores, hospitals,…

Dr.

Sab

in B

ura

ga



aplicația va solicita datele de autentificare cât mai tardiv posibil

Dr.

Sab

in B

ura

ga



conduceți utilizatorul la ultima activitate pe care o efectua înainte de realizarea autentificării

Dr.

Sab

in B

ura

ga



permiteți crearea unui identificator unic ușor de memoratși de verificat (e.g., adresa de poștă electronică)

Dr.

Sab

in B

ura

ga



de precizat clar ce elemente sunt obligatorii la introducerea numelui de utilizator (username) și a parolei

+ eventuale alte metode de autentificare

Dr.

Sab

in B

ura

ga



oferiți feedback pozitiv (eventual, asistență suplimentară) în cazul în care utilizatorul greșește

Dr.

Sab

in B

ura

ga



de inclus verificări bazate pe CAPTCHA doar dacă e absolut necesar

???

Dr.

Sab

in B

ura

ga



de luat în calcul eliminarea procesului de creare de contprin adopția altor metode de autentificare/autorizare

standarde deschise: OpenID, OAuth, WebID

vezi inițiativa Mozilla Persona: www.mozilla.org/persona/

Dr.

Sab

in B

ura

ga


pentru alte detalii, de parcurs Luke Wroblewski, “Sign Up Forms Must Die”, A List Apart Magazine, 2008

http://www.alistapart.com/articles/signupforms/

Dr.

Sab

in B

ura

ga


Sign in (autentificare)

includerea unui buton ușor de recunoscut și corespunzător etichetat

Sign In/Login

Dr.

Sab

in B

ura

ga

www.purl.org/net/busacoSocial UX: principii

Dr.

Sab

in B

ura

ga


Sign in (autentificare)

dacă e posibil, permiteți ca utilizatorul să rămână autentificat pentru o anumită perioadă de timp

Dr.

Sab

in B

ura

ga


Autorizare

de folosit atunci când anumite facilități vor recurge la date (resurse) provenite din alte situri/aplicații sociale

Dr.

Sab

in B

ura

ga


???!

Dr.

Sab

in B

ura

ga


Întâmpinarea utilizatorului (welcome area)

de oferit noilor veniți diverse modalități de explorare + ajutor

se pot prezenta cele mai importante/utile facilități

Dr.

Sab

in B

ura

ga


Întâmpinarea utilizatorului (welcome area)

de evitat:

metode intruzive de interacțiune – e.g., pop-up-uri

obligarea utilizatorului să facă turul de bun venit

presupunerea că utilizatorul nu se descurcă(i.e., yet another stupid user)

Dr.

Sab

in B

ura

ga


Identitatea utilizatorului

“The ability to create and manage an identity within the context of the site is the foundation upon which the rest

– contributions, relationships, reputations – is built.It’s about people and who they portray themselves to be.”

Crumlish & Malone, 2009

Dr.

Sab

in B

ura

ga



user profilepersonal dashboard

identity/contact cardsavatars

Dr.

Sab

in B

ura

ga



diverse fațete privind identificarea

account unique identifier DB keylogin identifier session authenticationpublic identifier(s) social identify

Dr.

Sab

in B

ura

ga


Profilul utilizatorului

user profile = „fața” utilizatorului în cadrul sistemului

generarea unei arii publice – disponibilă altora –pentru a lista toate informațiile și conținuturile relevante

despre un utilizator

Dr.

Sab

in B

ura

ga


Dr.

Sab

in B

ura

ga



numele afișat (display name) nu trebuie să fie identic cu numele de cont (username)

aspecte importante privind securitatea: furtul identității + phishers

Dr.

Sab

in B

ura

ga



permiteți utilizatorilor să controleze nivelurile de acces la informații personale

privat vs. „prieteni” vs. public

Dr.

Sab

in B

ura

ga



utilizatorii trebuie să aibă posibilitatea să-și modifice profilul (customization)

Dr.

Sab

in B

ura

ga



aplicația va stoca cantitatea optimă de date necesarepentru realizarea relațiilor dintre utilizatori sau vizând

activitățile întreprinse în cadrul comunității virtuale

Dr.

Sab

in B

ura

ga



dacă e posibil, se vor oferi mijloace de migrare a profilului (conținut, date personale,…)

de la ori spre alte aplicații/servicii

diverse inițiative: Data Liberation, OpenSocial API, Portable Contacts, Yahoo! Social Platform

Dr.

Sab

in B

ura

ga


alte facilități de implementat (probleme de rezolvat):profile decorating

profile claimingfaceted identity

Dr.

Sab

in B

ura

ga


Personal dashboard

users want to check in and see status updates from their friends, current activity from their social graph,

comments from friends on recent posts, etc.

Dr.

Sab

in B

ura

ga


Personal dashboard

acompaniază profilul utilizatorului

trebuie să ofere informații și acces la activitățile frecvent dorite de utilizator

încurajarea vizitelor periodice

Dr.

Sab

in B

ura

ga


pentru strategii și exemple de proiectare, a se studia S. Few, Information Dashboard Design: Displaying Data

for At-a-Glance Monitoring, Analytics Press, 2013

Dr.

Sab

in B

ura

ga


Identity/contact cards

pun la dispoziție informații suplimentare despre un utilizator + acțiuni specifice:

subscribe, follow, connect, unsubscribe, block,…

Dr.

Sab

in B

ura

ga


Dr.

Sab

in B

ura

ga


Avatars

reprezentări vizuale asociate unei identități online

“Profile pictures – or avatars, in online parlance –show people at our thinnest, handsomest, most fun.”

(Gillian Reagan, 2008)

Dr.

Sab

in B

ura

ga


Avatars

reprezentările alese de utilizator pot avea impact și asupra credibilității percepute a acestuia

Dr.

Sab

in B

ura

ga


Avatars

aplicația va oferi suport pentru utilizarea de avataruri alternative via imagini multiple preluate și stocate

pentru viitoare folosiri

Dr.

Sab

in B

ura

ga


Avatars

suplimentar, pot fi atașate expresii speciale (e.g., via emoticoane)

privind situația curentă a utilizatorului + o stare de spirit (mood particular): delighted, bored etc.

Dr.

Sab

in B

ura

ga


Dr.

Sab

in B

ura

ga


Prezența online

maximizarea oportunităților de declarare a propriei identități în cadrul unui mediu social virtual

Dr.

Sab

in B

ura

ga


Prezența online

maximizarea oportunităților de declarare a propriei identități în cadrul unui mediu social virtual

gestionarea prezenței online:publish, display, maintain (update), subscribe to, filter

Dr.

Sab

in B

ura

ga

www.purl.org/net/busacoSocial UX

prezența online la nivel de organizație

Dr.

Sab

in B

ura

ga


Prezența online

informații importante:status

current taskmood

environmentlocation

platform/device status

Dr.

Sab

in B

ura

ga


Prezența online

șabloane bine-cunoscute:AvailabilityBuddy List

MicrobloggingUpdates

Dr.

Sab

in B

ura

ga


Reputația utilizatorului

a person participating in a social structure expectsto develop a reputation and hopes for insight into

the reputations of others

Dr.

Sab

in B

ura

ga



reputația influențează comportamentul

un sistem care ia în considerație reputația implică și monitorizarea comportamentului dezirabil

al utilizatorului, plus recunoașterea lui publică

Dr.

Sab

in B

ura

ga



reputația influențează comportamentul

un sistem care ia în considerație reputația implică și monitorizarea comportamentului dezirabil

al utilizatorului, plus recunoașterea lui publică

exemple: Klout, Mozilla OpenBadges

Dr.

Sab

in B

ura

ga



named levelsdefinirea unei familii de reputații (ierarhice) pentru a permite descoperirea și identificarea utilizatorilor

de tip high-quality contributor

BronzeSilverGoldHated HostileUnfriendlyNeutralFriendly…

Dr.

Sab

in B

ura

ga



labelsidentificatori speciali pentru a „gratifica” o persoană

permit evaluări non-liniare a reputației

exemplificări: Top Contributor (Yahoo! Answers), Troll (37 Signals)

Dr.

Sab

in B

ura

ga


Dr.

Sab

in B

ura

ga



poate fi măsurată și via premii – awards:Collectible achievements

Peer-to-peer achievementsTestimonials (Personal recommendations)

exemple: LinkedIn, P2PU, Xbox LIVE, Yelp etc.

Dr.

Sab

in B

ura

ga



poate fi măsurată și prin ranguri – rankingsPoints

LeaderboardTop N

anti-pattern(uneori)

Dr.

Sab

in B

ura

ga


Dr.

Sab

in B

ura

ga


Obiecte cu rol social (social objects)

“Social networks consist of peoplewho are connected by a shared object.”

Jyri Engeström

Dr.

Sab

in B

ura

ga



“You can have a conversation without a social object.You cannot have a social object without a conversation.

It is the conversation that makes the object ‘social’.”

JP Rangaswami

Dr.

Sab

in B

ura

ga



șabloane de proiectare vizând colectarea

Saving, Favorites,Displaying,

Add/Subscribe,Tagging, Find with tags, Tag cloud

Dr.

Sab

in B

ura

ga



partajare & (re)folosire

la nivel personal: Bookmarklet, Send/Share widget

la nivel privat (direct): Send this, Give Gift

la nivel public: Share this, Embedding

Dr.

Sab

in B

ura

ga


Dr.

Sab

in B

ura

ga


Difuzare (broadcasting)

de la bârfă tribală la acțiuni virale

“The key is to design flexible frameworks and spacesfor people to define their own sense of place.”

Crumlish & Malone, 2009

Dr.

Sab

in B

ura

ga


Difuzare (broadcasting)

studiu de caz tipic: blog-urile + blogosfera

Blogs: presentationBlogs: ownership

Microblogging

Dr.

Sab

in B

ura

ga


Terms of service

un document de tip „Terms of Service Agreement” oferind cadrul legal privind (re)utilizarea serviciilor

informaționale și elementelor de conținut disponibile pe un sit Web

aspect important: respectarea drepturilor de autor

Dr.

Sab

in B

ura

ga


Terms of service

tipuri de licențe deschise:Public Domain

http://publicdomainmanifesto.org/

Creative Commonshttp://creativecommons.org/licenses/

Copylefthttp://www.gnu.org/copyleft/

Dr.

Sab

in B

ura

ga


Feedback

recurgerea la diverse metode de colectare a feedback-ului

(anti-)șabloane de proiectare:Vote to promote, Thumbs up/down ratings,

Ratings (stars sau punctaje 1—5), Comments, Reviews etc.

Dr.

Sab

in B

ura

ga


Dr.

Sab

in B

ura

ga


Mijloacele de colaborare

șabloane importante:Manage project

Voting (Polls, Surveys)Collaborative editing

Edit this pageWiki way

Crowdsourcing

Dr.

Sab

in B

ura

ga


Recomandări

aplicația poate oferi recomandări („inteligente”) pe baza datelor colectate de la utilizator

pentru a identifica similarități și a oferi sugestii folositoare privind resurse de interes

Dr.

Sab

in B

ura

ga


Recomandări

instrumente & API-uri vizând recomandările (sociale):Apache Mahout – http://mahout.apache.org/

Amazon Mechanical Turk – http://www.mturk.com/

Hunch – http://hunch.com/developers/

Zemanta – http://developer.zemanta.com/

www.programmableweb.com/apis/directory/1?apicat=Recommendations

Dr.

Sab

in B

ura

ga


recomandările automate „împing” resursele de interes spre utilizator; nu vor mai fi descoperite la întâmplare

Dr.

Sab

in B

ura

ga


Social search

aspecte de interes:căutare în timp-real

căutare conversațională (subiectivă)

a se studia P. Morville & J. Callender, Search Patterns, O’Reilly, 2010

http://searchpatterns.org/library.php

Dr.

Sab

in B

ura

ga


Facebook Graph Search

www.facebook.com/about/graphsearch

critici privind intimitatea:http://actualfacebookgraphsearches.tumblr.com/

Dr.

Sab

in B

ura

ga


Relationships

abilitatea de a găsi persoane – „prieteni”, cunoscuți, colegi, amici, rude,… –

și de a le include în anturajul utilizatorului

Dr.

Sab

in B

ura

ga


Relationships

abilitatea de a găsi persoane – „prieteni”, cunoscuți, colegi, amici, rude,… –

și de a le include în anturajul utilizatorului

terminologie:cohort, colleague, contact, family, fan,

follow, follower, friend

Dr.

Sab

in B

ura

ga


Relationships

șabloane de proiectare importante:Find people

Adding friendsCircles of connections

Publicize RelationshipsUnfriending

Groups

Dr.

Sab

in B

ura

ga


Managementul comunității

norme

definesc anumite comportamente dorite în cadrul interacțiunii cu un sistem

Dr.

Sab

in B

ura

ga



norme

impuse la nivel social

sunt mai puțin restrictive decât regulamentele

Dr.

Sab

in B

ura

ga



norme

specificate explicit – e.g., FAQ, user agreementversus

implicite – informale, constituite pe baza interacțiunilor frecvente din cadrul unui grup

Dr.

Sab

in B

ura

ga



reguli

necesitatea publicării unui set de reguli (guidelines)clar și ușor de găsit

Dr.

Sab

in B

ura

ga


Dr.

Sab

in B

ura

ga



aplicația poate oferi suport și pentru administrare colectivă (collaborative governance)

+ moderare la nivel de grup

Collaborative filteringReport abuse

Dr.

Sab

in B

ura

ga


Participarea la evenimente

oferirea suportului pentru organizarea de activitățiîn funcție de locația geografică

Being local

Dr.

Sab

in B

ura

ga



facilitarea întâlnirilor face-to-face dintre persoane:pregătirea evenimentului (privat/public) prin preluarea

datelor despre locație, perioadă de desfășurare, descriere, considerații speciale, invitați etc.

de oferit un calendar partajabil

Dr.

Sab

in B

ura

ga



de oferit detalii privind locația (adresa concretă, costuri, ambianță, restricții etc.)

+ elemente de interes învecinate

(parcare, restaurant, automat bancar,…)

Dr.

Sab

in B

ura

ga



utilizatorii vor putea indica posibila participare (RSVP),eventual invitându-i și pe alții

(e.g., selectați din rețeaua de „prieteni”)

Dr.

Sab

in B

ura

ga


Dr.

Sab

in B

ura

ga



în timpul desfășurării evenimentului, se va oferi suport pentru realizarea de comentarii în timp-real

integrarea aplicațiilor Web sociale consacrate(inclusiv la nivelul dispozitivelor mobile)

Dr.

Sab

in B

ura

ga



după încheierea evenimentului, pot fi oferite instrumentede colectare și partajare a resurselor de interes:

fotografii, prezentări, filme, păreri etc.

Dr.

Sab

in B

ura

ga



după încheierea evenimentului, pot fi oferite instrumentede colectare și partajare a resurselor de interes:

fotografii, prezentări, filme, păreri etc.

de asemenea, utilizatorii pot fi rugați să completeze și un formular de feedback

Dr.

Sab

in B

ura

ga



suplimentar, pot fi implementate următoarele facilități:

crearea & trimiterea de invitații personalizate

găsirea/înscrierea la un eveniment pe baza datei calendaristice sau a locației favorite

reamintiri periodice – reminding

Dr.

Sab

in B

ura

ga



de luat în calcul și includerea suportului pentru vizualizare/navigare cartografică

geo-tagginggeo-mapping

geo-mashing: neighborhood, mobile & location

Best Practices and Guidelines for Location Based Serviceshttp://www.ctia.org/content/index.cfm/AID/11300

Dr.

Sab

in B

ura

ga


Openness

aspecte importante:open source, open infrastructure,

open architecture, open standards,open access, open content (open data), open identity

S. Buraga, „De câte stele sunt datele d-voastră?” (2012)www.slideshare.net/busaco/de-cte-stele-sunt-datele-dvoastra

Dr.

Sab

in B

ura

ga


Openness

câteva șabloane de proiectare:Badging

Embedded semanticsImport

Hosted ModulesOpen APIs

Dr.

Sab

in B

ura

ga


Câteva exemplificări utile?

Dr.

Sab

in B

ura

ga


Convertirea unui sit Web tradițional la unul social

studiu de caz

Dr.

Sab

in B

ura

ga


Convertirea unui sit Web tradițional la unul social

soluții posibile:talk like a person (software as a human)

conturi personalizate: sign in/sign upactivități privind resursele: tagging, rating, sharingidentitatea utilizatorului: contact cards, attribution

relații între utilizatori: friends, followers, grafuri sociale

studiu de caz

Dr.

Sab

in B

ura

ga


„People come and read my content,but they’re invisible to each other…”

studiu de caz

Dr.

Sab

in B

ura

ga


„People come and read my content,but they’re invisible to each other…”

soluție: oferirea mai multor niveluri de participare

presence indicators, peer-to-peer awards, nudging,public conversation, followers badge

studiu de caz

Dr.

Sab

in B

ura

ga


„I have an active community on my Website,but people are misbehaving!”

studiu de caz

Dr.

Sab

in B

ura

ga


„I have an active community on my Website,but people are misbehaving!”

soluții:norme de conduită (norm) + model citizen

managementul comunității – e.g., reporting abusereputation

ratings

studiu de caz

Dr.

Sab

in B

ura

ga


Interacțiune via dispozitive mobile

studiu de caz

Dr.

Sab

in B

ura

ga


Interacțiune via dispozitive mobile

soluții de adoptat:geo-location, gatherings, current status broadcastingșabloane de proiectare tipice: infinite lists, one-click

interacțiune naturală – e.g., bazată pe gesturi

http://www.w3.org/Mobile/

studiu de caz

design Web responsiv

Dr.

Sab

in B

ura

ga


mobile & location

studiu de caz

Dr.

Sab

in B

ura

ga


status broadcasting

studiu de caz

Dr.

Sab

in B

ura

ga


pentru alte detalii, de studiat C. Crumlish & E. Malone, Designing Social Interfaces, O’Reilly, 2009

www.designingsocialinterfaces.com/patterns.wiki

Dr.

Sab

in B

ura

ga


episodul viitor: evaluarea proiectului (D)luni, 18 noiembrie, 9h – C308

Technology

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