05.4-软件观念-认知与设计-格式塔原理.ppt

1、认知与设计,理解UI设计的格式塔原理,我们感知自己的期望,三个因素影响我们的预期，影响我们的感知 过去 我们的经验（experiences） 现在 我们的环境（contexts） 将来 我们的目标（goals）,经验,经验影响感知-举个例子,这是一张地图,五座房子,举个例子,不，这是字母呀,原来如此,LIFE,经验影响感知,告诉你是什么，你的感知就向那个方向去发展 “先入为主”,是什么？ -R.C. James,另一个经典案例,经典案例,在大树附近嗅着地面 的斑点狗 -R.C. James,经典案例小结,只有告诉了你是什么，你的视觉感知系统才会把影像组成一幅完整的画面,经验影响感知做个实验,经

2、验影响感知-没仔细看,为什么不看屏幕！？,经验影响感知-实验小结,用户经常不认真看屏幕，就点击按钮或链接。 靠往常的经验来引导，而不看上面的提示文字。,经验影响你的感知,你有没有这样的情况 你的东西总放在一个固定的地方，但是它就在原来的地方旁边，你寻找他，就是视而不见？,这就是“经验影响感知”,环境,OTHER CAT,环境影响感知-从举例开始,O R,再举个例子,折叠餐巾纸，抛光银器，洗盘子 法国餐巾纸，波兰银器，德国盘子,剪刀在哪里？,螺丝刀在哪里？,裁纸刀呢？,网站,我想找到计算机学院的位置,你发现，你中了100美金吗？,为观察结构优化我们的视觉,观察结构,对象分组倾向 解析模糊 填充遗

3、漏,格式塔原理-接近性,蓝色和黄色各是怎么分组的？,格式塔原理-接近性,蓝色水平的四个星星之间的间隔大于 纵向的 黄色垂直的四个星星之间的间隔大于 横向的 物体与物体间的相对距离影响我们感知他们已经他们如何组织在一起。 互相靠近的物体看起来属于一组,接近-举例,这个分组框 意义不大,接近-举例-好的设计,接近-举例错误的设计,接近-举例开起来是这样的,接近-举例我们想这样,格式塔原理-相似性,怎么分组的？,格式塔原理-相似性,其他因素相同的情况下，相似的物体看起来归属于一组。,格式塔原理-相似性,这个太相似并不好,相似性举例,这个距离太远了,相似性举例,格式塔原理-连续性,格式塔原理-连续性,

4、格式塔原理连续性,视觉倾向于 感知连续的形式，而不是离散的碎片！,格式塔原理-连续性-举例,格式塔原理-连续性-举例,这是一个导轨 ，上面有一个拖拉的杆 感觉上是一个连续的导轨,格式塔原离-连续性-举例,尽管如此反差的颜色，仍然看起来是一个导轨,格式塔原理-封闭性,看起来是什么？,格式塔原理-封闭性,太神奇了，实际上就这三个元素！,格式塔原理-封闭性,视觉倾向于看到整个物体 即使他们不是完整的！,格式塔原理封闭性-举例,图标-一叠文件 部分可见的对方被感知成一个整体,格式塔原理-对称性,？,格式塔原理-对称性,格式塔原理-对称性,视觉系统试图将复杂场景解析为 简单和对称形状组合,格式塔原理-主体/背景,格式塔原理,格式塔原理,格式塔原理-共同命运,将格式塔原理综和起来,我们寻找和使用视觉结构,结构提高了用户浏览长数字的能力,数据专用控件提供了更多的结构,视觉层次让人专注于相关的信息,阅读不是自然的,阅读是特征驱动还是语境驱动,给大家一点启发,探索用户为中心