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