《认知与设计——理解UI设计准则》笔记（1） 我们感知自己的期望
我们对周围环境的感知，很大程序上是取决于我们期望感知到的东西，有三个因素影响我们的预期，也因此影响我们的感知。
- 过去：我们的经验
- 现在：当前的环境
- 将来：我们的目标
经验影响感知：
给你一张设计的图纸，如果我告诉你，这是某房地产公司某个园区的规划图，你看到的可能是小区房子排列的格局，或者是花园的位置。但是如果我告诉你是一个广告设计公司设计的广告牌，你可能看到的将会是一个单词Life(看白色的部分)，或者是其他的一些东西。
上面的是一个视觉的例子，经验也会影响其他许多方面的感知，比如对语句的理解。例如，现在有A,B,C三个人，如果A听到过以前有人说过C平时考试曾经作弊，而B听别人说过C这个人很诚实。如果A,B同时听到一个消息，说C在一次考试的时候作弊被抓，那么A和B就会有不同的理解。A可能相信，但B可能就不相信。这也是经验影响我们感知的一个例子。
计算机软件和网站的用户经常不看清屏幕就点击相关的链接。他们更多的是依靠他们以前的经验。有时候，这就会让软件设计者很郁闷，因为软件设计者总以为用户会看界面上的提示内容，而实际上并非如此。
比如，我们设计一个安装向导的程序，有“上一步”，“下一步”的操作，这种向导程序都有好几个页面，每个页面中这两个按钮一般都是在界面的右下角。“上一步”按钮在前面，“下一步”在后面，所以用户在很多时候，根本就没有认真的看上面的文字，在他们心里，理所当然的认为“下一步”在后面，前面布置一致的按钮麻痹了他们的视觉系统，如果在最后一页，你把“上一步”和“下一步”按钮互换位置，那么用户就会出现错误的操作。这里面会牵扯到另外一个设计原则，那就是“用户界面一致”的原则，这个在后面会有解释。
环境影响感知：
就像我们在阅读的过程中的语境一样，在不同的语境下，相同的单词可能会有不同的意思。一个字母出现在不同的单词中，我们可能觉得它是不同的单词。比如下图，同样是一个字母H，在左边单词“THE”中，我们一眼望过去，觉得它是字母H，但在右边单词“CAT”中，一眼望过去，它就像字母A。
周围环境对感知的影响也存在于不同的感官之间。五个感官任何之一的感知都可能同时影响其他感官的感知。
我们听到的能影响我们看到的，反之亦然；
我们听到，看到或者闻到的能影响我们的触觉；
目标影响感知：
除了经验和环境影响我们的感知外，我们的目标和对将来的计划也会影响我们的感知。具体说来，就是与我们的目标无关的东西，会被提前过滤掉，而不会进入到意识层面。
例如，当人们在软件或者网站上寻找某个功能的时候，他们并不会认真的阅读，只是快速的扫描与目标有关的东西，对于那些无关的东西，他们根本不会注意到。
比如，现在给你看一张图片，上面有剪刀，锤子，镰刀，等很多工具。首先我叫你去在这张图片中找到剪刀，你可能会很快的找到。然后我叫你不要看这张图片，叫你告诉我，这张图片里面有没有螺丝刀？你可能就不知道了。
比如，在嘈杂的大街上，你和一个老朋友相见了，你们聊天聊得非常起劲，那么周围的其他的声音，你基本上就都被过滤掉了，你唯一听见的就是你朋友的声音。
再比如说，别人要考你一道算术题。一辆公交车，载有25人，在A站下了6人，上了3人，在B站上了2人，在C站下了9人，在D站又下了3人，但又上了8人。可能你一听到，就以为别人会问你到最后车上会有多少人，所以在别人说的过程中，你就会认真的记，每次了了多少人，下了多少人？但如果别人最后问你，车子经过了几站，可能你就懵了。就是因为你的目标影响了你的感知，使你过滤了其他的信息。
目标影响感知，在成人的身上比小孩身上体现的更加明显。（小孩因为好奇，可能会记住其他一些跟目标无关的东西）
在软件方面，比如，在你要登录到某一个学校的网站上，想去查看一下，这个学校有哪些专业，可能你一进去，就会就找搜索框，然后输入你搜索的例子，如果这个网站的左下角有一个小的悬浮框，说你成了幸运的访问者，中了100元的奖，你可能就会没有注意到。
目标影响我们感知的机理是什么呢？有两个：
1. 影响我们注意什么，感知是主动的。我们始终移动我们的耳朵，眼睛是寻找与我们正在做或者正要做的事情相关的东西，而对那些无关的东西就会忽略掉。
2. 使我们的感知系统对某些特性敏感。比如你在停车场，如果告诉你去找一辆红色的车，那么你就会对红色非常敏感，对于其他颜色的车，你几乎不会注意到。
对设计意味着什么？
避免歧义
避免显示带有歧义的信息，并通过测试确认所有用户对信息的理解是一致的。
保持一致
在一致的位置上摆放控件和信息。不同页面上提供的相同功能的控件和数据显示摆放在每一页相同的位置，而且他们还应该有相同的颜色，字体和阴影等等。这样的一致性能让用户很快地找到和识别他们。
理解目标
用户去用一个系统是有目标的，设计者应该了解这些目标，要认识到不同用户的目标可能不同，而且他们的目标强烈左右着他们能感知到什么。在一次交互的每个点上，确保提供了用户需要的信息，并非常清晰地对应到一个可能的用户目标，使用户能够注意到并使用这些信息。
《认知与设计——理解UI设计准则》笔记（1） 我们感知自己的期望相关推荐
- 分析交互设计和UI设计的区别！优漫动游
很多刚入行的设计师甚至是一些公司,其实对于交互设计和UI设计这个岗位的认识是非常不清晰的. 下面优漫小编带大家了解交互设计和UI设计应该关注的一些问题 1.想法由公司高层或项目负责人提出, ...
- 费诺编码的gui页面设计_GUI设计和UI设计有什么区别？
首先从技术的角度分析两者处于包含与被包含的关系. GUI=Graphical User Interface,是指在计算机出现后,在屏幕上使用图形界面来帮助(User)与机器打交道用的界面接口,泛指在计 ...
- php++ui设计课程,UI设计主要学什么？
UI设计是指对软件的人机交互.操作逻辑.界面美观的整体设计:UI设计中文名字叫:用户界面设计.UI设计作为时下热门高薪职业之一,其发展前景不言而喻,应用领域非常广泛,那么UI设计都需要学习什么呢?下面 ...
- html和ui有什么区别,前端设计和ui设计的区别是什么
前端设计和ui设计的区别有研究方向不同,ui是用户研究.交互设计.界面设计,web前端是html.css.js等需要编写代码:职业机会不同,ui设计:前端开发工程师.资深前端开发工程师.前端架构师等, ...
- GUI设计和UI设计有什么区别？
首先从技术的角度分析两者处于包含与被包含的关系. GUI=Graphical User Interface,是指在计算机出现后,在屏幕上使用图形界面来帮助(User)与机器打交道用的界面接口,泛指在计 ...
- 关于产品设计和UI设计
因为题主没有特别提到具体的要求,刚好这两天自己也在研究,提两个方向的: 第一个方向:快速开发 --- 2014.04.29 update--- 0.Marvel 最近在使用 Marvel Fre ...
- 什么是UE设计？UI设计又是什么？UE和UI有什么区别？
设计在我们的生活中扮演着重要的角色,但是面对越来越多的专业术语和相近的岗位职责,人们总是困惑:明明是差不多的岗位,为什么要整那么多的词.UI.UE.UID.UED相信很多人都弄不清楚这些名字是什么意思 ...
- 如何入门UI设计?学ui设计要看什么书籍
自学UI设计大致分为两种情况:其一.业余学习,技能拓展,不以求职为目的;其二.谋生手段,小白进阶学习或者有转行的打算.前者,无论是学习内容或者深度都可以根据自己的需求和兴趣点来做学习选择,相对来说,学 ...
- [－UI设计－] UI设计文档
今天不想说UI设计原理和原则,只想说文档内容.一个solo族,可能根本不会理睬这种文档,因为他的idea完全在脑中,自己来实现就OK了.而在一个团队协作过程中,产品设计部门就有很高的必要把这个文档写好 ...
- 协众信息ui交互设计：UI设计的规划，你都知道哪些？
UI设计有哪些规范?可能很多小伙伴都在工作中思考过这个问题,现在作者总结了一些UI的设计规范,给大家做个参考. 一.轴 轴在UI设计中是最基本.最常见的概念,也是用来组织界面结构的 ...
最新文章
- 元素的子元素_从暂元里取出子元素 | Stata编程
- linux平台的office文档转pdf的实例(程序员的菜)
- [转]基于 aspnet 的自动合并输出js和css的解决方案
- 如何在64位的Win10系统下安装.NET Framework 3.0
- java中的关键字有哪些_Java关键字有哪些？
- 机器学习十大经典算法之朴素贝叶斯分类
- HDU1171-Big Event in HDU
- 51nod 平均数(二分+树状数组)
- Python 分析Nginx 日志并存入MySQL数据库（单线程）
- python设计模式之MVC
- 【简单的小技巧】如何从网页上下载内嵌的PDF文件？
- mysql数据库修复工具 innodb表数据恢复 ibd文件恢复工具
- Mysql sql执行错误#1436 Thread stack overrun:
- win10删除输入法后输入法找不到的解决方法
- html转pdf文件下载之最合理的方法支持中文
- 基于Python的岭回归与LASSO回归模型介绍及实践
- 文件服务器文件删除记录查询,Windows server2008r2共享文件操作记录、查询服务器日志方法...
- dncnn图像去噪_深立井井壁图像的卷积神经网络去噪方法
- 人性21——离奇自杀案
- 全国计算机考的是ms还是mps,请问有没有人了解Cornell的MPS program啊