Instruction/ maintenance manual of the product MXD-701-L AMX
Go to page of 29
Design Guide USER INTERF ACE FEBRUAR Y 2012.
2 | USER INTERF ACE DESIGN GUIDE T able of Contents Ove rv iew ............................................................................................................................................................................................
3 | USER INTERF ACE DESIGN GUIDE Re a d a bi l i t y a n d Fl o w............................................................................................................................................................................... 1 3 D im e n s i o na l i t y.
4 | USER INTERF ACE DESIGN GUIDE Overview AMX touc h panel s bridge a re lation shi p between human s and tec hnology , one that unfold s int uit ivel y through the na tural i nput of touch . This rela tions hip i s given space a nd form through the a ttention to desi gn.
5 | USER INTERF ACE DESIGN GUIDE task. As part of your design, it is recommended to consider adding help tools that describe tasks in further detail; however the primary system tasks should be clear and understandable without prior review of any help tools.
6 | USER INTERF ACE DESIGN GUIDE interaction. This can make an interface more complex and cumbersome. Minimal doesn’ t mean small, but rather elegant and simple, so be sure to maintain a pr oper sense of scale to preserve text legibility , the users’ context, and their sense of place in the interface on the whole.
7 | USER INTERF ACE DESIGN GUIDE information about the state of the process and how to cancel the pr ocess if that is an option. Nothing is more disconcerting to users than a “dead” screen that is unr esponsive to input. A typical user will tolerate only a few seconds of an unresponsive interface.
8 | USER INTERF ACE DESIGN GUIDE Consistency Visuals must be consistent to help the users find their way through an interface. Consistency allows users to transfer existing knowledge to new tasks, learn new things more quickly and focus mor e attention on tasks.
9 | USER INTERF ACE DESIGN GUIDE Design Methodology Effective interface design is mor e than just following a set of rules. It requires a user -centered attitude and design methodology . It also requir es early planning of the interface and continued work throughout the development process.
10 | USER INTERF ACE DESIGN GUIDE • Beginningusersoftenhavedifcultyusingatouchscreen.Forexample,multi-touchgestur esareskillsthatmaytake time for new users to remember .
11 | USER INTERF ACE DESIGN GUIDE Interaction diagrams visualize the sequence of activities within an interface. The flow of actions needed to perform specific tasks is documented to ensure all needed functions ar e made available within the interface.
12 | USER INTERF ACE DESIGN GUIDE other visual elements. The outcome of this ordering af fects all of the other composition and organization principles. It also determines which information a user sees first and what a user is encouraged to do first.
13 | USER INTERF ACE DESIGN GUIDE a spatial relationship between the button and the list. This helps the user make the connection clearly and quickly just by looking at the placement. Readability and Flow This principle calls for ideas to be communicated directly and simply with minimal visual interfer ence.
14 | USER INTERF ACE DESIGN GUIDE The template example demonstrates a 20” T ouch Panel. The template is composed of five key functional ar eas: 1. Main T ouch Panel Contr ol Bar 2.
15 | USER INTERF ACE DESIGN GUIDE the right. Upon beginning an activity , users will naturally look to the right and use their right hand to navigate this area. The T ask Bar fills the bottom of the scr een and includes high level functions for specific devices that are accessible to the system.
16 | USER INTERF ACE DESIGN GUIDE Designing in the T emplate Modero X Series Panoramic T ouch Panel displays come in two sizes and two orientations per size: • 20.3”Landscape:18.7”x7.8”(475mmx198mm),1920x800pixels • 20.
17 | USER INTERF ACE DESIGN GUIDE Icons • Iconsarepictorialr epresentationsofobjects.Thetemplateincludesastandardiconsetthatshouldber epurposed for iterations of your interfaces. Icon states are the r esult of an action taken.
18 | USER INTERF ACE DESIGN GUIDE world objects to repr esent abstract ideas allows the user to draw from previous learning and experiences. Recollection is created by designing icons to be simple and distinct, and by using them consistently to build r ecognition.
19 | USER INTERF ACE DESIGN GUIDE Figure 5b: Fully Rendered Icon S et.
20 | USER INTERF ACE DESIGN GUIDE Animation Animation can illustrate the operation of a particular tool or reflect a particular state. It can also be used to include an element of fun in your interface. Y ou can use animation effects for objects within a window and interface elements, such as icons and buttons.
21 | USER INTERF ACE DESIGN GUIDE The wording you use in your interface is a primary form of communication with the user . Keep text in the user interface as brief as possible, usability studies indicate that users are mor e likely to read short blocks of text than long ones.
22 | USER INTERF ACE DESIGN GUIDE cause distraction. Special color considerations must be taken into account. Certain colors have specific meanings in the real world, and those meanings must be adhered to.
23 | USER INTERF ACE DESIGN GUIDE Swatch Element Color Opacity T ask and Utility Bars RGB: 24, 24, 24 ; Hex: #181818FF Horizontal Accent Bars RGB: 43, 43, 43 ; Hex: #2B2B2BFF V ertical Accent Bars (T .
24 | USER INTERF ACE DESIGN GUIDE General Interaction T echniques Gestures and Movement Gestural navigation is an ever increasing method utilized acr oss technology platforms today .
25 | USER INTERF ACE DESIGN GUIDE Motion Design Motion design defines how things move on-screen, and is a critical part of an interactive experience. Motion design should never be gratuitous; animations always support the content and the experience as a whole.
26 | USER INTERF ACE DESIGN GUIDE Putting It All T ogether Creating a good user interface is a compilation of all the principles described thus far . The following scenario describes an activity flow demonstrating use of color , navigation, motion and status in the appropriate template ar eas.
27 | USER INTERF ACE DESIGN GUIDE Checklist for a Good Interface The following checklist summarizes the information described previously . Use it to help you confirm that your interface is designed to provide the best user experience: • T asksar eeasilyaccessedandstartedinaminimumnumberofsteps.
28 | USER INTERF ACE DESIGN GUIDE Appendix W ebsite resour ces: 1. http://www .boxesandarrows.com 2. http://adaptivepath.com/ideas/blog 3. http://www .thinkingandmaking.com/ 4. http://www .uie.com/brainsparks/ 5. http://bokar do.com/ 6. http://findability .
29 | USER INTERF ACE DESIGN GUIDE 18. Cato, John. User -Centered Web Design. Gr eat Britain: Pearson Education Limited, 2001 19. Stone, Debbie, Caroline Jarrett, Mark W oodroffe, Shailey Minocha. User Interface Design and Evaluation. California: Morgan Kaufmann, 2005 20.
An important point after buying a device AMX MXD-701-L (or even before the purchase) is to read its user manual. We should do this for several simple reasons:
If you have not bought AMX MXD-701-L yet, this is a good time to familiarize yourself with the basic data on the product. First of all view first pages of the manual, you can find above. You should find there the most important technical data AMX MXD-701-L - thus you can check whether the hardware meets your expectations. When delving into next pages of the user manual, AMX MXD-701-L you will learn all the available features of the product, as well as information on its operation. The information that you get AMX MXD-701-L will certainly help you make a decision on the purchase.
If you already are a holder of AMX MXD-701-L, but have not read the manual yet, you should do it for the reasons described above. You will learn then if you properly used the available features, and whether you have not made any mistakes, which can shorten the lifetime AMX MXD-701-L.
However, one of the most important roles played by the user manual is to help in solving problems with AMX MXD-701-L. Almost always you will find there Troubleshooting, which are the most frequently occurring failures and malfunctions of the device AMX MXD-701-L along with tips on how to solve them. Even if you fail to solve the problem, the manual will show you a further procedure – contact to the customer service center or the nearest service center
