金星-手机平台应用开发 手机平台应用开发-交互设计补充.pptVIP

手机平台应用开发——交互设计补充 教师：金星 Tel 2 内容 用户研究和设计 用户研究 线框图 视觉感知 色觉理论 配色理论 实践 版式设计 “AJAX之父”Jesse James Garrett，2000 以用户为中心的Web设计流程 用户体验的要素 框架层 按钮、表格、照片和文本区域的位置。 用户体验工程模型 用户研究 用户是什么？ 亨利福特：如果我直接问人们需要什么，回答很可能是：“一匹更快的马”。 绝大部分人不是产品设计师 用户只会满足于比现有好一点 发现问题 找到方法 人们目前正在做的 更高效、更方便地完成 人们不喜欢做却不得不做的 变得有趣一些 想要做的 变为现实 用户倾向于 用户只会用到20%左右的软件功能 但是往往希望有某些额外功能 用户只会使用一种操作模式 很少提升他们的技能 养成了自己对软件工作原理的理解 为什么电脑这么慢？ 如何找到用户的真实需求？ 例：场景融入 一个寻找餐馆的手机软件 让我看看，附近有什么餐馆？好，有7家。其中两家是快餐店，就不考虑了，2家炒菜，还行，2家提供烧烤，不健康，1家西餐，半成品做的。 现在是晚上11点，还开业吗？它们消费水平高吗？ 排名，我需要它们的排名和评论。 小A说这家服务态度好，他的评论可靠吗？4.5星级的，姑且相信吧！ 我是不是需要一个方向指示，或是一张地图？ 用例之后：线框图 界面轮廓 3R法则 Requirement Reduction Regularity 乔希 威廉姆斯 75%的设计是在写html之前纸上勾勒。 去掉一般性功能 每个新增功能意味着 更多的帮助文档、学习、理解和确认 更多的自定义选项 更多的犯错可能 奶牛规则 成熟：9.0版本 已有用户群体的制约 不爱改变 非必要性测试 降低软件中的噪音 我的软件主要是用来支持什么情境的？ 如果这个软件不存在，我想创建一个最简解决方法，是什么？ 从头重新创建上面的软件需要多长时间？ 60秒法则 这个项目周期已经缩短一半 面见客户前我们还有60秒决定保留哪些东西、舍弃哪些东西。 案例：提升45%购买人数 表单内容 出现时机 10 表单上的可用性研究 11 12 少用一些文字 不是警告，而是允许撤销。 智能处理，而非警告。 如浏览器地址栏，自动搜索。 不要为一个界面附加大段说明性文字。 如果无可避免…… 保证每个按钮都有特定的标签 13 人们通常不会逐字逐句阅读 使用对用户有用的词汇 每段只阐明一个主旨 各段主旨置于首句 概括性标题 加亮关键词 使用项目符号列表 简短、日常化的文字 不要过度考虑一致性，不要使用企业口吻，语气不要居高临下。 14 图片代替叙述 请在菜单栏点击“编辑”，然后出现编辑子菜单，再点击“全选”。 哪种更简洁？ 15 测试文字 填空测验 从产品界面文字中选出长125——150字的内容片段 五个词之间留一个空 测试者补上缺失的词 结果分析： 若正确率小于40%，则重新撰写。 若高于60%，则可用。 界面诊断——邮件管理 17 人的感知 视觉 80%的信息 听觉 仅次于视觉 触觉 不可低估，尤其对有能力缺陷的人，是至关重要的 其他感觉 18 视觉感知过程 受到外部刺激接收信息阶段 物理特性决定了人类无法看到某些事物 解释信息阶段 对不完全信息发挥一定的想象力 但也可能有错觉 19 20 两种神经细胞 21 比较 22 视角 23 视敏度（Visual Acuity） 人眼对细节的感知能力，通常用被辨别物体最小间距所对应的视角的倒数表示。 最佳状况：在6M处辨认出20毫米高的字母。 一般：辨认出40毫米高的字母。 24 亮度 增强亮度可以提高视敏度 亮度增加，闪烁感也会增强。 低于50Hz，视觉系统就会感到闪烁 在设计交互界面时，要考虑使用者对亮度和闪烁的感知，尽量避免使人疲劳的因素。 25 层次感：相对距离和深度 覆盖关系 大小比例 对物体的熟悉度 产生预期，影响对大小、远近的判断。 26 色散实验 27 色彩 人能感觉到不同的颜色，这是眼睛接受不同波长的光的结果。 色度、强度和饱和度。 正常的眼睛可感受到的光谱波长为390纳米-770纳米。 实际上，是不同锥细胞的综合感觉。 28 视锥细胞的“三原色” 445nm 接近蓝色 535nm 接近绿色 575nm 接近黄色 29 色觉抵消机制 七色板 色彩抵消，亮度不抵消。 颜色混合的原理 颜色是3组视信号的差异造成的。 红色 + 绿色 = 黄色 黄色 + 蓝色 = 白色 蓝色 + 红色 = 紫色 颜色对比现象 30 色相空间 色相，也称色调 ( Hue ) 颜色的首要属性，借以用名称来区别红、黄、绿、蓝等各种颜色。 自我测评：你能分辨出多少种不同的色调？ 人的眼睛可以 分辨出约180种不同色相的颜色。 色轮：圆形的色图