1 / 65

Fiesta

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

chione
Télécharger la présentation

Fiesta

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  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!

More Related