交互设计中的认知维度

1、交互设计中的认知维度交互设计中的认知维度 及其细节及其细节 The cognitive dimensions of interaction design and the details of them 01 Part one 什么是交互 设计 Part two 交互的认知 维度 Part three 细节分析讨 论 Part four 回顾与总结 020304 提 纲 OUTLINE 平面平面： VI标志 图形/图案 字体/字形 DM/宣传单/平面广告 海报 包装 书装/ 画册 信息图 PPT/演示 GUIGUI： 移动设备界面 电脑软件界面 图 标 游戏UI 桌面背景/壁纸 网页网页：企业官

2、网 门户/社交 电子商务/ 商城 专题/活动 游戏/娱乐 个人网站/ 博客 Banner/广告图 空间空间/ /建筑建筑：建筑设计、室内设计 舞台 美术 展示/橱窗/店面设计 园林景观/ 规划 那什么是交互设计？ 设计分类众多设计分类众多 01 什么是交互设计 “ “ 你来我往你来我往 ” ” 即为即为 交互交互 01 什么是交互设计 交互交互可以存在于可以存在于 人与人人与人、 人与物人与物 物物 即即为为 产品产品 产品产品 可以是可以是 硬件硬件或者是或者是 软件软件 01 交互的认知维度 以人的需求为导向，以人的需求为导向， 理解用户的期望、需求， 理解商业、技术以及业内的机会与制约，

3、 创造出形式、内容、行为， 有用、易用、令用户满意且技术可行， 具有商业利益的产品。 以软件产品为例，是如何“你来 我往”? 02 交互的认知维度 点击、输入 你来 来 自用户 反馈、输出 我往 还 给用户 用户是怎么使用产品的呢？ 这是用户使用一项功能之前， 意识到自己需要此功能。 “需求” AwareAware : : 意识到的意识到的 0202 交互的认知维度交互的认知维度 PerceivePerceive、Recognition&RecallRecognition&Recall： 感知、识别感知、识别& &回忆回忆 ActAct : : 行动操作行动操作FeedbackFeedback

4、：反馈：反馈 观察界面、认出在哪里操作， 该怎么操作 “产品界面” 点击按钮、输入一个搜索条件 “操作” 误操作了？网断了？系统崩溃？ “给用户提示当前的状态” 03 细节分析讨论 1、列表设计的三个基本思路 2、按钮的学问：确定在左？取消 在右？ 列表算是一个非常基础的设计元素，无非是一排一排的数据内容，加上一 些基本的操作。 一个信息结构合理，操作明确表格、列表设计，能够帮助用户减轻很多的 阅读负担。 0303 细节分析讨论细节分析讨论 列表设计的三个基本思路 适合简单直观的操作，用户不用查看详细就能直接操作 优点：所有的操作一目了然；单击完成操作 缺点：1，如果信息很多，会导致信息过载；

5、2，列表长度有限，扩展性不 强； 3，误操作相对而言较高 方案一：每一排都显示具体的操作方案一：每一排都显示具体的操作 0303 细节分析讨论细节分析讨论 列表设计的三个基本思路 列表算是一个非常基础的设计元素，无非是一排一排的数据内容，加上一 些基本的操作。 一个信息结构合理，操作明确表格、列表设计，能够帮助用户减轻很多的 阅读负担。 0303 细节分析讨论细节分析讨论 列表设计的三个基本思路 适用于操作较多，无法在列表上完全显示，或者操作不常发生的情况。 优点：信息密度低，重点突出；提高“高风险”操作的门槛 缺点：增加了点击次数，不能一目了然 方案二：折叠隐藏一部分操作方案二：折叠隐藏一部

6、分操作 0303 细节分析讨论细节分析讨论 列表设计的三个基本思路 列表算是一个非常基础的设计元素，无非是一排一排的数据内容，加上一 些基本的操作。 一个信息结构合理，操作明确表格、列表设计，能够帮助用户减轻很多的 阅读负担。 0303 细节分析讨论细节分析讨论 列表设计的三个基本思路 适用于多个文件需要同时进行管理的情况，如网盘，邮件等。 优点：对于批量操作有帮助 缺点：增加了点击次数 方案三：支持用户选中多个项目，并在列表上方统一操作方案三：支持用户选中多个项目，并在列表上方统一操作 0303 细节分析讨论细节分析讨论 列表设计的三个基本思路 确认框，顾名思义，就是对用户的关键行为进行确认

7、。确认框是一种打断， 有时候甚至是打扰。 只有在用户的操作具有很大的风险，一定需要他来确认，除此之外，尽量 不要用确认框。 0303 细节分析讨论细节分析讨论 按钮的学问：确定在左，取消在右 一、以视觉流的角度一、以视觉流的角度 （哪种更轻松？）（哪种更轻松？） 0303 细节分析讨论细节分析讨论 按钮的学问：确定在左，取消在右 二、古腾堡法则二、古腾堡法则 古腾堡图是指人们在 浏览页面的时候，视 觉趋向于从上到下， 从左到右的眼动规律。 0303 细节分析讨论细节分析讨论 按钮的学问：确定在左，取消在右？ 三、三、“上一步上一步”“”“下一步下一步” 的操作习惯的操作习惯 windows规范

8、已经培养 了强大的用户习惯， 确认按钮在左边，取 消按钮在右边。这在 用户的心中已经形成 一个默认的原则，改 变用户的习惯非常艰 难。 0303 细节分析讨论细节分析讨论 按钮的学问：确定在左，取消在右？ 影响影响人们使用习惯的因素人们使用习惯的因素很多：例如很多：例如设备（本实验使用平板）、系统（本实验使用设备（本实验使用平板）、系统（本实验使用IOSIOS） 和和载体（本实验使用网页）等。载体（本实验使用网页）等。 举一个例子，中国人用筷子，西方人用刀叉，要证明筷子和刀叉哪个更加适合人类本能， 怎么设计实验？恐怕唯一的实验对象只能是还没学会用餐的小孩， 因为在每个人已经被环境同化的情况下，

9、本能的影响已经微乎其微了。 而就算真的证明了筷子和刀叉哪个更符合人类本能又怎样呢？ 也不可能因为那一点微小的学习成本就让全世界废弃任何一种餐具。 思考到这里，恐怕*顺应大环境*才是最好的选择。 尼尔森十大 可用性原则 状态可见原则 0404 总结总结 尼尔森尼尔森十大可用性原则十大可用性原则 环境贴切原则 一致性原则 防错原则 易取原则 撤销重做原则 灵活高效原则 易扫原则 容错原则 人性化帮助原则 状态可见原则 0404 总结总结 尼尔森尼尔森十大可用性原则十大可用性原则 用户在网页上的任何操作， 不论是单击、滚动还是按下 键盘，页面应即时给出反馈。 “即时”是指，页面响应时 间小于用户能忍受的等待时 间。 环境贴切原则 0404 总结总结 尼尔森尼尔森十大可用性原则十大可用性原则 网页的一切表现和表述，应 该尽可能贴近用户所在的环 境（年龄、学历、文化、时 代背景），而不要使用第二 世界的语言。 使用用户熟悉的表述和名词。 撤销重做原则 (?) 0404 总结总结 尼尔森尼尔森十大可用性原则十大可用性原则 为了避免用户