界面设计基本原则.PPT

界面设计基本原则 鼎利通信研发部 制订并严格遵守标准 产品在开始设计的时候就制定统一的标准，开发过程当中严格遵守，所有开发人员不得随意违反界面准则，产品经理应该负责制定标准 遵循国际标准或者微软的普遍标准 如果不知道怎么界面设计，就请参考Windows和Office 一致性！ 一致性，最重要！一致性包括操作的一致性和界面布局元素的一致性，也包括业务逻辑控制的一致性，文字说明一致性。 操作一致性：如果你可以通过在某个列表框里双击其中一个条目来触发一个事件，那你必须保证在所有的列表框里双击条目都会产生相似的反应。弹出菜单、拖放等等也是一样，包括【OK】按钮在左边和右边都要一致！ 界面布局一致性：所有窗口里的按钮都应该放在同一个位置，按钮标题与提示的措辞应保持一致，还应保持一致的色彩设置。 业务逻辑一致性：例如输入后会立即检查数据有效性，还是在确定的时候检查有效性等等； 名词和术语也要一致。我们的典型问题：每个软件的字段名称都不一样！各个软件随心所欲。 一致性也包括文档的一致性，如说明书、手册与界面一致等等 一致的用户界面会使得使用者建立起关于应用程序工作流程的正确理解，而用户对应用程序工作流程的正确理解会带来更低的训练与支持费用。 典型例子 易用性 按钮名称应该易懂，用词准确，屏弃模糊的字眼，要与同一界面上的其他按钮易于区分，能望文知意最好。 理想的情况是用户不用查阅帮助就能知道该界面的功能并进行相关的正确操作。 布局方式 阅读习惯是从左到右，由上至下。所以你在界面设计中必须遵循从左到右，由上至下的原则 两种常见布局方式都可以，但在同一个软件中一定要统一！ 界面布局必须整齐，看起来不要凌乱，控件对齐是基本要求！ 黄金分割比例，考虑到整个界面的和谐性 界面应该整洁，朴素，不要太花哨 文字标签问题 文字标签要恰当，过多和过少都是问题，内容要准确，指示要合理 文字标签要考虑到将来多语言化的问题，预留足够的长度空间，一般地同样含义的英语的长度比中文长40%~60% 使用适当的字体，注意字符集的问题，例如在Win9x和XP下界面显示不一致 操作方式 操作方式，以普通点击为准，如单击，双击，回车是用户最优先考虑到的，界面操作都应该考虑到这点 弹出菜单操作次之 拖放再次之 右键拖放再次之 辅助键盘特定按键，再加鼠标的，最次之，如按住Ctlr + Alt + 鼠标拖放之类等操作是最隐藏功能的，用户几乎不会用到！ 记住：MAC OS和鼠标，只有一个按键，一样可以搞定所有事情！ 高级的操作特性只能作为方面操作的补充，而不能作为唯一的手段，即用户必定可以通过弹出菜单、点击等来完成相关的操作 恰当的说明 输入特定格式数据时，要在数据输入框附近添加恰当的说明文字 明确含义无歧义 界面的功能和文字说明等，不能有歧义 右边的问题？ Reset Current Page Reset All？ 功能性问题：Reset之后是OK后起作用，还是Cancel后可以取消？ 界面提示 适当的用户界面的标签与消息内容措辞，除的确是行业的专业术语外，尽量不采用缩写 界面提示包括文本标签、Tool Tips等等，建议对一些功能稍微复杂的控件都加上Tool Tips 提示信息必须准确，不要使用模糊的措辞，例如“输入错误”和“没有输入用户名” 合理分组 界面元素合理进行分组，如功能性分组，控件类型分组等等 分组方式：分组线，面板，选项卡，分组框等等 “高级” 对于界面上的功能，不常用的，可以单独折叠起来，用一个“高级”按钮来展开和收拢，降低用户的“复杂”感觉程度，提升亲和力和“易用性”感觉 对话的三阶段 一连串的动作应该被组织成开始、中间、结束三部份。当动作结束的时候，要提供回馈让使用者知道动作已经完成。在做下个一连串的动作之前，先告知使用者整个流程，能够减轻使用者的压力、提高满意度。 合理反馈 鼠标指针状态：忙时、正常、后台等等 界面提示信息文字准确恰当 进度指示准确合理 控件状态：变灰，消失，禁止输入，只读等等 注意指示信息的恢复！使用try finally end/ try catch等处理异常，避免潜在问题 一般方式： UpdateUI(False); Try // Do something…… Finally UpdateUI(True); End; 反馈规则：越频繁的动作，反馈强度越低，越重要越不常用动作反馈强度越大 引导信息 合理和恰当的引导信息，提示用户该怎么去做！ 用户第一反应应该是看得见，摸得着的东西，而不是隐藏起来的 右边对话框有什么问题？ 对话框 对话框不能太多，尤其是对话框中再弹出对话框，层次不要超过7层，一般超过3层已经让用户感觉不好了 流行的方式：多页面方式，而不是弹出对话框，如右图 默认按钮 默认按钮应该是非破坏性的 防止用户误