Anji Ren's profile

Zhift: Shift Scheduler (Low-Fidelity Wireframes)

For a Node/AngularJS lab class at MIT, I did the UI + UX for a small group (3 other developers and me) project called Zhift. Because the project spanned only a couple of weeks, the design needed to be pinned down fast, with little time for iteration. Using low-fidelity wireframes, I captured the end-to-end flow for users with different roles using our hypothetical application (which we built a skeleton of using Node and AngularJS later).

Zhift provides a centralized interface for an organization with 1) part-timers working in discrete time intervals and 2) multiple part-timers fulfilling identical roles to schedule and manage shifts. An example of this may be a restaurant with waiters and waitresses, or a reception desk with desk workers. A desk worker may have regular shifts that they come in for from week to week, but also may need to give up their shift(s) in a particular week due to other priorities, or they may be more free in a particular week and able to cover another desk worker's shift(s).

The main interface for a part-timer is a calendar in which they can see time blocks and their availabilities. In the same interface, they are able to surrender a shift they are assigned to, swap shifts with another employee, or claim an unclaimed shift.
The manager's interface gives the same calendar overview but also lets them create or delete repeating shifts, and additional screens to manage other users.
Zhift: Shift Scheduler (Low-Fidelity Wireframes)
Published:

Zhift: Shift Scheduler (Low-Fidelity Wireframes)

Published:

Creative Fields