S ocial A lbum

1. SocialAlbum Utilizing Social Network to Visualize Co-event Albums 台大資工所，郭子豪 Advisor : Bing-Yu Chen Communicationsand Multimedia Lab. NationalTaiwanUniversity

2. Outline • Introduction • Idea • SocialAlbumDesign • Evaluation • Discussion • Conclusion

3. Outline • Introduction • Observation • PriorUserStudy • Idea • SocialAlbumDesign • Evaluation • Discussion • Conclusion

4. observation

6. Co-eventAlbum

7. Co-event

10. Gather…? Organize…?

11. Browse…?

13. FieldStudy Interview Prior User Study

14. PriorUserStudy FieldStudy Interview Goal: Interactionbetweenusersandco-eventalbums. Result: Thelifecycleofco-eventalbums. Goal:Confirmtheobservation ofobservations. Result: • Lostofco-eventalbumsontheweb. • Taggingisancommonpractice.

15. Lifecycleofco-eventalbums • Create • Gather • Organize • Browse • Share • Update UnderstandingPhotoware,DavidKirketal.,CHI06

16. Conclusion SocialNeed RecollectiveNeed Create Gather Organize Browse • Tag • Share • Update

17. Conclusion SocialNeed RecollectiveNeed Create Gather Organize Browse • Tag • Share • Update

18. DesignGuidelines • Make it easy to collect co-event albums. • Facilitate the experience of browsing merged co-event albums. • Filter the results while sharing and displaying. • Let users easily update their friends' activities.

19. DesignGuidelines • Make it easy to collect co-event albums. • Facilitate the experience of browsing merged co-event albums. • Filter the results while sharing and displaying. • Let users easily update their friends' activities. RecollectiveNeed Gather

20. DesignGuidelines • Make it easy to collect co-event albums. • Facilitate the experience of browsing merged co-event albums. • Filter the results while sharing and displaying. • Let users easily update their friends' activities. RecollectiveNeed Browse

21. DesignGuidelines • Make it easy to collect co-event albums. • Facilitate the experience of browsing merged co-event albums. • Filter the results while sharing and displaying. • Let users easily update their friends' activities. SocialNeed Share

22. DesignGuidelines • Make it easy to collect co-event albums. • Facilitate the experience of browsing merged co-event albums. • Filter the results while sharing and displaying. • Let users easily update their friends' activities. SocialNeed Update

23. Outline • Introduction • Idea • SocialAlbumDesign • Evaluation • Discussion • Conclusion

24. Co-Event

25. Update Share Browse Organize Gather Create Co-Event

26. Update Share Browse Organize Gather Create Co-Event

27. Update Update Update Share Share Share Browse Browse Browse Co-Event Organize Organize Organize Gather Gather Gather Create Create Create

28. Update Share Browse Update Update Update Update Organize Gather Share Share Share Share Create Co-Event Browse Browse Browse Browse Update Share Organize Organize Organize Organize Browse Gather Gather Gather Gather Organize Gather Create Create Create Create Create Co-Event

33. Outline • Introduction • Idea • SocialAlbumDesign • Evaluation • Discussion • Conclusion

34. Conclusion SocialNeed RecollectiveNeed Create Gather Organize Browse • Tag • Share • Update

35. Social Album IndexingView BrowsingView

36. SocialAlbum

37. IndexingView

38. NavigationBar

39. FriendList

40. FunctionPanel

41. IndexingPanel

42. TimeLine

43. Visualization

44. SitesasAlbums (b) (a) (c) (d)

45. TracksasPeople Event A Event B (a) (b) (c)

46. Layout • Gridlayout(Orthogonal layout) On the effects of viewing cues in comprehendingdistortions,Zanella,NodiCHI02

47. Layout • Gridlayout(Orthogonal) • Straightmain-track

48. Layout • Gridlayout(Orthogonal) • Straightmain-track • Tracksarrangement

49. TrackAnalyzer Most Sites

50. TrackAnalyzer Most Intersections