Presentation
Download
Report
Transcript Presentation
Fiesta
Casual Online Social Event Planning
Planning Casual Events with
Friends
The Team
James (JJ) Soracco, Bart Knijnenburg,
Gabriel Golcher, Adam Brcka, Chan Seol
The MHCI Capstone Project
• MHCI Project course
– Spring (Part-time)
– Summer (Full-time)
• Our Work
– Employed a variety of usability methods
– Utilized an iterative design cycle
– Developed medium-fidelity prototype
Our Project
• Project sponsor:
• Task
– Develop a social event
planning system
– Target largest possible
user-base
Appreciation
• Clients:
– Jonathan Terleski
– Andrea Knight
– Braden Kowitz
• Special thanks to
– Cathy, Michelle, Michael!
Let’s answer the
question that’s on everyone’s
minds…
What are you doing after
this presentation?
How do we plan this?
• Evite? Facebook events?
• Phone?
• E-mail?
• Face-to-face communication?
• Skobee? Renkoo?
How do we plan this?
Fiesta!
How people plan events
Our research & design process
Spring
Initial Research
•
•
•
•
•
Focus Setting
Literature Review
Competitor Analysis
Google Product Evaluation
Informal Interviews
Milestone:
Development of the event planning spectrum and
a focus on casual events
Event planning spectrum
•
•
•
•
A focus on the Who versus a focus on the What
Most social events are within this space
No strong competitor in this space
A good fit for Google’s playful image
In-depth user-research and initial design
•
•
•
•
Diary Studies
Exploratory Interface Design
System Integration
Contextual Design Models
Milestone:
Identification of six Key Needs
Key Needs
• People need to communicate casual event
details to their friends.
• People need an awareness of current event and
attendee statuses.
• People need to plan casual events
collaboratively.
• People need to negotiate event specifics.
• People need to adapt an event to accommodate
changing plans.
• People need to be able to create events at
different levels of granularity.
Summer
Initial Summer Work
• Define Goal Statement
• Timeline and Tool Models
Milestone:
Moving from problems to solutions and key
opportunities
Help groups of people have an
easier time suggesting and
planning get-togethers in the next
few days so they can focus on
having fun with friends.
Timeline model: what users do
Tool model: what tools people use
Key opportunities
•
•
•
•
•
Help the Decision Process
Mobile Context
Knowledge of Availability
Speed Up Communication
Improve Clarity
Overview of Summer Research
and Design Process
•
•
•
•
•
•
Concept Validation
Information Architecture
Wireframe Designs and Scenario Walkthroughs
Paper Prototype and Think-Alouds
High-Fidelity Mock-ups
Interactive Flash Prototype and Think-Alouds
Milestone:
Fiesta!
Concept validation
Ask for availability (1/2)
Brad is wasting time and decides to
check his Gmail. He see's something
in Gmail that says 'Ask if your friends
are free' and clicks it.
A dialog box opens with the message
'Do you want to do something tonight'
and Brad is given the option of who to
send the message to.
Brad decides it would be nice to do
something tonight with his friends so
he chooses his friends Dave and
Andrew and sends them the message.
Concept validation
Highlights from the results
• As expected, event details are very
important
• Mobile features are a valuable addition
• Other solutions were often a bit too formal,
natural communication was preferred
Information Architecture
• Integration in Gmail
• System architecture
decided
• Interface Screens
Wireframe Designs and Scenario Walkthroughs
• Deciding on several
implementation alternatives
Wireframe Designs and Scenario Walkthroughs
• After these tests, we could confidently solidify
our designs
Paper prototype and Think-Alouds
• Testing the system without implementation
effort
Paper prototype and Think-Alouds
Highlights from the results
• Improved design and interactions
• No radical changes, our overall concept is
good!
High-Fidelity Mock-ups
• Solidify designs for implementation
Interactive Flash Prototype and Think-alouds
• Test with our digital prototype that
looks like Gmail
• Smooth out any remaining usability issues
How Fiesta works…
Overview of the Fiesta system
• Integration in Gmail and other Google
products
• Communication Area, Suggestions, and
Event Details
• The initiator and invitees can plan an
event collaboratively
• Fiesta users can interact with Fiesta in a
mobile context
Integration points
• Many benefits to
integrating
• The system “lives” in
Gmail
• Has touch-points in
other Google
products
Gmail inbox and events page
Gmail inbox and events page
• Seamless integration
• Dedicated Events
page
• Distinct icon
• Create new or based
on email
Event view layout
Event view layout
• Clean layout, clarity of
information
• Planning and
communication area
• Decision and detail
area
Initiator versus Invitee
Communication area
Communication area
• Central area for
communication
• Real-time chat
• Organized history
of event
Suggestions
Suggestions
• Distinguishes
Suggestions from the
rest of chat
• Initiators want friends’
input
• Suggestions are kept in
context
Event details
Event details
• Lets people know
what decisions the
group has made
• Details can have
varying levels of
granularity
• Important information
all in one place
Who widget and attendance status
Who widget and attendance status
Who widget and attendance status
Who widget and attendance status
• Let everyone know
whether or not you’re
coming
• See everyone’s status
at a glance
• Invite all of your
friends!
What field
What field
• Indicates activity
Where field
Where field
• Supports a
description and a
street address (Maps)
When field
When field
• Supports vague
and specific
times
• Integration with
Google
Calendar
Don’t forget field
Don’t forget field
• Sunscreen, ID,
tickets, swimming
suit, tooth brush, your
dancing shoes,
flashlights, BYOB,
food, Dave is driving,
make those
PowerPoint slides
funnier, to have fun!
Non-Gmail users
Non-Gmail users
• Includes everyone!
(with an email
address)
• Exposes more people
to the Google
experience
Receiving updates
• Events in Gmail behave like threaded emails
• Non-Gmail users get email updates when event
details are changed
• Users can change the frequency and modality of
the updates they receive
Reminders
Reminders
• Includes current event
details
• Automatically set for
the group
• Editable per person
Mobile features
• Group SMS
• Directions
• Can get event
updates and
reminders
John sends:
Attendees receive:
Hey guys, I
have no
drinks, plz
BYOB!
Hey guys, I
have no
drinks, plz
BYOB!
BYOB!
press
send SMS
Message Sent
with Google
Message sent
with Google
events by
John (412728-1472)
John receives:
Message sent!
Ben is attending but we
don’t have
his number.
He didn’t get
the message.
Okay!
Call Ben
Hey Ben, please bring your
own drinks!
No piñatas were harmed creating this presentation