Manuale d’uso / di manutenzione del prodotto MXD-701-P del fabbricante AMX
Vai alla pagina 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.
Un punto importante, dopo l’acquisto del dispositivo (o anche prima di acquisto) è quello di leggere il manuale. Dobbiamo farlo per diversi motivi semplici:
Se non hai ancora comprato il AMX MXD-701-P è un buon momento per familiarizzare con i dati di base del prodotto. Prime consultare le pagine iniziali del manuale d’uso, che si trova al di sopra. Dovresti trovare lì i dati tecnici più importanti del AMX MXD-701-P - in questo modo è possibile verificare se l’apparecchio soddisfa le tue esigenze. Esplorando le pagine segenti del manuali d’uso AMX MXD-701-P imparerai tutte le caratteristiche del prodotto e le informazioni sul suo funzionamento. Le informazioni sul AMX MXD-701-P ti aiuteranno sicuramente a prendere una decisione relativa all’acquisto.
In una situazione in cui hai già il AMX MXD-701-P, ma non hai ancora letto il manuale d’uso, dovresti farlo per le ragioni sopra descritte. Saprai quindi se hai correttamente usato le funzioni disponibili, e se hai commesso errori che possono ridurre la durata di vita del AMX MXD-701-P.
Tuttavia, uno dei ruoli più importanti per l’utente svolti dal manuale d’uso è quello di aiutare a risolvere i problemi con il AMX MXD-701-P. Quasi sempre, ci troverai Troubleshooting, cioè i guasti più frequenti e malfunzionamenti del dispositivo AMX MXD-701-P insieme con le istruzioni su come risolverli. Anche se non si riesci a risolvere il problema, il manuale d’uso ti mostrerà il percorso di ulteriori procedimenti – il contatto con il centro servizio clienti o il servizio più vicino.
