Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Design

Image Added
Home screen

Image Added
Event metadata

Image Added
Time selector

Image Added
Time selector with times
selected

Image Added
Time selector and clear
all button

Image Added
Invite screen

Image Added
My events screen shows
events you've created

Image Added
Incoming events shows
events you've been
invited to

Image Added
Respond to an incoming
invitation

 

 

 

Our final design uses consistent colors and widgets to achieve a native feel on a phone.

Important design decisions that were influenced by paper prototyping and the UI evaluations were the time selector screen and our use of color. The largest change in our design from the prototype to the final iteration is the behavior of the time selector. It now moves continuously instead of discretely. This makes the experience smoother and makes the user feel like they have more control over the widget.

We now use only 2 colors in the interface, blue and green. These colors are used in buttons and in the time widget and their meaning is consistent. Blue means selected but not confirmed or submitted, and green means confirm or submit.

Implementation

The following section describes our implementation details for MashCal.

...