Find the best time across different timezones
problem

When working in a big corporate company with offices from many different countries, we are bound to schedule calls with team mates from a different time zone. It is at everyone’s best interest to find a favourably convienient timing for all parties to hold the meeting.


Often times, in many scheduling applications such as outlook, it does not show the current time of people from different time zones. You will have to check the time difference in a separate window, do the conversion and go back to outlook to find the best time.



current flow


Switching back and forth within different windows is tedious and time inefficient when trying to schedule with people from many different time zone.

solution

Eliminate Switching

To make this process truly seamless, we have to eliminate the need to switch windows to perform another functionality.

Built-in time converter

The root cause of switching windows is because the user is unfamiliar with time zone difference and thus have to search for it on Google.

With a built-in time converter, users can instantly tell if the timing is suitable for team mates from different

design process

An interface is usually filled with lots of information. It is easy to lose track of the required elements needed for each screen. For efficiency and planning, my strategy before starting to design an User Interface is to always list out what is needed.

This helps me to fulfilll the requirements of the screen while at the same time also helps to organize my thoughts and design effectively.

This is broken down into 3 categories namely, Elements, States and Actions. In the next section I will explain in detail what each section contains and means.

Elements

Elements are the building block of information. Things that falls under this categories are labels, names, titles, photos and etc.

Elements can be broken down into specific feature for better organisation.

Lastly, elements that are important are prioritised to be given a heavier weight. These are in bold.

  • General
  • Page title
  • Sender’s Photo
  • Sender’s Name
  • Sender’s role (organiser)
  • Date of meeting
  • Time of meeting
  • Converter
  • Every User’s Photo
  • Every User’s Name
  • Every Time zone name
  • Time, every hour
  • No. of people per time zone
  • Meetings block
  • Availability of user at time slot
States

Meeting Blocks

Active Meeting Periods

  • Font weight and color when period is active
  • Night view of period background to quickly indicate night tine.
actions

Change Dates & Time

Add Participants

Night View

In my initial design, each period block are consistent and users have to look at the numerical time to make judgement. The labels for 9am and 9pm looks vastly similar but they represent day and night. As most meetings happen in the day, to help users quickly visualize the status of each timezone at a glance, I added a night view to show that it is night time so the organiser can make a quick judgement if they still want to hold the meeting at night.

Inspiration

Moonphase Watch

In the watchmaking world, the moonphase indicator and its many complexities underneath is considered to be a mark of horogical advancement.

It is artistically represented on a watch dial with the main purpose of evoking emotion that comes from the wakefulness of the day and consciousness of glimmering night skies.

Application

While impractical in the watchmaking world from a cost/complicaton perspective, I took inspiration of its visual intricasies and gave it a practical use of providing users with a clear indicator of night time that is intuitive at first glance, while preserving its original purpose of being timelessly romantic.

Conclusion

Schedulling should not be difficult. With this implementation, it will increase the productivity of people and also reduce the room for any conversion errors.