交互设计准则.docxVIP

从生活中理解ui设计准则 我们对周围世界的感知不是对其真实的描述。我们感知到的很大程度上是我们期望感知到的。 3个基本影响因素 经验：先入为主影响感知。 计算机软件和网站的用户常常不会认真看屏幕就点击按钮或者链接。他们更多的是靠以往的经验 环境：同样的短语，在不同的句子中，有不同的含义 目标：影响我们注意什么；使我们的感知系统对某些特性敏感。 请在下边的图中剪刀 目标对我们的影响： 感知是主动的，不是被动的。当我们正在做一件事情的时候，会始终移动眼睛耳朵手大脑去寻找与我们正在做的或者是正要做的事情最相关的东西。比如我们买一件休闲类型的大衣，我们的手就会主动去搜索“休闲”二字；或者眼睛查找“休闲”相关的词汇；而与目标“休闲”无关的其他衣服就会被忽略掉；又或者你正在专心致志的看书或者是看电影，此时书或者是电影就是你的目标，即使是旁边有人在高声喧哗，你也不知道他在说什么。 对设计的意义： 避免歧义：避免显示有歧义的信息，并通过测试所有用户对信息的理解是一致的。当无法消除歧义的时候，要么依靠标准或者是惯例，要么告知用户你期望的方式去理解歧义。 （因为当用户想要在网上或者是系统上进行一个目标或者是任务的时候，会不自觉的去寻找相关信息，如果信息有歧义，用户就会不知道该怎么选择） 保持一致：在一致的位置摆放信息和控件。不同页面上提供的相同功能的控件和数据显示摆放位置应该一致，要么是一页的最后，或者是最前边，或者是左边右边；而且控件上的字体大小，字号，字体，控件的风格，色彩都应该相同。这样用户才能很快的找到目标或者是信息。 理解目标：每一个用户使用一个系统都是有目标的。所以应该尽量做好用户调研，尽量去理解用户的目标 格式塔原理(为什么人类更倾向于有结构的) 接近性：物体之间的相对距离会影响我们感知它们是否以及如何组织在一起，相互靠近（相对于其他物体）的物体看起来属于一组，而那些距离较远的就不是。 相似性：如果其他因素相同，那么相似的物体看起来归属于一组。 连续性：倾向于感知连续的形式而不是离散的形式。 封闭性：自动尝试将敞开的图形关闭起来，从而将其感知为完整的物体而不是分散的碎片 对称性：倾向于分解复杂的场景来降低复杂度。 主体/背景：大脑将视觉区域分为主体和背景。 共同命运：一起运动的物体被感知为属于一组或者说彼此相关的。 视觉结构 当人们在使用一个软件或者是网站的时候，并不会阅读所有的文字，而是会迅速的扫描导航或者是大的标题，这就说明结构很重要.首先来看一下结构的呈现方式对人们理解和扫描界面的影响: 信息呈现的方式越是结构化和精炼,人们就越能快速扫描界面和理解. 又比如: 结构使用户能够很好的阅览较长的数字 例如电话号码和信用卡号码,习惯上被分割为几个部分，这样做能让人更好的阅读和记忆。 视觉层次 将信息分段，把大段的信息分割为小段； 显著的标记每一个信息段和子段，以便清晰的确认各自的类容‘ 要有重点和主次，重要的放在最顶部 使用层次结构来展示每一个结构，上层的结构能比下层的更重要。 关于阅读 糟糕的信息设计会影响阅读 不常见和不熟悉的词汇 例如计算机词汇，很多开发人员喜欢使用计算机词汇，而不是通俗易懂的词汇，这样很多用户在真正使用产品的时候，不能理解词的意义 例如： 但其实真正的用户可能不知道什么是会话。可以使用更通俗易懂的语句： 为了您的安全，系统已自动退出。请重新登录。 难以辨认的书写和字型 即使是使用了熟悉的词语，阅读还是会被难以辨认的书写和字型干扰。 字体过小 字体背景太复杂 比较好的做法： 过多的文字： 文字必须短小精炼简洁 对设计的意义： 使用用户熟悉的惯用的词汇，而不要使用那些生硬的计算机语言 书写和字型必须容易辨认 字体不适宜太小 字体背景必须简单 文字最好不要居中对齐，惯例是居左对齐 文字要有视觉层次 文字必须短小精炼简洁 尽量少让人阅读（因为人们都不喜欢文字，不喜欢阅读。用最少的文字让用户完成目标） 一些ui设计准则 一致性 界面设计使用相似的操作，为相似的任务提供相似的元素。例如确定按钮上边的字为“确定”，那么就要一直用“确定”，而不要一会儿OK，一会儿“好的” 操作有反馈（立即确认用户的操作） 操作前对结果可预期（每一个设计都有它的一些特征，这些特征导致了它有一定的暗示作用，从而让用户觉得这个东西应该是这样使用的，但是当我们的设计不是这样支持的时候，那么用户就会产生困惑和抱怨; 界面的设计应该具有“启示性”，告诉用户某个元素可以进行某种活动。例如按钮就要像按钮，滚动条就要体现出能上下滚动） 允许用户出错 帮助用户识别，诊断错误，预防错误，告知用户错误的原因以及解决问题的办法，并从错误中恢复 使用简单的语言描述问题，并且给出问题的解决方法，以及能达到的效果。 允许操作反转 如常见的撤销