交互设计中的认知维度

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