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 c...
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 ...
experiență fizică utilizator↔dispozitiv
interacțiuni naturale:
simțuri (vizual, audio, tactil)
gesturi
emoții & sentimente...
interacțiunea dintre utilizator și dispozitivul mobil e facilitată de
tehnologiile Web actuale (HTML, CSS, JavaScript)
det...
experiența cu utilizatorul la nivel fizic

definirea interacțiunii
dintre oameni și obiecte (dispozitive)

Dr. Sabin Bura...
interfață, interacțiune la nivel digital,
modelarea utilizatorului
conținut (static) oferit
versus
interactivitate – activ...
exemple de categorii de aplicații Web:
comerț electronic (e.g., recomandare de produse,
monitorizarea prețurilor, licitați...
exemple de categorii de aplicații Web:
comerț electronic (e.g., recomandare de produse,
monitorizarea prețurilor, licitați...
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/augmente...
Dr. Sabin Buragawww.purl.org/net/busaco

discuție: mesaje de eroare

Brazil (1985) – regizor: Terry Gilliam
www.imdb.com/...
Mesajele de mai jos sunt într-adevăr de folos?
404 not found
fatal error in line 312
literal 13 could not be allocated
int...
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/busac...
De evitat atitudinea superioară (arogantă)
față de utilizator
You cannot perform this operation!
versus
This operation req...
Termeni care nu trebuie folosiți:
abort  end, cancel, stop
available  ready
boot  start, run
error
execute  complete
h...
Utilizatorul nu trebuie să se simtă vinovat
în urma acțiunii realizate de software
(oamenii sunt mai importanți decât prog...
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.c...
comunitate = grup de persoane având interese comune

ierarhie strictă

versus

rețea emergentă

Dr. Sabin Buragawww.purl....
comunitate de practică
(community of practice)

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

Membrii sun...
trăsătură importantă: caracterul conversațional
clasic: asociații locale, confrerii, publicații etc.
facilitat de Internet...
comportament social mediat
de tehnologii (Web) actuale
niveluri:
personal (intim) vs. grup (tribal) vs. global (viral)

Dr...
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-orie...
oamenii sunt animale sociale
posibilitatea de a folosi agenți de interfață cu rol de…

Dr. Sabin Buragawww.purl.org/net/b...
acces public global la date, informații, cunoștințe
crearea, publicarea, mixarea, partajarea
conținuturilor (resurselor) d...
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-)tag...
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...
social computing

Thomas Erickson (2013)
www.interaction-design.org/encyclopedia/social_computing.html

Dr. Sabin Buraga...
comunicarea cu utilizatorii (și potențialii clienți)
trebuie să fie firească, umană

humane interfaces

Dr. Sabin Buraga...
adoptarea unui ton conversațional, informal
utilizarea unui limbaj contemporan,
nu livresc, birocratic sau stradal
pentru ...
de evitat un jargon obscur, argou, regionalisme etc.

being cute ≠ being real

Dr. Sabin Buragawww.purl.org/net/busaco

S...
software-ul poate pune întrebări (ask questions)
utile pentru mesaje explicative, text de ajutor,
etichete în cadrul formu...
„you” versus „my”
„my” indică punctul de vedere al utilizatorului
My Yahoo!, My feed, My watchlist
„you” încurajează dialo...
„you” versus „my”
de utilizat atunci când trebuie etichetate resurse
ce aparțin sau sunt alese de un anumit utilizator
you...
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 utilizator...
aspect important: onestitatea interacțiunii

dark pattern = a type of user interface that appears
to have been carefully c...
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...
aspecte de interes:
cum evităm startul „rece”?
cum încurajăm persoanele să folosească aplicația
și să participe?
cum rezol...
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/

...
de utilizat acest șablon când sunt necesare
informații personale/private
trebuie luate în considerație intimitatea și secu...
de utilizat acest șablon când sunt necesare
informații personale/private
trebuie luate în considerație intimitatea și secu...
se va colecta minimul de informații necesare ce permit
utilizatorului să participe în cadrul sitului

de considerat dacă e...
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 soli...
aplicația va solicita datele de autentificare
cât mai tardiv posibil

Dr. Sabin Buragawww.purl.org/net/busaco

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

Dr. Sabin Buragawww.p...
Dr. Sabin Buragawww.purl.org/net/busaco

Sign up & registration

permiteți crearea unui identificator unic ușor de memora...
Dr. Sabin Buragawww.purl.org/net/busaco

Sign up & registration

de precizat clar ce elemente sunt obligatorii la
introdu...
Dr. Sabin Buragawww.purl.org/net/busaco

Sign up & registration

oferiți feedback pozitiv (eventual, asistență suplimenta...
de inclus verificări bazate pe CAPTCHA
doar dacă e absolut necesar
???

Dr. Sabin Buragawww.purl.org/net/busaco

Sign up ...
de luat în calcul eliminarea procesului de creare de cont
prin adopția altor metode de autentificare/autorizare
standarde ...
Dr. Sabin Buragawww.purl.org/net/busaco

pentru alte detalii, de parcurs Luke Wroblewski,
“Sign Up Forms Must Die”, A Lis...
includerea unui buton ușor de recunoscut și
corespunzător etichetat
Sign In/Login

Dr. Sabin Buragawww.purl.org/net/busac...
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.p...
Dr. Sabin Buragawww.purl.org/net/busaco

Autorizare

de folosit atunci când anumite facilități vor recurge
la date (resur...
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....
de evitat:
metode intruzive de interacțiune – e.g., pop-up-uri
obligarea utilizatorului să facă turul de bun venit
presupu...
“The ability to create and manage an identity within the
context of the site is the foundation upon which the rest
– contr...
user profile
personal dashboard
identity/contact cards
avatars

Dr. Sabin Buragawww.purl.org/net/busaco

Identitatea util...
diverse fațete privind identificarea
account unique identifier
login identifier
public identifier(s)

DB key
session authe...
user profile = „fața” utilizatorului în cadrul sistemului
generarea unei arii publice – disponibilă altora –
pentru a list...
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 securitate...
permiteți utilizatorilor să controleze nivelurile de acces
la informații personale

privat vs. „prieteni” vs. public

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

Dr. Sabin Buragawww.purl.org/net/busa...
aplicația va stoca cantitatea optimă de date necesare
pentru realizarea relațiilor dintre utilizatori sau vizând
activităț...
Dr. Sabin Buragawww.purl.org/net/busaco

Profilul utilizatorului

dacă e posibil, se vor oferi mijloace de migrare a prof...
Dr. Sabin Buragawww.purl.org/net/busaco

alte facilități de implementat (probleme de rezolvat):
profile decorating
profil...
users want to check in and see status updates
from their friends, current activity from their social graph,
comments from ...
acompaniază profilul utilizatorului
trebuie să ofere informații și
acces la activitățile frecvent dorite de utilizator
în...
Dr. Sabin Buragawww.purl.org/net/busaco

pentru strategii și exemple de proiectare, a se studia
S. Few, Information Dashb...
pun la dispoziție informații suplimentare
despre un utilizator + acțiuni specifice:
subscribe, follow, connect, unsubscrib...
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 o...
reprezentările alese de utilizator pot avea impact
și asupra credibilității percepute a acestuia

Dr. Sabin Buragawww.pur...
aplicația va oferi suport pentru utilizarea de avataruri
alternative via imagini multiple preluate și stocate
pentru viito...
suplimentar, pot fi atașate expresii speciale
(e.g., via emoticoane)
privind situația curentă a utilizatorului
+ o stare d...
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.p...
maximizarea oportunităților de declarare a propriei
identități în cadrul unui mediu social virtual
gestionarea prezenței o...
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...
șabloane bine-cunoscute:
Availability
Buddy List
Microblogging
Updates

Dr. Sabin Buragawww.purl.org/net/busaco

Prezența...
a person participating in a social structure expects
to develop a reputation and hopes for insight into
the reputations of...
reputația influențează comportamentul
un sistem care ia în considerație reputația implică
și monitorizarea comportamentulu...
reputația influențează comportamentul
un sistem care ia în considerație reputația implică
și monitorizarea comportamentulu...
named levels
definirea unei familii de reputații (ierarhice) pentru
a permite descoperirea și identificarea utilizatorilor...
labels
identificatori speciali pentru a „gratifica” o persoană
permit evaluări non-liniare a reputației
exemplificări:
Top...
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 recomm...
poate fi măsurată și prin ranguri – rankings
Points
Leaderboard
anti-pattern
Top N
(uneori)

Dr. Sabin Buragawww.purl.org...
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/n...
“You can have a conversation without a social object.
You cannot have a social object without a conversation.
It is the co...
șabloane de proiectare vizând colectarea
Saving, Favorites,
Displaying,
Add/Subscribe,
Tagging, Find with tags, Tag cloud
...
partajare & (re)folosire
la nivel personal: Bookmarklet, Send/Share widget

la nivel privat (direct): Send this, Give Gift...
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 ...
studiu de caz tipic: blog-urile + blogosfera
Blogs: presentation
Blogs: ownership
Microblogging

Dr. Sabin Buragawww.purl...
un document de tip „Terms of Service Agreement”
oferind cadrul legal privind (re)utilizarea serviciilor
informaționale și ...
tipuri de licențe deschise:
Public Domain
http://publicdomainmanifesto.org/
Creative Commons
http://creativecommons.org/li...
Dr. Sabin Buragawww.purl.org/net/busaco

Feedback

recurgerea la diverse metode de colectare a feedback-ului
(anti-)șablo...
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

D...
aplicația poate oferi recomandări („inteligente”)
pe baza datelor colectate de la utilizator
pentru a identifica similarit...
instrumente & API-uri vizând recomandările (sociale):
Apache Mahout – http://mahout.apache.org/
Amazon Mechanical Turk – h...
Dr. Sabin Buragawww.purl.org/net/busaco

recomandările automate „împing” resursele de interes
spre utilizator; nu vor mai...
aspecte de interes:
căutare în timp-real
căutare conversațională (subiectivă)

a se studia P. Morville & J. Callender,
Sea...
www.facebook.com/about/graphsearch

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

Dr. Sabin...
abilitatea de a găsi persoane
– „prieteni”, cunoscuți, colegi, amici, rude,… –
și de a le include în anturajul utilizatoru...
abilitatea de a găsi persoane
– „prieteni”, cunoscuți, colegi, amici, rude,… –
și de a le include în anturajul utilizatoru...
șabloane de proiectare importante:
Find people
Adding friends
Circles of connections
Publicize Relationships
Unfriending
G...
norme
definesc anumite comportamente dorite
în cadrul interacțiunii cu un sistem

Dr. Sabin Buragawww.purl.org/net/busaco...
norme
impuse la nivel social

sunt mai puțin restrictive decât regulamentele

Dr. Sabin Buragawww.purl.org/net/busaco

Ma...
norme
specificate explicit – e.g., FAQ, user agreement
versus
implicite – informale, constituite pe baza interacțiunilor
f...
reguli
necesitatea publicării unui set de reguli (guidelines)
clar și ușor de găsit

Dr. Sabin Buragawww.purl.org/net/bus...
Dr. Sabin Buragawww.purl.org/net/busaco
aplicația poate oferi suport și pentru
administrare colectivă (collaborative governance)
+
moderare la nivel de grup
Colla...
oferirea suportului pentru organizarea de activități
în funcție de locația geografică
Being local

Dr. Sabin Buragawww.pu...
facilitarea întâlnirilor face-to-face dintre persoane:
pregătirea evenimentului (privat/public) prin preluarea
datelor des...
de oferit detalii privind locația
(adresa concretă, costuri, ambianță, restricții etc.)
+
elemente de interes învecinate
(...
utilizatorii vor putea indica posibila participare (RSVP),
eventual invitându-i și pe alții
(e.g., selectați din rețeaua d...
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ți...
Dr. Sabin Buragawww.purl.org/net/busaco

Participarea la evenimente

după încheierea evenimentului, pot fi oferite instru...
Dr. Sabin Buragawww.purl.org/net/busaco

Participarea la evenimente

după încheierea evenimentului, pot fi oferite instru...
suplimentar, pot fi implementate următoarele facilități:
crearea & trimiterea de invitații personalizate
găsirea/înscriere...
de luat în calcul și includerea suportului
pentru vizualizare/navigare cartografică
geo-tagging
geo-mapping
geo-mashing: n...
aspecte importante:
open source, open infrastructure,
open architecture, open standards,
open access, open content (open d...
câteva șabloane de proiectare:
Badging
Embedded semantics
Import
Hosted Modules
Open APIs

Dr. Sabin Buragawww.purl.org/n...
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 per...
„People come and read my content,
but they’re invisible to each other…”

Dr. Sabin Buragawww.purl.org/net/busaco

studiu ...
„People come and read my content,
but they’re invisible to each other…”
soluție:
oferirea mai multor niveluri de participa...
„I have an active community on my Website,
but people are misbehaving!”

Dr. Sabin Buragawww.purl.org/net/busaco

studiu ...
„I have an active community on my Website,
but people are misbehaving!”
soluții:
norme de conduită (norm) + model citizen
...
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 bro...
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 Interf...
Dr. Sabin Buragawww.purl.org/net/busaco

episodul viitor: evaluarea proiectului (D)
luni, 18 noiembrie, 9h – C308
Upcoming SlideShare
Loading in...5
×

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

356

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
356
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
10
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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×