Aaron Fleishman ● Kate Jia ● Alison Murphy
Penn State EDSGN 597D project
PROJECT OBJECTIVES
User Experience Improvements
Recommendations & Ratings
Social Network Integration
OBSERVATIONS
Important to consider scalability and customizability due to users’ sheer volume of media and their already existing personalized systems. [Sease & McDonald, 2011]
RELATED WORKS
Media Organization
Users prefer specific objects to serve as
“anchors for conversations” in their
social media experience. [McCarthy, 2011]
RELATED WORKS
Social Media
Recommendations
Users want their recommendation system to be
as “one-click” as possible. [Gannes et al., 2011]
RELATED WORKS
USER EXPERIENCE STUDIES
5 participants with
minimal instructions
+ Liked colors
+ Logical organization
+ Centralized media
- More color options
- Difficulty navigating
- Privacy concerns
USABILITY TESTING
11 participants
8 male, 3 female
Create Playlist & Rate
View Facebook Photo
Watch Video
USABILITY TEST RESULTS
“The color and the UI are great.
Very simple.”
“What I like best about it, is the utility of the app itself. It’s nice to have all of this within one app”
USABILITY EXPERIENCE
USABILITY TEST RESULTS
“It was really intuitive to me, it showed the 5 stars from the onset. I didn’t have to go through a hoop to get to that.”
“I'm not a big rater.
I've never rated anything, ever.”
PERSPECTIVES ON RATING MEDIA
USABILITY TEST RESULTS
“If I really want to go to check out my Facebook pictures, I’ll just go and use the Facebook app.”
"I think a share function would be great for the player. Share it on Facebook, on Twitter, on�anything else."
INTEGRATION WITH SOCIAL MEDIA
USABILITY TEST RESULTS
“It was just a nightmare trying to add songs to the playlist”
“Ok, I'm hoping to find some easy thing, like 'add to playlist' or something from the options. Cause I have no idea what to do from here.”
DIFFICULTY WITH PLAYLIST CREATION
USABILITY TEST RESULTS
Task | p-value |
Easy to rate songs | 0.023 |
Easy to play the next song | 0.032 |
Easy to view Facebook photos | 0.041 |
Search intuitively | 0.013 |
Fast forward | 0.004 |
USABILITY TEST RESULTS
Task | Minimum # Clicks | Median Participant # Clicks |
Create playlist | 7 | 16 |
Add songs to playlist | 8 | 15 |
Play song | 1 | 1 |
Rate song | 1 | 1 |
Move to next song | 1 | 1 |
Play all songs rated 4 or more | 5 | 5 |
Login to Facebook | 5 | 9 |
Find photo from Facebook | 3 | 5 |
Search for video | 4 | 5.5 |
Fast-forward video | 2 | 2 |
Adjust volume in 2 ways | 2 | 6 |
Task | Minimum # Clicks | Median Participant # Clicks |
Create playlist | 7 | 16 |
Add songs to playlist | 8 | 15 |
Play song | 1 | 1 |
Rate song | 1 | 1 |
Move to next song | 1 | 1 |
Play all songs rated 4 or more | 5 | 5 |
Login to Facebook | 5 | 9 |
Find photo from Facebook | 3 | 5 |
Search for video | 4 | 5.5 |
Fast-forward video | 2 | 2 |
Adjust volume in 2 ways | 2 | 6 |
Wilcoxon Signed Rank Test p > 0.001
User Experience Improvements
Playlist Creation &
Instruction Overlays
PROTOTYPE
Recommendations & Ratings
Social Network Integration
Recommendations &
Tagging
Sharing Media
PROTOTYPE BRAINSTORMING
LOW-FIDELITY PROTOTYPE
Create playlist
Tag media
Share media
Recommend new media
Created in Photoshop
2 rounds of testing
8 participants
PROTOTYPE DEMO