AMX MXD-701-L Specifiche

Design GuideUSER INTERFACEFEBRUARY 2012

10 | USER INTERFACEDESIGN GUIDE• Beginningusersoftenhavedifcultyusingatouchscreen.Forexample,multi-touchgesturesareskillsthatmayt

11 | USER INTERFACEDESIGN GUIDEInteraction diagrams visualize the sequence of activities within an interface. The flow of actions needed to perform s

12 | USER INTERFACEDESIGN GUIDEother visual elements. The outcome of this ordering affects all of the other composition and organization principles.

13 | USER INTERFACEDESIGN GUIDEa spatial relationship between the button and the list. This helps the user make the connection clearly and quickly j

14 | USER INTERFACEDESIGN GUIDEThe template example demonstrates a 20” Touch Panel. The template is composed of five key functional areas:1. Main To

15 | USER INTERFACEDESIGN GUIDEthe right. Upon beginning an activity, users will naturally look to the right and use their right hand to navigate th

16 | USER INTERFACEDESIGN GUIDEDesigning in the TemplateModero X Series Panoramic Touch Panel displays come in two sizes and two orientations per si

17 | USER INTERFACEDESIGN GUIDEIcons• Iconsarepictorialrepresentationsofobjects.Thetemplateincludesastandardiconsetthatshouldberepu

18 | USER INTERFACEDESIGN GUIDE world objects to represent abstract ideas allows the user to draw from previous learning and experiences. Recollect

19 | USER INTERFACEDESIGN GUIDEFigure 5b: Fully Rendered Icon Set

2 | USER INTERFACEDESIGN GUIDETable of ContentsOverview...

20 | USER INTERFACEDESIGN GUIDEAnimationAnimation can illustrate the operation of a particular tool or reflect a particular state. It can also be use

21 | USER INTERFACEDESIGN GUIDEThe wording you use in your interface is a primary form of communication with the user. Keep text in the user interfa

22 | USER INTERFACEDESIGN GUIDEcause distraction. Special color considerations must be taken into account. Certain colors have specific meanings in t

23 | USER INTERFACEDESIGN GUIDESwatch Element Color OpacityTask and Utility Bars RGB: 24, 24, 24 ; Hex: #181818FFHorizontal Accent Bars RGB: 43,

24 | USER INTERFACEDESIGN GUIDEGeneral Interaction TechniquesGestures and MovementGestural navigation is an ever increasing method utilized across t

25 | USER INTERFACEDESIGN GUIDEMotion DesignMotion design defines how things move on-screen, and is a critical part of an interactive experience. Mot

26 | USER INTERFACEDESIGN GUIDEPutting It All TogetherCreating a good user interface is a compilation of all the principles described thus far. The

27 | USER INTERFACEDESIGN GUIDEChecklist for a Good InterfaceThe following checklist summarizes the information described previously. Use it to help

28 | USER INTERFACEDESIGN GUIDEAppendixWebsite resources:1. http://www.boxesandarrows.com2. http://adaptivepath.com/ideas/blog3. http://www.think

29 | USER INTERFACEDESIGN GUIDE18. Cato, John. User-Centered Web Design. Great Britain: Pearson Education Limited, 200119. Stone, Debbie, Caroline J

3 | USER INTERFACEDESIGN GUIDEReadability and Flow...

4 | USER INTERFACEDESIGN GUIDEOverviewAMX touch panels bridge a relationship between humans and technology, one that unfolds intuitively through th

5 | USER INTERFACEDESIGN GUIDEtask. As part of your design, it is recommended to consider adding help tools that describe tasks in further detail;

6 | USER INTERFACEDESIGN GUIDEinteraction. This can make an interface more complex and cumbersome. Minimal doesn’t mean small, but rather elegant a

7 | USER INTERFACEDESIGN GUIDEinformation about the state of the process and how to cancel the process if that is an option. Nothing is more discon

8 | USER INTERFACEDESIGN GUIDEConsistencyVisuals must be consistent to help the users find their way through an interface. Consistency allows users

9 | USER INTERFACEDESIGN GUIDEDesign MethodologyEffective interface design is more than just following a set of rules. It requires a user-centered