图说《认知与设计》.pptx

图说《认知与设计》 ——理解UI设计准则 什么影响我们的感知？ 马头墙，因形似马头，故称马头墙，又称风火墙、封火墙、防火墙等。马头墙高低错落，黑白辉映，明朗素雅，层次分明如诗赋韵律。      古时徽民聚族而居，由于民居密集，一旦发生火灾，火势易顺房蔓延，而马头墙不但能防风，火灾发生时更能有效防火，隔断火源。 找到剪刀 什么影响我们的感知？ 经 验 环 境 目 标 对设计的启示： 保持一致 避免歧义 理解目标 视觉感知的格式塔原理 人类视觉是整体的 视觉系统自动对视觉输入构建结构，并且在神经系统层面上感知形状、图形和物体，而不是只看到互不相连的边、线和区域。 接近性 相似性 连续性 封闭性 对称性 主体/背景 共同命运 总结格式塔原理： 接近性 相似性 连续性 封闭性 对称性 主体/背景 共同命运 使用视觉结构 当信息以简洁和结构化方式呈现时，人们更容易浏览和理解 通过信息结构化和避免重复的“噪声”来提高用户浏览速度。 办理程序及所需准备材料 引进外埠人才 接收应届毕业生 调入博士后出站人员 调入留学回国人员 调入本市人员 去世人员 结构提高了用户浏览长数字的能力 视觉层次让人专注于相关的信息 Solowheel 一种独轮电动车 最大时速12英里（19.31公里） 充电一次需45分钟 充满电可使用2小时， 重量只有20磅 Solowheel是发明的最小、最环保、最便捷的载人工具。 1、把脚分别放在轮子两侧的折叠式踏板上以后，轻轻向前倾斜身体是前进，向后倾斜是停止，向左和向右 倾斜身体是转弯。身体向前倾斜的越厉害，Solowheel的速度就越快，车内的一系列回旋装置确保它能很好地保持平衡。 2、该车充电一次可以使用2小时，每次充电需要45分钟。Solowheel能在坡度高达15%的山路上行驶。在走下坡路或减速时，它使用的锂离子充电电池甚至能重新获得能量，重量只有20磅(9.07公斤)。你可以把它带进商店、饭店、电梯、办公室、影院、教室，带上公交车或火车。它不像电动自行车，你不用把它锁起来，因为它能随身携带，不容易被偷。 Solowheel为使用者提供了一种简单、方便、实用的代步工具。 美国亚马逊 目前报价1795美元，海淘到手约12000元人民币。 阅读不是天生的 说话和理解口头语言是自然的人类活动，但阅读不是。 阅读其实是一种人造的，通过系统的指导和训练获得的能力。 人们学会阅读也未必善于阅读，学习阅读是训练大脑（包括视觉系统）去识别模式。 自下而上--特征驱动 模式识别 自上而下--上下文驱动 阅读使用特征驱动（自下而上）和语境驱动（自上而下）两种处理方式。 自上而下的阅读 那个方式更好？ 速读：语境驱动，训练人们快速接收词语和整句，提高阅读速度。 最有效的阅读方式是无语境的、自下而上特征驱动的方式。语境阅读作为一种候补方法，只有在特征驱动阅读存在困难或者不能达到足够无意识的时候才起作用。 糟糕的设计会影响阅读 不常见 不熟悉的词汇 您的会话已过期，请重新认证 难以辨认的书写和字形 SITES MADE WITH DRUPAL 微小的字体 华尔街日报称，Google正开发基于Chrome OS的触屏Chromebook，预计今年晚些时候发布 | 据悉，这个基于Chrome OS的设备有可能命名为Chrome Pixel。而根据之前泄露的一个概念视频，这款设备配有全触摸屏幕，分辨率达到 2560x1700（尺寸不详）。 嘈杂背景下的文字 信息被重复的内容淹没 居中对齐的文字 对设计的启示：支持，而不是干扰阅读 保证用户界面里的文字允许基于特征的无意识处理有效的进行，避免前面所提的破坏性缺陷。 使用有限的、高度一致的词汇。 将文字格式设计出视觉层次，以使浏览更轻松。 将用户界面里的文字量尽可能减少。 色觉限制——人类色彩感知的限制 色觉是为检测反差（边缘）优化的，不是绝对亮度； 辨别颜色的能力依赖于颜色如何呈现 颜色深浅