什么是交互设计

2020/2/15交互设计那些事儿2020/2/152目录什么是交互设计交互设计在产品流程中参与的环节（举例说明）交互设计师的输出文档交互设计师Vs美工Vs需求分析师交互设计师的职责——什么才是友好的交互交互设计的重要性什么是交互设计2020/2/154什么是交互设计网上付费搜狗输入法VsQQ输入法Palm手机的返回功能2020/2/155什么是交互设计没必要的提醒不需要出现而适时出现的提示或功能，用得好，不但不会骚扰用户，还是对用户的细致的关怀2020/2/156什么是交互设计2020/2/157什么是交互设计交互设计：它并不是指产品本身是如何工作的，而是指产品如何和用户联系并发挥作用，也就是人们如何“接触“或者“使用”它。它涉及的内容包括功能是否易用、简约，使用过程中是否友好，界面是否美观等方面。交互的目的：努力让产品的界面更加具有可用性，如何让用户有更良好的体验。这是一种对产品的优化，通过这种优化，用户能更方面地完成任务，获得良好的感觉。交互设计参与的环节2020/2/159交互设计参与的环节2020/2/1510交互设计的前期工作（重点）产品概念模型分析从产品需求以及功能逻辑入手，结合对相关产品的经验积累，对用户的理解，为产品设计一个尽量接近用户对产品运行方式理解的概念模型，成为产品设计的基础框架；功能结构分析理顺交互组件之间的结构关系；信息架构分析设计产品界面中应该包含的控件数量和类型、控件之间的逻辑和组织关系，以支持用户对控件所代表的功能的理解；交互流程分析在上述模型的基础上丰富交互组件，撰写重点操作的交互说明，设计成为一套完整的可模拟的产品原型产出物：产品交互模型，交互说明文档概念模型分析功能结构分析信息架构分析交互流程分析交互模型/说明文档与需求方进行确认是/否通过？交互设计参与的环节2020/2/1511交互设计的后期工作安排美工进行设计结合产品交互模型的框架，安排美工进行效果图设计；辅助开发人员针对产品交互模型，交互说明文档，向开发工程师进行说明，使开发工程师能够对产品功能正确理解；针对难以实现的功能交互，与开发工程师进行协商，沟通安排美工进行设计产品效果图交互设计参与的环节交互模型/说明文档与开发人员沟通辅助开发工程师2020/2/1512交互设计参与的环节产品需求广告平台的一个投放系统根据广告受众所在的地区，做广告的定向投放可以精确到城市，可以多选如果用户没有选择任何选项，则该广告会面向全国投放2020/2/1513交互设计参与的环节交互设计师：设计框架2020/2/1514交互设计参与的环节交互设计师：与需求方进行讨论，确认2020/2/1515交互设计参与的环节交互设计师：设计交互模型2020/2/1516交互设计参与的环节交互设计师：进行细节考虑，完成交互说明产品的一期原型，还需要进行字体，风格，图标等细节的考虑2020/2/1517交互设计参与的环节交互设计师：进行细节考虑给用户/需求方演示，收集调整的信息输出文档介绍2020/2/1510输出文档介绍——产品交互模型产品原型设计产品原型设计：具体的对产品进行交互操作，对产品可用性的评估有一个具形的认识；易于发现产品交互使用中的不合理性；在产品进行开发前，向用户进行产品演示，从而找出设计师与需求方对产品理解差异，及时对产品设计进行调整2020/2/1511输出文档介绍——效果图视觉设计效果图设计：向美工说明产品界面的细节规范，用户展示产品最终的视觉效果需求·交互·美工2020/2/1522交互设计师VS美工VS需求分析师怎么才能更好看？要还是不要？美术设计师交互设计师用户可以在此快速进入A页面需求分析师2020/2/1523交互设计师交互设计师：职责内容：行为设计&界面设计比如：按钮如何摆放更符合用户使用习惯，更显而易见；导航方式如何安排，是用户快速熟悉功能模块的应用；对同一类操作行为是否保持一致性？……交互设计师VS美工VS需求分析师2020/2/1524交互设计师VS美工VS需求分析师美工美工：结合公司背景，使用人群，设计系统界面视觉效果交互设计师的职责2020/2/1526交互设计师的职责——什么才是友好的交互•用户注册交互体验2020/2/1527交互设计师的职责——什么才是友好的交互•表单填写交互体验点评：对于有约束的数据，不够结构化不易用2020/2/1528•表单提交交互设计师的职责——什么才是友好的交互交互体验点评：首要动作放在左边：把重要操作放在表单的左边，使眼睛跟随一条清晰的路线标签语言明确首要动作凸显2020/2/1529•表单提交交互设计师的职责——什么才是友好的交互交互体验2020/2/1530•点击提示交互设计师的职责——什么才是友好的交互交互体验2020/2/1531•点击提示交互设计师的职责——什么才是友好的交互交互体验点评：避免冗长的文本段落；使用标题、短语、要点2020/2/1532•错误提示交互设计师的职责——什么才是友好的交互交互体验点评：给予用户适当的行为约束——为用户封闭掉不正确的道路2020/2/1533•错误提示交互设计师的职责——什么才是友好的交互交互体验2020/2/1534•显示路径交互设计师的职责——什么才是友好的交互交互体验2020/2/1535•显示路径交互设计师的职责——什么才是友好的交互交互体验点评：路径名称和导航名称一致；对于手机等视域相对狭窄的产品，尽量通过标题，导航等显示当前路径。针对WAP产品，可以考虑页面头部和底部采用导航复现的设计，以减少用户操作复杂性2020/2/1536•新开窗口交互设计师的职责——什么才是友好的交互交互体验点评：弹出窗口优势：响应及时，操作有延续性；弹出窗口的常用情况：1.重要提示，二次确认；2.用户在原界面上有输入的内容；3.用户需要根据原有界面的内容，来选择或判断新界面的内容，对页面内容的扩充2020/2/1537•交互方式统一交互体验交互设计师的职责——什么才是友好的交互点评：标签&操作位置没有统一2020/2/1538•交互方式统一交互体验交互设计师的职责——什么才是友好的交互2020/2/1539•栏目的层级浏览体验交互设计师的职责——什么才是友好的交互点评：分类的深广度要平衡，让用户很容易就能找到他们想要的。2020/2/1540浏览体验交互设计师的职责——什么才是友好的交互•栏目的层级点评：淘宝首页类目地图大概有300个类目，使用了三层结构将他们清晰得展示出来，每层类目都是4～12个之间2020/2/1541浏览体验交互设计师的职责——什么才是友好的交互•图标的有效表达点评：状态Vs按钮2020/2/1542浏览体验交互设计师的职责——什么才是友好的交互•分页浏览点评：可以在同一页面展现的内容就不要分多个标签，让用户一目了然，减少操作动作2020/2/1543浏览体验交互设计师的职责——什么才是友好的交互•栏目的命名点评：栏目标签应该精简，准确2020/2/1544浏览体验交互设计师的职责——什么才是友好的交互•栏目的命名点评：不同操作，标题名应该不同2020/2/1545浏览体验交互设计师的职责——什么才是友好的交互•控件的错误使用2020/2/1546浏览体验交互设计师的职责——什么才是友好的交互可输入的文本字段无权限修改的文本字段不可编辑的文本•控件的错误使用点评：为只读数据提供输入控件（文本框）2020/2/1547浏览体验交互设计师的职责——什么才是友好的交互•与首、末页的距离2020/2/1512•人文关怀情感体验交互设计师的职责——什么才是友好的交互2020/2/1512•人文关怀情感体验交互设计师的职责——什么才是友好的交互2020/2/1550•使用用户语言情感体验交互设计师的职责——什么才是友好的交互点评：绝大部分用户都不是程序员，不可能知道什么是AJAX，对他们来说这个选项因为“AJAX”这个专业术语而失去了作用2020/2/1512•友好提示情感体验交互设计师的职责——什么才是友好的交互点评：通过发表“赞”，让用户有得到认可的成就感；提示框“留下评论”可以说的更友好2020/2/1552•文字的语气情感体验交互设计师的职责——什么才是友好的交互点评：在一些社交网站上，使用诙谐幽默语言，很容易增强网站的亲和力2020/2/1553情感体验交互设计师的职责——什么才是友好的交互•表现形式点评：大片的“2007-07-1022”容易阅读疲劳,不容易体现出用户的活跃程度2020/2/1554情感体验交互设计师的职责——什么才是友好的交互•表现形式2020/2/1512•默认值的设置感官体验交互设计师的职责——什么才是友好的交互点评：1.尽可能让用户用最少的工作来得到他们所需的结果；2.如果单选框没有被选，往往会让用户忽略该选项2020/2/1512•显示当前状态感官体验交互设计师的职责——什么才是友好的交互2020/2/1512•图标使用感官体验交互设计师的职责——什么才是友好的交互2020/2/1512•文字——不同状态使用不同样式感官体验交互设计师的职责——什么才是友好的交互2020/2/1559•间隔式列表感官体验交互设计师的职责——什么才是友好的交互交互的重要性2020/2/1561交互设计的重要性认为可用性不太重要，又很浪费钱一件可用性高的产品，会很快被市场和用户接纳。而如果一些产品没有考虑可用性问题而匆匆上市，这种不负责任的行为肯定会有损公司的形象，和产品的销量。可用性高的产品会节省很多后期的开销（例如售后支持的费用）2020/2/1562交互设计的重要性认为交互设计不过就是“界面好看”它关心的是软件究竟如何工作，而不是表面看上去如何。例如用户学习使用产品时，是否感到费力、产品功能是否能满足用户的目标，用户完成任务的效率如何。2020/2/1563交互设计的重要性认为用户能够适应所有的情况一些软件工程师坚信，只要软件提供相应的功能，用户就能学会使用。但是，用户凭什么要这么做呢？如果他们没时间去学习，没有足够的动力去学习，怎么办？或者竞争者的产品更加容易使用，也能提供相似的功能，怎么办？最后谁会是最终的损失者？不是用户，而是公司。2020/2/1564交互设计的重要性认为交互设计只是凭空生成的灵感体现事实上，交互设计是一项工程，它以科学为基础，并且需要明确的要求，同时还具备限制条件。需要综合考虑——》测试、评估——》修正不要说“我们需要你的设计一次成功”或者“为什么要测试？难道你不是个好的设计师？”之类的话，因为这是不可能的。谢谢观看如果有片面不当之处，请及时指出！