iCompliment
A Novel Social Experience
Purpose + Design Opportunity
Competitors
What’s already been done?
Our Process
Step 1:
Paper Prototype
Step 2:
Wireframes
Feedback:
Step 3:
Class User Testing
“You should implement a Global Navigation.”
“The ‘back’ arrows are confusing to use.”
“I would rather interact with friends than strangers.”
Step 4:
Design Iteration
Original:
Current:
New!
Step 5:
User Testing
Feedback
“It reduces the message to simple human-human appreciation.”
“ I would compliment strangers to their face if that wasn't considered weird or uncomfortable.“
“We should give compliments to each other more often!”
“It was a nice little pick me up during finals!”
Wireframing
Wireframes - Iteration #1
LOADING
Sign-Up
Basic Info
Homepage
Inbox
Notification
Map
Girl Profile
Guy Profile
Corgi :)
Message
Send (Girl)
Send (Guy)
Sent!
User Modals
Main
Level 1
Level 2
Pop-ups
Reactions
Loading
Basic Info
Sign-Up
Girl Profile
Corgi :)
Guy Profile
Homepage
Inbox
Messages
Notification
Map
Pop-Ups
User Modals
Reactions
Send (Girl)
Send (Guy)
Sent!
Wireframes - Iteration #2
LOADING
Sign-Up
Basic Info
Homepage
Inbox
Notification
Map
Corgi :)
Message
Send (Girl)
Send (Guy)
Sent!
User Modals
Main
Level 1
Level 2
Pop-ups
Reactions
Home
Contact
Flagging
Changes
1). Global Navigation Bar across all wireframe pages
2). Settings Options
3). Flagging System
Loading
Basic Info
Sign-Up
Corgi :)
Contact
Homepage
Send (Guy)
Map
Send (Girl)
Notification
Pop-Ups
Sent!
Inbox
Message
Pop-ups
Reactions
Flagging