什么是交互设计

6/29/20196/29/20192目录什么是交互设计交互设计在产品流程中参与的环节（举例说明）交互设计师的输出文档交互设计师Vs美工Vs需求分析师交互设计师的职责——什么才是友好的交互交互设计的重要性观点1：“要”。用户也就用不着辛辛苦苦的想：“啊，返回应该怎么操作？那是手势是什么来着？往右边划？还是往左？”观点2：“不要”。用户是可以熟练掌握的；若返回按钮和手势重复存在，用户使用时需先判断“我该用手势还是按钮？”，增加了判断成本。什么是交互设计网上付费搜狗输入法Vs

QQ输入法Palm手机的返回功能46/29/2019什么是交互设计没必要的提醒不需要出现 而适时出现的提示或功能,用得好,不但不会骚扰用户,还是对用户的细致的关怀56/29/2019什么是交互设计66/29/2019什么是交互设计76/29/2019交互设计:它并不是指产品本身是如何工作的，而是指产品如何和用户联系并发挥作用，也就是人们如何“接触“或者“使用”它。它涉及的内容包括功能是否易用、简约，使用过程中是否友好，界面是否美观等方面。交互的目的:努力让产品的界面更加具有可用性，如何让用户有更良好的体验。这是一种对产品的优化，通过这种优化，用户能更方面地完成任务，获得良好的感觉。交互设计师的2个重要工作:1.把概念具象化；2.沟通交互设计参与的环节96/29/20191.概念模型：每一类产品都会有自己的一套框架模式：手机样式，博客样式，游戏界面；当前最fashion的体验是什么？2.功能结构：每个页面上面有什么，怎么组织；3信息架构：取消，确认？安全性？交互设计的前期工作（重点）产品概念模型分析从产品需求以及功能逻辑入手，结合对相关产品的经验积累，对用户的理解，为产品设计一个尽量接近用户对产品运行方式理解的概念模型，成为产品设计的基础框架；功能结构分析理顺交互组件之间的结构关系；信息架构分析设计产品界面中应该包含的控件数量和类型、控件之间的逻辑和组织关系，以支持用户对控件所代表的功能的理解；交互流程分析在上述模型的基础上丰富交互组件，撰写重点操作的交互说明，设计成为一套完整的可模拟的产品原型产出物:产品交互模型，交互说明文档概念模型分析功能结构分析信息架构分析交互流程分析交互模型/说明文档与需求方进行确认是/否通过？交互设计参与的环节106/29/2019交互设计的后期工作安排美工进行设计结合产品交互模型的框架,安排美工进行效果图设计；辅助开发人员针对产品交互模型,交互说明文档,向开发工程师进行说明,使开发工程师能够对产品功能正确理解；针对难以实现的功能交互,与开发工程师进行协商,沟通安排美工进行设计产品效果图交互设计参与的环节辅助开发工程师交互模型/说明文档与开发人员沟通116/29/2019当地的企业,只需要投放到当地交互设计参与的环节126/29/2019产品需求广告平台的一个投放系统根据广告受众所在的地区,做广告的定向投放可以精确到城市,可以多选如果用户没有选择任何选项,则该广告会面向全国投放交互设计参与的环节交互设计师:设计框架136/29/2019交互设计参与的环节交互设计师:与需求方进行讨论，确认146/29/2019假如我就投放一个城市,我可能只做筛选就ok了~~交互设计参与的环节交互设计师:设计交互模型156/29/2019交互设计参与的环节交互设计师:进行细节考虑，完成交互说明产品的一期原型，还需要进行字体，风格，图标等细节的考虑166/29/2019交互设计参与的环节交互设计师:进行细节考虑给用户/需求方演示，收集调整的信息176/29/2019输出文档介绍——产品交互模型产品原型设计产品原型设计:具体的对产品进行交互操作，对产品可用性的评估有一个具形的认识；易于发现产品交互使用中的不合理性；在产品进行开发前，向用户进行产品演示，从而找出设计师与需求方对产品理解差异，及时对产品设计进行调整106/29/2019输出文档介绍——效果图视觉设计效果图设计:向美工说明产品界面的细节规范，用户展示产品最终的视觉效果116/29/2019举两个极端的例子；再比如，做这个报告之前，先询问:大家想听什么交互设计师VS美工VS需求分析师怎么才能更好看？要还是不要？美术设计师交互设计师用户可以在此快速进入A页面需求分析师226/29/2019交互设计师交互设计师：职责内容：行为设计&界面设计比如：按钮如何摆放更符合用户使用习惯，更显而易见；导航方式如何安排，是用户快速熟悉功能模块的应用；对同一类操作行为是否保持一致性？……交互设计师VS美工VS需求分析师236/29/2019交互设计师VS美工VS需求分析师美工美工:结合公司背景，使用人群，设计系统界面视觉效果246/29/2019交互体验,视觉体验,情感体验,感官体验,浏览体验交互设计师的职责——什么才是友好的交互交互体验用户注册266/29/2019交互设计师的职责——什么才是友好的交互交互体验表单填写点评:对于有约束的数据，不够结构化不易用276/29/2019交互设计师的职责——什么才是友好的交互交互体验表单提交点评:首要动作放在左边:把重要操作放在表单的左边，使眼睛跟随一条清晰的路线标签语言明确首要动作凸显286/29/2019交互设计师的职责——什么才是友好的交互交互体验表单提交296/29/2019交互设计师的职责——什么才是友好的交互交互体验点击提示306/29/2019交互设计师的职责——什么才是友好的交互交互体验点击提示点评:避免冗长的文本段落；使用标题、短语、要点316/29/2019交互设计师的职责——什么才是友好的交互交互体验错误提示点评:给予用户适当的行为约束——为用户封闭掉不正确的道路326/29/2019交互设计师的职责——什么才是友好的交互交互体验错误提示336/29/2019交互设计师的职责——什么才是友好的交互交互体验显示路径346/29/2019交互设计师的职责——什么才是友好的交互交互体验显示路径点评:路径名称和导航名称一致；对于手机等视域相对狭窄的产品，尽量通过标题，导航等显示当前路径。针对WAP产品，可以考虑页面头部和底部采用导航复现的设计，以减少用户操作复杂性356/29/2019切切换换页页面面承载的信息量较多,可以进行一些复杂操作可以包含一些独立的链接地址交互设计师的职责——什么才是友好的交互交互体验新开窗口点评:弹出窗口优势:响应及时，操作有延续性；弹出窗口的常用情况:重要提示，二次确认；用户在原界面上有输入的内容；用户需要根据原有界面的内容，来选择或判断新界面的内容，对页面内容的扩充366/29/2019iPhone

