AMXメーカーMXD-1001-Pの使用説明書/サービス説明書
ページ先へ移動 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.
デバイスAMX MXD-1001-Pの購入後に（又は購入する前であっても）重要なポイントは、説明書をよく読むことです。その単純な理由はいくつかあります：
AMX MXD-1001-Pをまだ購入していないなら、この製品の基本情報を理解する良い機会です。まずは上にある説明書の最初のページをご覧ください。そこにはAMX MXD-1001-Pの技術情報の概要が記載されているはずです。デバイスがあなたのニーズを満たすかどうかは、ここで確認しましょう。AMX MXD-1001-Pの取扱説明書の次のページをよく読むことにより、製品の全機能やその取り扱いに関する情報を知ることができます。AMX MXD-1001-Pで得られた情報は、きっとあなたの購入の決断を手助けしてくれることでしょう。
AMX MXD-1001-Pを既にお持ちだが、まだ読んでいない場合は、上記の理由によりそれを行うべきです。そうすることにより機能を適切に使用しているか、又はAMX MXD-1001-Pの不適切な取り扱いによりその寿命を短くする危険を犯していないかどうかを知ることができます。
ですが、ユーザガイドが果たす重要な役割の一つは、AMX MXD-1001-Pに関する問題の解決を支援することです。そこにはほとんどの場合、トラブルシューティング、すなわちAMX MXD-1001-Pデバイスで最もよく起こりうる故障・不良とそれらの対処法についてのアドバイスを見つけることができるはずです。たとえ問題を解決できなかった場合でも、説明書にはカスタマー・サービスセンター又は最寄りのサービスセンターへの問い合わせ先等、次の対処法についての指示があるはずです。
