Demo Scheduling

An on the go quick mobile booking of computer networking content

Watch the Presentation

Background

A quick content booking calendar

A lot of people like to schedule content from their phones, but the current UI for this is not suitable for mobiles.

There’s a huge need for a simple booking app to quickly find content and schedule it.

Users & Audience

dCloud super users, Sales Engineers, Demo developers

Highly technical individuals who often use APIs to skip the UI by building their own ui with shortcuts or command prompts

Team and Tools

Role
UX Designer

Delivery
Remote

Team
Antony -  UX Designer

Tools
Figma -  Wireframe + UI Design

Scope & Constraints

Deliver in one week. This will mean we skip some steps we'd normally take such as talking to users.

Process

Design

Investigate Analytics

The deadline was extremely short, so we looked at analytics to see how people scheduled from their mobiles and what devices they were using.

  • The iPhone was the most widely used device by a large margin
  • 38% we're using their phones on the scheduling screen
  • Users dropped off after scheduling

Prototyping

First Idea

Book via available slots

User sees available slots in a range of dates/times

User clicks on slot and easily books

Pros / Cons
  • + Fast booking
  • + Intelligent use of available time
  • - People sometimes want to book sessions which are longer than a week in duration
  • - Start times vary based on location
  • - Start times vary based on event duration or class times
  • - Predicting the time slots is difficult

Second Idea

A date and time calendar

Traditional date and time calendar.

User chooses dates and specific times manually.

‍

Pros / Cons
  • + Full freedom of choice for date/time
  • - Long winded
Pros / Cons
  • + Number commands reduce times significantly
  • + Nice to have support agent take over
  • - Need to see interaction

User Journey

Wireframes

Mocked up a clearer version of the second design

Pros / Cons

  • + All screens are clear
  • + Only two screens as time picker overlays the calendar

‍

Visual Design

Visuals designed in Figma using Cisco UI design language as a base

Interactions

Interactions designed in Figma

Enter Calendar

Select Date

Confirm

Outcomes

Thoughts

Time was constrained and this was reflected in design decisions. Had this not been the case, I would have spent time talking to users to understand more about when and how they schedule.

Feedback from users told us they liked the usability of the UI and are impressed by its time saving features

Future

We are currently collecting data on how people use this product, and after processing feedback we will make appropriate changes.

UX DEsign