You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 10 Next »

Scenario

It's Monday morning and Jack just realized that he has been meaning to have lunch with Kate and Bill for a while and they haven't been able to meet up. Jack and Bill work on the same project team, so their availabilities are similar, but because Bill doesn't respond to email frequently (despite the fact that he always has his smartphone with him), Jack has had trouble trying to schedule lunch the day of with Bill. Jack has also had trouble scheduling a lunch with Kate because he doesn't know her availability. Jack would like to have lunch with Kate and Bill sometime this week, the sooner, the better. Jack is able to take a one hour lunch between noon and 2pm on every day except Thursday when he has a conference call with the San Francisco office that lasts until 1:30pm.

In this scenario, Jack needs to create an event and invite Kate and Bill. Kate and Bill need to respond to the event.

Design 1 

Design 2

Storyboard

<insert picture here>

Walkthrough

The first panel (top left) 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 right) 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 left) 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 panel). From the push notification she goes straight to the event page (bottom left). 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.

Design Choices

Learnability - 

Efficiency - 

Safety - 

Other - 

Design 3

  • No labels