1. Team Flux created a paper prototype of Griot, an interactive family scrapbook made of flexible, touch-responsive pages that can record memories like photos, videos, and audio and share them with other family members. 2. They tested the prototype's features such as taking photos, recording video and audio, tagging people, writing captions, playing media, and searching by conducting tests with subjects and observing their reactions and interactions. 3. The tests showed that subjects were able to intuitively use features like taking a photo after seeing the camera interface and playing back their recorded audio, but were confused by some aspects like tagging friends without social network integration and page navigation.

1. 1
I561 Visual Thinking, Meaning & Form in HCI/d
Team Flux
Behavioral Prototypes
h c
i d
Eli Blevis, Associate Professor of Informatics
Gopinaath Kannabiran, Associate Instructor
Sam Tian Xia, Associate Instructor
Thai Yue, Mentor
HCI/d Program
School of Informatics & Computing
Indiana University, Bloomington IN USA
SPRING 2014| Version 1.0 I561
INFO-I 561 MEANING AND FORM IN HCI (3 CR)
22095 RSTR 06:00P-09:00P W I2 150

2. 2
Project Nine
Behavioral Prototypes
Team Flux: Time & Temporal Organization Systems
Prototype
Griot is an interactive family scrapbook made of flexible,
touch-responsive OLED “pages”. Griot can be used to record
mementoes — photos, videos, audio — or receive them from
other devices (such as phones, laptops). It not only displays
these, but also links these with dates, places, notes, news
articles, popular culture, name meanings, national/cultural
symbols, other family relationships and events. As mementoes
are added, Griot automatically updates Griot scrapbooks of
remote family members. Older mementoes and pages will look
aged over time, an environmental cue as to when items were
added.
The prototype was made primarily from paper and a binder. An
iPhone was used to simulate the audio recording and playback,
and video playback. It was built to test the following features:
• Taking a photo
• Recording a video
• Recording an audio
• Tagging people in recordings/photos
• Writing captions
• Playing a video
• Playing recorded audio
• Searching people by name, or content by date
• Viewing family tree
• Loading more pages

3. 3
Project Nine
Behavioral Prototypes
Team Flux: Time & Temporal Organization Systems
Process
• Create paper prototype
• Conduct pilot test
• Conduct test with cameras focusing on subject’s actions and body language/reactions
At left: pilot test; at right: test location set-up; the designated video camera (top-left) was focused on the subject’s actions; the
designated photo camera (bottom-left) was focused on the subject’s reactions.

4. 4
Project Nine
Behavioral Prototypes
Team Flux: Time & Temporal Organization Systems
Results — Taking a Photo
Since our subject was looking at a paper prototype with
sample photos she was not sure if she was going to just view
the existing samples or if she could also make changes. Once
we placed the camera interface on the page, she realized she
could actually take photos with the album.
Upper Photo: Subject’s reaction
Lower Photo: Subject’s action

5. 5
Project Nine
Behavioral Prototypes
Team Flux: Time & Temporal Organization Systems
Results — Recording a Video
Since she just took a photo, it was quite easy for her to figure
out how to record a video.
Upper Photo: Subject’s reaction
Lower Photo: Subject’s action

6. 6
Project Nine
Behavioral Prototypes
Team Flux: Time & Temporal Organization Systems
Results — Recording Audio
Since she took a photo, figuring out how to record wasn’t
difficult for her. She started a self introduction with the audio
recording, typed in caption, and then saved it.
Upper Photo: Subject’s reaction
Lower Photo: Subject’s action

7. 7
Project Nine
Behavioral Prototypes
Team Flux: Time & Temporal Organization Systems
Results — Tagging People in Recordings/Photos
She noticed there were green squares on the recording
interface, but since she didn’t know if the device connected
to a social network she was not sure if she could tag all her
friends.
Upper Photo: Subject’s reaction
Lower Photo: Subject’s action

8. 8
Project Nine
Behavioral Prototypes
Team Flux: Time & Temporal Organization Systems
Results — Writing Captions
Once a picture was taken, she noticed the caption section, and
she hit the “Save” icon after typing the caption.
Upper Photo: Subject’s reaction
Lower Photo: Subject’s action

9. 9
Project Nine
Behavioral Prototypes
Team Flux: Time & Temporal Organization Systems
Results — Playing a Video
She pressed the play icon on a video, and a prepared video we
stored on the iPhone was played, she found it was interesting.
Upper Photo: Subject’s reaction
Lower Photo: Subject’s action

10. 10
Project Nine
Behavioral Prototypes
Team Flux: Time & Temporal Organization Systems
Results —Playing Recorded Audio
We played the audio she just recorded when she pressed the
play audio icon, and she was very happy with this function.
Upper Photo: Subject’s reaction
Lower Photo: Subject’s action

11. 11
Project Nine
Behavioral Prototypes
Team Flux: Time & Temporal Organization Systems
Results — Searching People by Name, or Content by Date
She understood the search function, but was a little bit
confused about the page navigation function.
Upper Photo: Subject’s reaction
Lower Photo: Subject’s action

12. 12
Project Nine
Behavioral Prototypes
Team Flux: Time & Temporal Organization Systems
Results —Viewing Family Tree
She thought if she clicked on the thumbnails, more photos of a
particular person will show up.
Upper Photo: Subject’s reaction
Lower Photo: Subject’s action

13. 13
Project Nine
Behavioral Prototypes
Team Flux: Time & Temporal Organization Systems
Results — Loading More Pages
When she reached the last page, she pressed the “Load More
Pages” button. After the pages were loaded, she flipped the
pages back as instructed. She understood she could now
see the rest of the album by flipping pages in the opposite
direction.
Upper Photo: Subject’s reaction
Lower Photo: Subject’s action