s ocial a lbum
DESCRIPTION
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 - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/1.jpg)
1
Social Album
台大資工所,郭子豪Advisor : Bing-Yu Chen
Communications and Multimedia Lab.National Taiwan University
Utilizing Social Network to Visualize Co-event Albums
![Page 2: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/2.jpg)
2
Outline
• Introduction• Idea• Social Album Design• Evaluation• Discussion• Conclusion
![Page 3: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/3.jpg)
3
Outline
• Introduction– Observation– Prior User Study
• Idea• Social Album Design• Evaluation• Discussion• Conclusion
![Page 4: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/4.jpg)
4
OBSERVATION
![Page 5: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/5.jpg)
5
![Page 6: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/6.jpg)
6
Co-event Album
![Page 7: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/7.jpg)
7
Co-event
![Page 8: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/8.jpg)
8
![Page 9: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/9.jpg)
9
![Page 10: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/10.jpg)
10
Gather…?Organize…?
![Page 11: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/11.jpg)
11
Browse…?
![Page 12: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/12.jpg)
12
![Page 13: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/13.jpg)
13
PRIOR USER STUDY
Field StudyInterview
![Page 14: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/14.jpg)
14
Prior User Study
Field StudyGoal: Confirm the observation of observations.
Result: • Lost of co-event
albums on the web.• Tagging is an common
practice.
InterviewGoal:Interaction between users and co-event albums.
Result:The lifecycle of co-event albums.
![Page 15: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/15.jpg)
15
Lifecycle of co-event albums
• Create• Gather• Organize • Browse• Share• Update
Understanding Photoware, David Kirk et al., CHI06
![Page 16: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/16.jpg)
16
Conclusion
Social Need• Tag• Share• Update
Recollective Need• Create• Gather• Organize• Browse
![Page 17: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/17.jpg)
17
Conclusion
Social Need• Tag• Share• Update
Recollective Need• Create• Gather• Organize• Browse
![Page 18: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/18.jpg)
18
Design Guidelines
1. Make it easy to collect co-event albums.2. Facilitate the experience of browsing merged co-
event albums.3. Filter the results while sharing and displaying.4. Let users easily update their friends' activities.
![Page 19: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/19.jpg)
21
Design Guidelines
1. Make it easy to collect co-event albums.2. Facilitate the experience of browsing merged co-
event albums.3. Filter the results while sharing and displaying.4. Let users easily update their friends' activities.
GatherRecollective Need
![Page 20: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/20.jpg)
22
Design Guidelines
1. Make it easy to collect co-event albums.2. Facilitate the experience of browsing
merged co-event albums.3. Filter the results while sharing and displaying.4. Let users easily update their friends' activities.
BrowseRecollective Need
![Page 21: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/21.jpg)
23
Design Guidelines
1. Make it easy to collect co-event albums.2. Facilitate the experience of browsing merged co-
event albums.3. Filter the results while sharing and
displaying.4. Let users easily update their friends' activities.
ShareSocial Need
![Page 22: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/22.jpg)
24
Design Guidelines
1. Make it easy to collect co-event albums.2. Facilitate the experience of browsing merged co-
event albums.3. Filter the results while sharing and displaying.4. Let users easily update their friends'
activities.
UpdateSocial Need
![Page 23: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/23.jpg)
25
Outline
• Introduction• Idea• Social Album Design• Evaluation• Discussion• Conclusion
![Page 24: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/24.jpg)
26
Co-Event
![Page 25: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/25.jpg)
27
Create
Gather
Organize
Browse
Share
Update
Co-Event
![Page 26: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/26.jpg)
28
Create
Gather
Organize
Browse
Share
Update
Co-Event
![Page 27: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/27.jpg)
29
Crea
teGa
ther
Orga
nize
Brow
seSh
are
Upda
te
Create Gather
Organize
Browse Share Update
Create
Gather
Organize
Browse
Share
Update
Co-Event
![Page 28: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/28.jpg)
30
Crea
te
Gath
erOr
ganiz
eBr
owse
Shar
eUp
date
Create Gather
Organize
Browse Share Update
Create
Gather
Organize
Browse
Share
Update
Co-Event
Create
Gather
Organize
Browse
Share
UpdateCreate
Gather
Organize
Browse
Share
Update
CreateGatherOrganize
BrowseShare
Update
Co-Event
![Page 29: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/29.jpg)
31
![Page 30: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/30.jpg)
32
![Page 31: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/31.jpg)
33
![Page 32: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/32.jpg)
34
![Page 33: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/33.jpg)
36
Outline
• Introduction• Idea• Social Album Design• Evaluation• Discussion• Conclusion
![Page 34: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/34.jpg)
37
Conclusion
Social Need• Tag• Share• Update
Recollective Need• Create• Gather• Organize• Browse
![Page 35: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/35.jpg)
38
Social Album
Indexing View Browsing View
![Page 36: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/36.jpg)
39
Social Album
![Page 37: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/37.jpg)
40
Indexing View
![Page 38: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/38.jpg)
41
Navigation Bar
![Page 39: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/39.jpg)
42
Friend List
![Page 40: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/40.jpg)
43
Function Panel
![Page 41: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/41.jpg)
44
Indexing Panel
![Page 42: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/42.jpg)
45
Time Line
![Page 43: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/43.jpg)
46
Visualization
![Page 44: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/44.jpg)
Sites as Albums
47
(a)
(b)
(c)
(d)
![Page 45: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/45.jpg)
48
Tracks as People
Event A Event B
(b)
(c)
(a)
![Page 46: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/46.jpg)
49
Layout
• Grid layout (Orthogonal layout)
On the effects of viewing cues in comprehending distortions, Zanella, NodiCHI02
![Page 47: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/47.jpg)
50
Layout
• Grid layout (Orthogonal)
• Straight main-track
![Page 48: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/48.jpg)
51
Layout
• Grid layout (Orthogonal)
• Straight main-track
• Tracks arrangement
![Page 49: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/49.jpg)
52
Track Analyzer
Most Sites
![Page 50: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/50.jpg)
53
Track Analyzer
Most Intersections
![Page 51: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/51.jpg)
54
Track Analyzer
![Page 52: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/52.jpg)
55
Track Analyzer
• Reduce interactions– Reduce cross of tracks.
• Interactions as Intimacy
–
–
Filter the results while sharing and displaying
Design Guideline
Let users easily update their friends' activities
Design Guideline
![Page 53: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/53.jpg)
56
Scalability
• 7 tracks only.
The magical number seven, plus or minus two, Miller, The Psychological Review 1956.
![Page 54: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/54.jpg)
57
Scalability
• 7 tracks only.
• Coloring.
![Page 55: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/55.jpg)
58
Scalability
• 7 tracks only.
• Coloring.
• Filtering.
![Page 56: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/56.jpg)
59
Filtering
Filter
![Page 57: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/57.jpg)
60
Co-event
Merge by tagging
Merge by manual(with Album Recommendation)
![Page 58: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/58.jpg)
61
Co-event
Merge by manual(with Album Recommendation)
Merge by tagging
Make it easy to collect co-event albumsDesign Guideline
![Page 59: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/59.jpg)
62
Co-event
Hover
![Page 60: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/60.jpg)
63
Browsing Album
Single Album
MergedAlbum
![Page 61: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/61.jpg)
64
Browsing View
![Page 62: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/62.jpg)
65
Problems
• No support for browsing mixed albums.
• Separate Albums• Mixed Albums
– Alignment & Duplication Problems.
![Page 63: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/63.jpg)
66
Grouping Similar Photos
Feature Extracting
Photo GroupingAlbum
PhotosGrouping
Result
![Page 64: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/64.jpg)
69
Grouping Result
![Page 65: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/65.jpg)
70
Merge Co-event Albums
AlbumMerging
Merged Albums Displaying Order
![Page 66: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/66.jpg)
71
AlbumMerging
Merged Albums Displaying Order
![Page 67: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/67.jpg)
72
AlbumMerging
Merged Albums Displaying Order
![Page 68: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/68.jpg)
73
AlbumMerging
Merged Albums Displaying Order
![Page 69: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/69.jpg)
74
A B C
D E F
A B
C D
1 21 32
AlbumMerging
Merged Albums Displaying Order
![Page 70: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/70.jpg)
75
Browsing View
Facilitate the experience of browsing merged co-event albums.
Design Guideline
Feature Extracting
Photo GroupingAlbum
PhotosGrouping
Result
AlbumMerging
Merged Albums Displaying Order
![Page 71: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/71.jpg)
76
Editing View
![Page 72: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/72.jpg)
77
![Page 73: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/73.jpg)
78
facebook GRAPH APISocial Album Database
Social Album Server Social Album Client
Indexing View
Browsing View
Editing View
Photo Analyzer
Album Analyzer
Track Analyzer
Social Album
![Page 74: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/74.jpg)
79
Users’ Needs
Social Need• Share• Update
Recollective Need• Gather• Organize• Browse
![Page 75: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/75.jpg)
80
Outline
• Introduction• Idea• Social Album Design• Evaluation
– Quantitative User Study– Qualitative User Study
• Discussion• Conclusion
![Page 76: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/76.jpg)
81
Quantitative User Study
Watching Condition
Album 1(5 events)
Album 2(5 events)
Grouping Merging
1 V V2 V V V V3 V V
• Test the group and merge algorithms (the browse part of Recollective need)
• 22 participants.
![Page 77: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/77.jpg)
82
Quantitative User Study
• While running photo grouping with similar photos, though total presented photos are lowered down, the gained information still increased.
• The information of our merging result is not less than the naïve merging result.
![Page 78: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/78.jpg)
83
Qualitative User Study
• Test the indexing view.– Understanding how Social Album can
help the Social Need.
• 6 people.
![Page 79: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/79.jpg)
84
Qualitative User Study
• 4: easily update information happened on friends.
• 1: easy to describe friends’ events.• 6: appreciate the design of filtering
algorithm.
• Most of them appreciate the grouping similar photos design.
![Page 80: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/80.jpg)
85
Outline
• Introduction• Idea• Social Album Design• Evaluation• Discussion
– Limitation– Generalization– Future Work
• Conclusion
![Page 81: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/81.jpg)
86
LIMITATIONThe scalability of visualization
![Page 82: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/82.jpg)
87
Limitation
Time Line
# of Tracks
![Page 83: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/83.jpg)
88
GENERALIZATIONOther social data : time + participants
![Page 84: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/84.jpg)
89
![Page 85: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/85.jpg)
90
![Page 86: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/86.jpg)
91
![Page 87: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/87.jpg)
92
FUTURE WORKS
![Page 88: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/88.jpg)
93
Future Works
• System– Zoom in/out mechanism.
• Evaluation– More focus on the social and recollective
needs.
![Page 89: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/89.jpg)
96
Outline
• Introduction• Idea• Social Album Design• Evaluation• Discussion• Conclusion
![Page 90: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/90.jpg)
97
Conclusion
• From Prior User Study:– The life cycle of co-event albums.– Design Guidelines.
• Social Album– browsing co-event albums– easily update their friends’ activities.
![Page 91: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/91.jpg)
98
DEMOhttp://www.cmlab.csie.ntu.edu.tw/~socialalbum
![Page 92: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/92.jpg)
99
Q & A
![Page 93: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/93.jpg)
100
Thanks you.
![Page 94: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/94.jpg)
101
RELATED WORKS
Multi-user PhotowaresPhotoware based on Social Network Social Network Visualization
![Page 95: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/95.jpg)
102
MULTI-USER PHOTOWARES
![Page 96: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/96.jpg)
103
![Page 97: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/97.jpg)
104
![Page 98: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/98.jpg)
105
![Page 99: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/99.jpg)
106
![Page 100: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/100.jpg)
107
PHOTOWARES BASED ON SN
![Page 101: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/101.jpg)
108
![Page 102: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/102.jpg)
109
![Page 103: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/103.jpg)
110
![Page 104: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/104.jpg)
111
![Page 105: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/105.jpg)
112
SOCIAL NETWORK VISUALIZATION
![Page 106: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/106.jpg)
113
![Page 107: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/107.jpg)
114
PRIOR USER STUDY
Field StudyInterview
![Page 108: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/108.jpg)
115
Field Study
Co-event albums# of samples At least one More than half
facebook 55 45 (82%) 41 (75%)Flickr 22 21 (95%) 17 (77%)Picasa 15 15 (100%) 15 (100%)
![Page 109: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/109.jpg)
116
Field Study
Co-event albums# of samples At least one More than half
facebook 55 45 (82%) 41 (75%)Flickr 22 21 (95%) 17 (77%)Picasa 15 15 (100%) 15 (100%)
Tagged co-event albums# of samples At least one More than half
facebook 45 37 (82%) 25 (56%)
![Page 110: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/110.jpg)
117
Field Study
Co-event albumsThe major portion of the shared web albums online are related to co-event.
Tagged co-event albumsTagging Photos is an common practice while sharing co-event albums.
![Page 111: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/111.jpg)
118
Lifecycle of co-event albums
• Creating• Gathering• Organizing • Browsing• Sharing• Updating
Understanding Photoware, David Kirk et al., CHI06
![Page 112: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/112.jpg)
119
Interview
• 9 people ( 3 men, 6 women )• 21 ~ 30 years old.• All are familiar with web albums.• All have their own cameras.• All usually take pictures in events.
![Page 113: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/113.jpg)
120
Questions
• What do you usually take picture with? Why?• How do you gather the co-event photos from others?
Do you have any trouble?• How do you organize the gathered photos?
Do you have any trouble while browsing them?• Will you share your photo albums to your friends
actively? How?• Will you actively browse your friends’ albums?
Co-Event
![Page 114: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/114.jpg)
121
Creating
• Take photos by their own cameras which are their own view angles.
• Reasons– As memory– As document
Create
Co-Event
![Page 115: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/115.jpg)
122
Gathering
• It’s hard to completely collect all.
• Channel: – Email / Instant Messenger– FTP / Portable Disk– Web Albums
Create
Gather
Co-Event
![Page 116: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/116.jpg)
123
Organizing
• Hierarchical Folder to keep photographer information.
• Date + Event Name– Photographer 1– Photographer 2– Photographer 3– … Create
Gather
Organize
Co-Event
![Page 117: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/117.jpg)
124
Browsing
• No support for browsing mixed albums.
• Separate Albums• Mixed Albums
– Alignment & Duplication Problems.
Create
Gather
Organize
Browse
Co-Event
![Page 118: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/118.jpg)
125
Sharing
• The relationship influence the willing to sharing.
• 67% interviewees share albums actively.
• Most share to their acquaintances.
• Most gather co-event albums actively.
Create
Gather
Organize
Browse
Share
Co-Event
![Page 119: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/119.jpg)
126
Updating
• The relationship influence the willing to updating, too.
• Most people are willing to check friends’ albums actively.
• Most people are interested to albums they joined personally or albums joined by their friends. Create
Gather
Organize
Browse
Share
Update
Co-Event
![Page 120: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/120.jpg)
127
Conclusion
Social Need• Co-event albums• Tagging Photos• Share• Update
Recollective Need• Create• Gather• Organize• Browse
![Page 121: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/121.jpg)
128
Design Guidelines
1. Make it easy to collect co-event albums.2. Facilitate the experience of browsing merged co-
event albums.3. Let users easily update their friends' activities.4. Filter the results while sharing and displaying.5. Make the system embed into the social network
service.
![Page 122: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/122.jpg)
131
Design Guidelines
1. Make it easy to collect co-event albums.2. Facilitate the experience of browsing merged co-
event albums.3. Let users easily update their friends' activities.4. Filter the results while sharing and displaying.5. Make the system embed into the social network
service.
![Page 123: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/123.jpg)
132
Design Guidelines
1. Make it easy to collect co-event albums.2. Facilitate the experience of browsing
merged co-event albums.3. Let users easily update their friends' activities.4. Filter the results while sharing and displaying.5. Make the system embed into the social network
service.
![Page 124: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/124.jpg)
133
Design Guidelines
1. Make it easy to collect co-event albums.2. Facilitate the experience of browsing merged co-
event albums.3. Let users easily update their friends'
activities.4. Filter the results while sharing and displaying.5. Make the system embed into the social network
service.
![Page 125: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/125.jpg)
134
Design Guidelines
1. Make it easy to collect co-event albums.2. Facilitate the experience of browsing merged co-
event albums.3. Let users easily update their friends' activities.4. Filter the results while sharing and
displaying.5. Make the system embed into the social network
service.
![Page 126: S ocial A lbum](https://reader030.vdocuments.pub/reader030/viewer/2022012919/568160d8550346895dd0090b/html5/thumbnails/126.jpg)
135
Design Guidelines
1. Make it easy to collect co-event albums.2. Facilitate the experience of browsing merged co-
event albums.3. Let users easily update their friends' activities.4. Filter the results while sharing and displaying.5. Make the system embed into the social
network service.