1 / 126

S ocial A lbum

S ocial A lbum. Utilizing Social Network to Visualize Co-event Albums. 台大資工所,郭子豪 Advisor : Bing-Yu Chen Communication s and Multimedia Lab . National Taiwan University. Outline . Introduction Idea Social Album Design Evaluation Discussion Conclusion. Outline . Introduction

wattan
Download Presentation

S ocial A lbum

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  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

  5. Co-eventAlbum

  6. Co-event

  7. Gather…? Organize…?

  8. Browse…?

  9. FieldStudy Interview Prior User Study

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

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

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

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

  14. 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.

  15. 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

  16. 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

  17. 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

  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. SocialNeed Update

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

  20. Co-Event

  21. Update Share Browse Organize Gather Create Co-Event

  22. Update Share Browse Organize Gather Create Co-Event

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

  24. 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

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

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

  27. Social Album IndexingView BrowsingView

  28. SocialAlbum

  29. IndexingView

  30. NavigationBar

  31. FriendList

  32. FunctionPanel

  33. IndexingPanel

  34. TimeLine

  35. Visualization

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

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

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

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

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

  41. TrackAnalyzer Most Sites

  42. TrackAnalyzer Most Intersections

More Related