Solving problems with prototypes #1 - Calendar

Often we need to create simple mid-fidelity prototypes to solve problems and test usability. I think I will share more shots like this, that focus on functionality.

THE PROBLEM Users must be able to: • Select multiple date ranges as well as single dates. • Date ranges must be able to overlap with each other • View all dates previously selected

CONCERNS • Too many dates could create a messy calendar • Once a date has been selected it there must be a way to select it again.

THE SOLUTION • Greyed out next button ensures at least one date/date-range has been entered before moving on. • Dates/date-ranges selected must be confirmed with the “Enter” button, once at least one date/date-range has been entered the user can choose to add another or move on to the next screen. • Each dates/date-range entered is cleared from the calendar and will appear as a tag at the bottom of the screen. • Tapping a date/ date range at the bottom of the screen will delete it.