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

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