Vs

Android交互体验交互方式统一交互设计师的职责——什么才是友好的交互点评:标签&操作位置没有统一376/29/2019交互体验交互方式统一交互设计师的职责——什么才是友好的交互386/29/2019浏览体验栏目的层级交互设计师的职责——什么才是友好的交互点评:分类的深广度要平衡，让用户很容易就能找到他们想要的。396/29/2019交互设计师的职责——什么才是友好的交互浏览体验栏目的层级点评:淘宝首页类目地图大概有300个类目，使用了三层结构将他们清晰得展示出来，每层类目都是4～12个之间406/29/2019交互设计师的职责——什么才是友好的交互浏览体验图标的有效表达点评:状态Vs按钮416/29/2019浏览体验交互设计师的职责——什么才是友好的交互分页浏览点评:426/29/2019可以在同一页面展现的内容就不要分多个标签,让用户一目了然,减少操作动作交互设计师的职责——什么才是友好的交互浏览体验栏目的命名点评:栏目标签应该精简，准确436/29/2019交互设计师的职责——什么才是友好的交互浏览体验栏目的命名点评:不同操作，标题名应该不同446/29/2019交互设计师的职责——什么才是友好的交互浏览体验控件的错误使用456/29/2019交互设计师的职责——什么才是友好的交互可输入的文本字段无权限修改的文本字段不可编辑的文本466/29/2019浏览体验控件的错误使用点评:为只读数据提供输入控件（文本框）如想继继续续阅阅读读，可能遇到如下三种不同的设计:在文字区域内往往下下滚滚动动。这里的问题在于你必须在文字区域内滚动才行，但文字区域在屏幕上并无明显区分，用户必须猜用用手手往往左左滑滑动动页页面面，，不知道什么时候到头用用手手往往上上滑滑动动页页面面交互设计师的职责——什么才是友好的交互浏览体验与首、末页的距离476/29/2019情感体验人文关怀交互设计师的职责——什么才是友好的交互126/29/2019情感体验人文关怀交互设计师的职责——什么才是友好的交互126/29/2019情感体验使用用户语言506/29/2019交互设计师的职责——什么才是友好的交互点评:绝大部分用户都不是程序员，不可能知道什么是AJAX，对他们来说这个选项因为“AJAX”这个专业术语而失去了作用情感体验友好提示交互设计师的职责——什么才是友好的交互点评:通过发表“赞”，让用户有得到认可的成就感；提示框“留下评论”可以说的更友好126/29/2019情感体验文字的语气交互设计师的职责——什么才是友好的交互点评:在一些社交网站上，使用诙谐幽默语言，很容易增强网站的亲和力526/29/2019交互设计师的职责——什么才是友好的交互536/29/2019情感体验表现形式点评:大片的“2007-07-1022”容易阅读疲劳,不容易体现出用户的活跃程度交互设计师的职责——什么才是友好的交互546/29/2019情感体验表现形式感官体验默认值的设置交互设计师的职责——什么才是友好的交互点评:尽可能让用户用最少的工作来得到他们所需的结果；如果单选框没有被选，往往会让用户忽略该选项126/29/2019超超过过1秒秒钟钟的的等等待待要要有有进进度度显显示示在现实中,我们都有过体验,如果去银行排队,漫长的时间中,如果玩儿着手机,或是看等候区提供的杂志可能会好过一些。在web中用的比较早比较普遍的等待进度状态是上传,比如我们用web中的邮箱上传附件或是在视频分享网站上传视频,这些进度条往往都是由程序判断,可以给出预测性的完成时间或是完成的百分比,让用户有一种“期待感”感官体验显示当前状态交互设计师的职责——什么才是友好的交互126/29/2019上图，我故意没有把这些icon下面的文字一起截图，你能猜到这些导航是什么意思吗？为什么“对比”要用一个喇叭呢？感官体验图标使用交互设计师的职责——什么才是友好的交互126/29/2019感官体验文字——不同状态使用不同样式交互设计师的职责——什么才是友好的交互126/30/2019感官体验间隔式列表596/29/2019交互设计师的职责——什么才是友好的交互交互设计的重要性616/29/2019认为可用性不太重要,又很浪费钱一件可用性高的产品,会很快被市场和用户接纳。而如果一些产品没有考虑可用性问题而匆匆上市,这种不负责任的行为肯定会有损公司的形象,和产品的销量。可用性高的产品会节省很多后期的开销（例如售后支持的费用）交互设计的重要性626/29/2019认为交互设计不过就是“界面好看”它关心的是软件究竟如何工作,而不是表面看上去如何。例如用户学习使用产品时,是否感到费力、产品功能是否能满足用户的目标,用户完成任务的效率如何。交互设计的重要性636/29/2019认为用户能够适应所有的情况一些软件工程师坚信，只要软件提供相应的功能，用户就能学