January 2013

Our original calendar design had usability issues - we received feedback via UserVoice that users did not know how to change the pay period. By working closely with PM and developers, I quickly designed a new calendar.

 

Techniques: mockups, assets


Old Calendar

Users would often tap on the calendar to edit the pay period but nothing would happen. To change the pay period, users had to tap the input fields but this was not obvious.

IMG_0057.PNG

Iterations

I iterated through various visual designs based on calendars in flight and travel apps.

New Calendar

Tapping the graphic selects the start date for that pay period. The selected period of time depends on the pay frequency field.