670 likes | 793 Vues
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
E N D
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!
How do we plan this? Evite? Facebook events? Phone? E-mail? Face-to-face communication? Skobee? Renkoo?
How people plan events Our research & design process
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.
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.
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
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 Seamless integration Dedicated Events page Distinct icon Create new or based on email
Event view layout Clean layout, clarity of information Planning and communication area Decision and detail area
Communication area Central area for communication Real-time chat Organized history of event
Suggestions Distinguishes Suggestions from the rest of chat Initiators want friends’ input Suggestions are kept in context
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 Let everyone know whether or not you’re coming See everyone’s status at a glance Invite all of your friends!