Fiesta

1. Fiesta Casual Online Social Event Planning Planning Casual Events with Friends

2. The Team James (JJ) Soracco, Bart Knijnenburg, Gabriel Golcher, Adam Brcka, Chan Seol

3. 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

4. Our Project • Project sponsor: • Task • Develop a social event planning system • Target largest possible user-base

5. Appreciation • Clients: • Jonathan Terleski • Andrea Knight • Braden Kowitz • Special thanks to • Cathy, Michelle, Michael!

6. Let’s answer the question that’s on everyone’s minds…

7. What are you doing after this presentation?

8. How do we plan this? Evite? Facebook events? Phone? E-mail? Face-to-face communication? Skobee? Renkoo?

9. How do we plan this?

10. Fiesta!

11. How people plan events Our research & design process

12. Spring

13. 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

14. 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

15. In-depth user-research and initial design Diary Studies Exploratory Interface Design System Integration Contextual Design Models Milestone: Identification of six Key Needs

16. 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.

17. Summer

18. Initial Summer Work Define Goal Statement Timeline and Tool Models Milestone: Moving from problems to solutions and key opportunities

19. 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.

20. Timeline model: what users do

21. Tool model: what tools people use

22. Key opportunities Help the Decision Process Mobile Context Knowledge of Availability Speed Up Communication Improve Clarity

23. 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!

24. 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.

25. 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

26. Information Architecture Integration in Gmail System architecture decided Interface Screens

27. Wireframe Designs and Scenario Walkthroughs Deciding on several implementation alternatives

28. Wireframe Designs and Scenario Walkthroughs After these tests, we could confidently solidify our designs

29. Paper prototype and Think-Alouds Testing the system without implementation effort

30. Paper prototype and Think-Alouds Highlights from the results Improved design and interactions No radical changes, our overall concept is good!

31. High-Fidelity Mock-ups Solidify designs for implementation

32. Interactive Flash Prototype and Think-alouds Test with our digital prototype that looks like Gmail Smooth out any remaining usability issues

33. How Fiesta works…

34. 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

35. Integration points Many benefits to integrating The system “lives” in Gmail Has touch-points in other Google products

36. Gmail inbox and events page

37. Gmail inbox and events page Seamless integration Dedicated Events page Distinct icon Create new or based on email

38. Event view layout

39. Event view layout Clean layout, clarity of information Planning and communication area Decision and detail area

40. Initiator versus Invitee

41. Communication area

42. Communication area Central area for communication Real-time chat Organized history of event

43. Suggestions

44. Suggestions Distinguishes Suggestions from the rest of chat Initiators want friends’ input Suggestions are kept in context

45. Event details

46. Event details Lets people know what decisions the group has made Details can have varying levels of granularity Important information all in one place

47. Who widget and attendance status

48. Who widget and attendance status

49. Who widget and attendance status

50. 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!