Presentation I gave at WebExpo.cz 2008.

1. Pleteme Sociální Síť
Josef Holý
Designer
Sun Microsystems

2. Náš uživatel, náš pán
Aneb proč by inženýři neměli designovat
2

3. Evoluce osobního SW – 80s & 90s
• desktop řešení - text editor, spreadsheet, e-mail, ...
• editory pro různé typy dokumentů
• Využití stejných UI paradigmat (File->Save...)
> Co dělá menu 'File' v e-mailovém klientu?
3

4. Footnote position, 12 pts. 4

5. Evoluce Osobního SW – 80s & 90s
• hlavní hnací motor inovace = HW
> rychlejší procesory, větší paměti...
• efekt inovace nulový pro běžného uživatele
> 'Mám 1Ghz a stále jen píšu text'
• S příchodem Webu přišla změna
5

6. Web Exploze
Netvibes.com
6

7. Evoluce Osobního Software - 90s - *
• Web (browser) umožnil SaaS - zvláště po dot-comu
• Exploze consumer software - různé domény
> Komunikace, nakupování, cestování, fotky, videa,
bookmarks, sociální sítě....
• Exploze různých uživatelských rozhraní
> Přizpůsobení se potřebám uživatelů
• Hlavní hnací motor inovace = uživatelé a jejich
potřeby
• Hlavní faktor úspěchu = použitelnost
7

8. Co je to použitelnost
• Míra jednoduchosti využití daného nástroje (nejen
software!) pro realizaci určitého cíle
> SW, výtahy, auta, kuchyňský robot, kladivo
• Míra -> měřitelné (počet kroků, čas...)
• Míra -> testovatelné
> Studie pouižitelnosti – usability study
8

9. Co je to user-centered design v SW
• Agile development metoda
• Optimalizace uživatelského rozhraní pro potřeby,
přání a omezení (daného typu) uživatele
• Uživatele nenutit, přizpůsobit se mu
• Use-case = klíčový koncept
> 'Uživatel chce...'
• Vzhled + Interakce
9

10. User-Centered Design Process
Footnote position, 12 pts. 10

11. User-centered product: iPhone
11

12. Současnost: Web Lidí
12

13. Sociální služby a aplikace
• Využití sociálního kontextu uživatele
• 1. vyšší kvalita poskytované služby (document-
share)
• 2. nový druh služeb (del.icio.us, twitter)
• Převážně kolaborativní use-cases
13

14. Co je to Sociální kontext
• Kdo jsem
> Bohatý uživatelský profil, silná identita
• Koho znám
> Mé kontakty - 'Friends list'
• Kam patřím
> Komunity – focení, auta, politika, ...
• Co dělám
> mé aktivity - upload fotky, nový výlet, rating, ...
14

15. Využití subscription modelu
• Tzv. 'News Feed' na facebooku
• Sledování na základě vzájemného vztahu
> jak lidí, tak obsahu
> implicitní - automatické
> explicitní - vyvolané uživatelem
• Asynchronní komunikace
• On-demand příjem zpráv
• Posiluje participaci uživatelů, nutí uživatele se
vracet
15

16. Facebook News Feed
16

17. “Sociální síť by měla být
(a bude) všude. Stane se
komoditou,
protokolem...”
17

18. “...základem pro další
aplikace a služby”
18

19. Jak stavět sociální aplikace a služby
Přístup, komponenty
19

20. Použitelnost = základ úspěchu
• Nápady má každý -> záleží na realizaci
• Sociální aplikace = pokrytí mnohdy složitých
mezilidských interakcí
> Humanitní obory součást SW vývoje?
• User-centered design (!!) - co nejlepší porozumění
uživatelům
• Příklad špatného designu = Facebook Beacon
> Podzim 2007
> Zkažené Vánoce
20

21. Komponenta: Profilová stránka
21

22. Vzužití subscription modelu
• Umožněte lidem 'sledovat' ostatní i obsah
> tam, kde to má smysl
• Activity feed = startovací stránka
• Uživatel je 'v obraze'
22

23. Budování uživatelských komunit
• Člověk je druh společenský
• Sdružování kolem zájmů, aktivit...
> Komunita fotografů architektury na flickr.com
> Komunita fandů aut Honda na ning.com
> Komunita java programátorů
• Systém hodnot
> Člověk je také soutěživý
> Kdo je 'nejlepší fotograf'? Která je 'nejlepší fotografie'?
• Lidé milují hierarchie – jsou prostě všude
> v jaké firmě pracujete vy ? ;-)
23

24. Příklad systému hodnot: CEQ
• Community Equity – Jdeme Open Source!!
Contribution Equity CQ Participation Equity PQ
Attachments Blogs Rate Comments
Personal Equity PEQ
=
CEpedia IP Re-use Tags
CQ+PQ+SQ+RQ
Skills Equity SQ Role Equity RQ
Formal
Enterprise Skills -Ambassadors
Business
Skills Tags -PE
-CT
Informal
Skills -CEpedia
Rating
Training CEQ=CQ(PEQs)+SQ(PEQs) Projects
-adHoc
24
-Tiger teams

25. Budoucnost je JASNÁ
... rozhodně tedy světlá, uvidíme kudy to půjde ;-)
25

26. Social Web přišel, zatímco
jsme čekali na
Sémantický Web
26

27. Co je to Sémantický Web?
• Web Dnes: Web dokumentů
> hyperlink slouží navigaci
• Web Zítra: Web významů
> hyperlink vyjadřuje vztah
• Stroj částečně rozumí významu informací na Webu
• Kdo definuje a udžuje významy?
> Komunity postavené na social netu!!
27

28. Web lidí je nutná, nikoliv
postačující, podmínka
Sémantického Webu
28

29. Úkol pro budoucnost: Metadata
• Dat máme dost, teď se v nich jen vyznat
• Sledování aktivit uživatelů
> A následná derivace metadat
> Špatně: Boj twitteru proti spamu (Léto 2008)
• Všechno má svůj význam
> Cokoliv, co uživatel dělá
• Vkládání metadat lidi otravuje -> zapojení do jejich
přirozeného workflow
• Tagujete? Budujete ontologie?
29

30. Typy metadat ve vaší aplikaci
• Stars - ratings -> kvalita
• Tags - klíčová slova -> folksonomy
• Attention - clicks, views, downloads...
• Text - Komentáře
30

31. Díky za pozornost!
Josef Holý
Josef.Holy@Sun.COM
http://www.subject.cz/josef