Specifications

10 | USER INTERFACE
DESIGN GUIDE
• Beginningusersoftenhavedifcultyusingatouchscreen.Forexample,multi-touchgesturesareskillsthatmaytake
time for new users to remember.
• Navigationonatouchpanelcanbedifcultbecauseitrequiresrememberingthehierarchyandpaththeyhave
traveled, which differs from a website with a crumb trail.
• Slidingangerisdifferentfromatapselection,somanybeginningusershavedifcultydistinguishingthesetwo
actions, or they overdo it.
• Beginningusersoftenhavedifcultywithwindowmanagement.Theydonotalwaysrealizethatoverlappingwindows
represent a three-dimensional space. As a result, when a window hides another, a user may assume it no longer exists.
• Advanceduserswantefciency.Thechallengeindesigningforadvancedusersisprovidingefciencywithout 
introducing complexity for less-experienced users. In addition, advanced users may be dependent upon particular
interfaces, making it difficult for them to adapt to significant rearrangement of or changes in an interface.
Document your design. Writing down your design plan not only provides a valuable reference and form of communication,
but often helps make the design more concrete and reveals issues and gaps. If you are in doubt about the appropriate look
and feel for a function or tool, look to the template as a reference for conventions.
Mapping Your Design
The sample Modero X Panoramic template provided by AMX demonstrates core visual concepts to maintain consistent
representation and meaning across the interface. Re-use of existing graphics from the template is encouraged and meets
the current standards and user expectations for icons and metaphors in relation to the general public’s knowledge of touch
interfaces and computing platforms. For projects in which you are altering the template, wireframes and interaction diagrams
are useful tools for pre-planning.
Wireframes are a visual guide that represents the skeletal framework of each screen for the touch panel interface. They
depict page layout and arrangement of the interface content. Wireframes can be as simple as sketches or created using a
digital tool such as Microsoft Visio
TM
. The focus of wireframes can include:
• Informationtobedisplayedoneachpage
• Rangeoffunctionsavailable
• Propertiesoftheinformationandfunctions
• Rulesfordisplayinginformation
• Effectsofdifferentscenariosontheinterface