Hi-fi Mockup

task 1 & 2

Register and onboard as a new user. Then manually add a Take5 Break onto your schedule.

Register & onboard

Add a Take5 Break

Reschedule Take5 Break

Complete Take5 Break

task 4

Decline a meeting invitation, then accept a meeting invitation.

Decline meeting

Accept meeting

task 3

Reschedule a Take5 break, then complete a Take5 break.

task 5 & 6

Create a meeting invitation, then locate your dashboard.

Create meeting invitation

Locate dashboard

We recruited 5 participants with various occupational backgrounds who fit the target user requirements and conducted a round of remote moderated usability tests.

goals

user testing insights

The purpose of the plus icon was unclear to users

While onboarding, our users stated that it was unclear on whether they were required to tap the small plus icon to add their current break preferences or if it was to add an additional break line. In addition to being small, the plus icon lacked clarity to its use.

Reworking the visual hierarchy on form-heavy pages

Our users indicated that the attendee notification box overshadowed the rest of the form below it, making it easy to overlook.

Unfamiliar features need to be explained in an easily digestible way

When creating a meeting, the idea of providing transparency on how attendees can call-in was foreign to the users. We observed that users were unsure what “Call-in options” meant despite there being a tooltip present. Users preferred to see an explanation on screen rather than making an effort to expand an explanation.

Usability Tests

Iterations

Clarification on Plus icon

  • The plus icon posed to be a point of confusion for several users. In addition to being small, users were unsure of its purpose.
  • Final: Adding two additional rows as the default state allows users to quickly understand that they are not confined to just one input row. By adding an explanation next to the plus icon, it provides a clear outcome for the user.
Zoom In
Click anywhere to minimize image.

Unbalanced Visual Hierarchy

  • The user’s focus would be shifted as soon as the attendee notification was present causing the content below the notification to be overlooked
  • users mentioned that “call-in options” were unclear and ambiguous
  • Final: By adjusting the visual hierarchy and placing the “Invite attendees” section just above the CTA, this would ensure the user’s focus is not interrupted by the notification. By renaming the section to “Attendee video options”, this provides context on what the following section would be about. The short explanation below each option allows the user to quickly understand what the switches signify.
Zoom In
Click anywhere to minimize image.