1_1软件交互设计.pptVIP

UI设计规范 数据输入 数据输入遵循的界面设计规则： 尽量减少用户输入动作的数量； 应对键盘和鼠标输入的灵活性提供支持； 对输入数据进行正确性校验； 让用户控制交互流，可跳过不必要的动作，改变动作 的顺序，在不退出系统的情况下从错误状态中恢复。 消除冗余输入，提供缺省值，绝不要让用户计算和填 写可自动获取或计算出来的数据。 联创软件学院 61 UI设计规范 预防错误 在系统设计中可以合理限制用户的操作， 预防错误现象的发生。 例如：把某些按钮或菜单选项设 置为灰色，无法点击，把用户活动 限制在允许范围内，无法进行不正 确操作，错误就不会发生。 联创软件学院 62 UI设计规范 出错信息和警告 用户操作出现问题时系统应给出出错信息和警告，遵 循的界面设计规则： 信息以用户可以理解的术语描述； 信息应提供如何从错误中恢复的建设性意见； 信息应指出错误可能导致那些不良后果，以便用户检查 是否出现了这些情况或帮助用户进行改正； 信息应伴随视觉的提示，如特殊图像颜色或信息闪烁； 信息不能带有判断色彩，即任何情况下不能指责用户。 屏幕上冷冰冰地出现一行文字： “由于类型2错误，本程序意外终止”。 联创软件学院 63 UI设计规范 常见提示信息 常见的提示信息遵循的界面设计规则： 当操作会带来严重后果时，默认按钮为“否“； 当操作会带来一定后果时，默认按钮为“否“； 当需征求操作者意愿时，默认按钮为“是“ 。 软件人员经常编写出“劣 质”的消息框，措词生硬、 幼稚、蹩脚，甚至有文字 、语法错误；消息文本、 图形标志和命令按钮在语 义上不一致。 联创软件学院 64 第五章 UI设计评估 联创软件学院 65 UI设计评估 当你辛辛苦苦做完UI设计后，有 时候可能心里没底。这时验证设计 质量，能够事先发现和解决一些问 题，从而避免在正式的测试和评估 中漏洞百出，招人笑话。 软件行业很少发生这样的场景：用户热切地握着 开发人员的手，连声称赞“你们开发的软件真是好 用、真是漂亮啊”。我们看到的大多是相反的场景： 用户满腹牢骚，开发人员垂头丧气。 联创软件学院 66 UI设计评估 评审时经常发现的缺陷 1、同一页面包含重复功能的链接或按钮 2、将复选框用作单选按钮 3、无初始值的多选一设置 4、在非开/关设置中使用复选框 5、用文本框显示只读数据 6、单选按钮之间间隔太大 7、属性标记对齐方式不一致 8、当前无效的控件不充分置灰 9、显示对用户无意义的错误提示 10、不同的类型页面窗口显示相同的标题 11、窗口的标题和调用的命令不一致 联创软件学院 67 UI设计评估 评审时经常发现的缺陷 12、要求用户输入随机数 13、相似的功能却有不一致的用户操作界面 14、取消按钮无法实现真正取消操作 15、返回按钮不能达到预期的目的 16、搜索选项过多，过度复杂 17、需要向下滚动才能看到当前页的重要信息 18、图片按钮对鼠标按下操作没有视觉变化 19、无意义的虚假进度条 20、执行长时间的任务时，鼠标指针不显示成忙状态 21、不考虑用户可能的人为的错误输入 22、盲目错误的使用页面模块化设计 联创软件学院 68 练习：软件界面的分析与改进 要求：任选以下五个软件界面中的一张 图片，找出这个软件界面设计上存在的 不足，并对此界面设计提出改进建议。 联创软件学院 69 软件界面一 联创软件学院 70 软件界面二 联创软件学院 71 软件界面三 联创软件学院 72 软件界面四 联创软件学院 73 软件界面五 联创软件学院 74 Thanks 联创软件学院 75 人员意识上的误区 认为用户能够适应所有的情况 有些人坚信，只要软件提供足够的功能，用户就 能学会使用。但一个潜在用户会不顾用户界面的糟 糕状况，只是为了产品功能而购买产品，这种逻辑 是错误的。 如果竞争者的产品更加容易使用，也提供相似的 功能。不管什么原因，只要用户觉得你的产品“有点 讨厌”，他们就不会去购买和使用你的产品。 谁受到了损失？不是用户，而是你自己。 联创软件学院 30 人员意识上的误区 资源不足时可以放弃用户界面设计 有些产品经理在预算紧张、资源不足或时间进 度很紧的情况下，认为只能“挑重要的事情来做”， 而用户界面这种“不太重要”的事情可以放在一边。 用户界面不是产品的一种特性，而是超越了产 品的所有特性，可以决定每一个特性的好坏，进 而决定了整个产品的好坏。 一个无有效用户界面的产品就像一个没有窗户 和门的仓库：货物就在里面，但没有人能拿到。 联创软件学院 31 常见的UI设计缺陷