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