...
Design 2
Storyboard
Overall Design
Figures
| | | | |
Figure 1: Initial event creation | Figure 2: Scheduling event | Figure 3: Inviting people | Figure 4: Overall events | Figure 5: Accept/Decline event |
Walkthrough
The first panel (top leftfigure 1) shows the initial step of creating an event. The application has two input textboxes. The first textbox allows the user to input the title of the event. In our case Jack wants to create a lunch event with his two friends. So he enters the title Lunch and puts in a little description in the next textbox so his friends can get a better description of what the event is. After Jack is done entering the initial details of the events, he can press the lower arrow or swipe the screen to get to the next page.
The next screen (top rightfigure 2) allows Jack to schedule the event. He has the option to choose the date and length of the time by manipulating the scroll wheels that allow you to quickly change numbers. After finding an appropriate date, the schedule of that date is displayed horizontally. The events that are already confirmed and scheduled by Jack will show up as boxes with the title name of it. He can click on any of the boxes to see a modal popup with more details of the event. The horizontal calendar will also shade in areas that can fit the length of the current event trying to be scheduled. Jack can then simply press anywhere on the map and drag that press to highlight acceptable ranges for the event. The dragging start and stop positions will be the range that he chose. He can highlight multiple ranges throughout the calendar. Jack can also zoom in and out or move the calendar left/right by pinching the calendar with two fingers. If Jack wants to add special settings to the event (like make the event recurse every Tuesday) then he can press the advanced settings option in the top right corner. After selecting appropriate ranges then he can go to the next page by swiping or selecting the button.
The next screen (middle leftfigure 3) shows the invitation page. In this page Jack searches for users to invite by typing a name in the autocomplete textbox. As soon as you choose a name it gets added to the list. The list of contacts can come from the phonebook or some other predefined list. Jack is now done and the invitations will be sent Kate and Bill.
Kate now gets a push notification from the application stating that someone has invited her to an event. She can see an overview of the events she hasn't replied to and those that she has (middle right panelfigure 4). From the push notification she goes straight to the event page (bottom leftfigure 5). In here she sees her own schedule on the horizontal calendar as well as the shaded areas of proposed times from Bill. She can click on the shaded area to highlight it and say that she can attend the event at that proposed time. If she can't attend any or doesn't want to reply to it, she can press any of the buttons below.
...