A project in which I designed a time interface for NYC subway screens. This interface is about displaying worldwide time zones, giving users the ability to select specific locations and compare them, with an interactive visualization (world map).
I designed the entire interface, including the look (typefaces/color scheme), the layout, all icons, and functions (user-flow). Created using Adobe InDesign.
HOME SCREEN (screen 1)
SIDEBAR MENU (screen 2)
The home screen displays the local time (NYC) and a list of other cities, on the right-hand side, organized from East to West, which the user can scroll through. The menu sidebar can be opened by clicking on the blue tab on the left-hand side. It includes a home button, a map/search button, a calculator button, and a toggle display.
The toggle display gives the user the option to view the time in digits (X:XX), as seen on screen 1, or by the traditional clock, screen 2.
The map/search button will take you to the following screens (below), where there is a map sectioned into the different time zones (approximate), and the user is able to search for any city either by typing, scrolling, or filtering by letter. Another interactive method is to select a bar on the map that indicates a certain time zone (as seen in screen 4) and the locations within that time zone will automatically be retrieved in a list.
Screen 3
Screen 4
Once a city is selected, the screen will display the local time in NYC and the selected location beneath it, as seen on screen 5.
Screen 5
Screen 6
The third menu button (Calculator) is a function that will allow the user to compare a base location to up to three locations. The user must enter the base location (ex: NYC), and then put in the desired time and then insert the other location(s), and the matching time will be calculated automatically (screen 7 & 8)
In the digit display (screen 7) the user can change the time using the arrow keys above and below the digits, and in the clock display (screen 8) the user can drag the hands of the clock to the desired time.
Screen 7
Screen 8
