Support Center

About the user interface

Abstract

Quetzal has a simple and intuitive user interface, that's packed with functionality. Its primary features are divided into four (4) main screens, and has a few pads and pop over panels to support a rich and powerful business tool.

Quetzal philosophy

Quetzal is designed to give you a sense of place. When you select a screen to move into, an authentication pad whizzes in. It doesn't just appear, it actually animates in from just off the edge of the display. And when you're finished with it, it slides right back to where it came from. This gives you the sense that it isn't just coming from nowhere, but it's always safely stowed out of the way, off to the side, ready for use when it's needed. The screen you selected then zooms up to fill the whole display. And when you minimize the screen, it zooms right back down into the quadrant it came from. Everything on the miniature version of the screen is still active, and you'll see updates to it happening in real time.

And Quetzal was built for a global market. With one touch of the globe, you can choose a different language, and the entire user interface will be translated, in place, right before your eyes.

Screens, pads, tabs and pop over panels

The Quetzal main screen starts with a header bar.

This tells you the name of the organization, as well as the name of the location that this iPad is currently associated with. On the left is the Quetzal logo, and on the right is the Log Out button, the Support Center button and the Languages button.

The Logout Button will log you out of all sceens and return you back to the Access Pad. This is useful for logging out of the system at the end of the day.

The Support Center button will bring up the Support Center website (the same one you're reading now) into a popup window for reference without having to leave the Quetzal app.

the Languages button will display a dropdown list from which you can choose a new language to change to. To change back to your original language, simply re-select the original language from the dropdown.

The rest of the display shows four (4) labelled quadrants known as screens.

Pads are like mini screens that slide in and out from the left side of the display. They are shown above the screens and you are required to interact with them when they appear. Pads are mostly used for some form of authentication.

The access pad is presented when the application is first launched so that you can unlock the software and download your data from Quetzal's cloud system.

Each screen, when minimized, shows a lock icon to indicate if a user is currently authenticated for that screen.

This screen is currently locked.

When you select a locked screen, you will need to authenticate in order to unlock the screen before it can be used. The terminal screen will present a PIN based authentication pad, which is known as the PIN pad.

Each of the other screens, administration, management and reports, will present a pad which requires you to put in the email address and password for your user account. This is known as the authorization pad.

The terminal screen requires that you supply a PIN each time you try to maximize it. When the terminal screen is minimized, its lock icon will immediately indicate that it is locked. However, each of the other screens will remain authenticated for up to nine (9) minutes after the screen is minimized. This makes it convenient to quickly navigate between screens without needing to reauthenticate between each screen change.

The authenticated status is indicated by the lock icon being open. A green ring around the open lock counts down showing you how much time there is left before it will automatically lock itself. When there are ten (10) seconds remaining, the ring color will turn red. You can press directly on the lock icon at any time to cause that screen to lock immediately.

When a screen is maximized, its left most edge shows a series of tabs. One tab sticks out slightly and its text is darkened to help identify it as the selected tab. Switching between these tabs moves you between major subsections of the screen, doing so never requires you to reauthenticate.

Press the home button to minimize this screen and go back to the bird's eye view.

Within some screens Quetzal makes use of a user interface known as a pop over panel. These often appear as the result of a button press, and have an arrow which connects the panel to the button or control which caused it to appear. These panels are temporary overlays, and close themselves automatically by pressing anywhere on the interface outside of the panel itself.

For futher information about the roll of each screen, you can start with the primary screens overview.