交互设计中的认知维度精要.pptx

交互设计中的认知维度 及其细节 The cognitive dimensions of interaction design and the details of them 01 Part one 什么是交互设计 Part two 交互的认知维度 Part three 细节分析讨论 Part four 回顾与总结 02 03 04 提 纲 OUTLINE 平面： VI标志 图形/图案 字体/字形 DM/宣传单/平面广告 海报 包装 书装/画册 信息图 PPT/演示 GUI： 移动设备界面 电脑软件界面 图标 游戏UI 桌面背景/壁纸 网页：企业官网 门户/社交 电子商务/商城 专题/活动 游戏/娱乐 个人网站/博客 Banner/广告图 空间/建筑：建筑设计、室内设计 舞台美术 展示/橱窗/店面设计 园林景观/规划 那什么是交互设计？ 设计分类众多 01 什么是交互设计 “ 你来我往 ” 即为 交互 01 什么是交互设计 交互可以存在于 人与人、人与物 物 即为 产品 产品 可以是 硬件或者是软件 01 交互的认知维度 以人的需求为导向， 理解用户的期望、需求， 理解商业、技术以及业内的机会与制约， 创造出形式、内容、行为， 有用、易用、令用户满意且技术可行， 具有商业利益的产品。 以软件产品为例，是如何“你来我往”? 02 交互的认知维度 点击、输入 —— 你来 —— 来自用户 反馈、输出 —— 我往 —— 还给用户 用户是怎么使用产品的呢？ 这是用户使用一项功能之前，意识到自己需要此功能。—— “需求” Aware : 意识到的 02 交互的认知维度 Perceive、RecognitionRecall： 感知、识别回忆 Act : 行动操作 Feedback：反馈 观察界面、认出在哪里操作，该怎么操作 —— “产品界面” 点击按钮、输入一个搜索条件 —— “操作” 误操作了？网断了？系统崩溃？ —— “给用户提示当前的状态” 03 细节分析讨论 1、列表设计的三个基本思路 2、按钮的学问：确定在左？取消在右？ 列表算是一个非常基础的设计元素，无非是一排一排的数据内容，加上一些基本的操作。 一个信息结构合理，操作明确表格、列表设计，能够帮助用户减轻很多的阅读负担。 03 细节分析讨论 —— 列表设计的三个基本思路 适合简单直观的操作，用户不用查看详细就能直接操作 优点：所有的操作一目了然；单击完成操作 缺点：1，如果信息很多，会导致信息过载；2，列表长度有限，扩展性不强； 3，误操作相对而言较高 方案一：每一排都显示具体的操作 03 细节分析讨论 —— 列表设计的三个基本思路 列表算是一个非常基础的设计元素，无非是一排一排的数据内容，加上一些基本的操作。 一个信息结构合理，操作明确表格、列表设计，能够帮助用户减轻很多的阅读负担。 03 细节分析讨论 —— 列表设计的三个基本思路 适用于操作较多，无法在列表上完全显示，或者操作不常发生的情况。 优点：信息密度低，重点突出；提高“高风险”操作的门槛 缺点：增加了点击次数，不能一目了然 方案二：折叠隐藏一部分操作 03 细节分析讨论 —— 列表设计的三个基本思路 列表算是一个非常基础的设计元素，无非是一排一排的数据内容，加上一些基本的操作。 一个信息结构合理，操作明确表格、列表设计，能够帮助用户减轻很多的阅读负担。 03 细节分析讨论 —— 列表设计的三个基本思路 适用于多个文件需要同时进行管理的情况，如网盘，邮件等。 优点：对于批量操作有帮助 缺点：增加了点击次数 方案三：支持用户选中多个项目，并在列表上方统一操作 03 细节分析讨论 —— 列表设计的三个基本思路 确认框，顾名思义，就是对用户的关键行为进行确认。确认框是一种打断，有时候甚至是打扰。 只有在用户的操作具有很大的风险，一定需要他来确认，除此之外，尽量不要用确认框。 03 细节分析讨论 —— 按钮的学问：确定在左，取消在右 一、以视觉流的角度 （哪种更轻松？） 03 细节分析讨论 —— 按钮的学问：确定在左，取消在右 二、古腾堡法则 古腾堡图是指人们在浏览页面的时候，视觉趋向于从上到下，从左到右的眼动规律。 03 细节分析讨论 —— 按钮的学问：确定在左，取消在右？ 三、“上一步”“下一步” 的操作习惯 windows规范已经培养了强大的用户习惯，确认按钮在左边，取消按钮在右边。这在用户的心中已经形成一个默认的原则，改变用户的习惯非常艰难。 03 细节分析讨论 —— 按钮的学问：确定在左，取消在右？ 影响人们使用习惯的因素很多：例如设备（本实验使用平板）、系统（本实验使用IOS） 和载体（本实验使用网页）等。 举