交互设计的规范

　　交互设计，又称互动设计，是定义、设计人造系统的行为的设计领域。交互设计在于定义人造物的行为方式(即人工制品在特定场景下的反应方式)相关的界面。

　　设计规范

　　当产品规模大了之后就需要多个产品设计师协作完成整个产品，由于不同产品设计师之间的设计理念、设计方法、设计习惯的不同，协作完成的产品往往会导致产品一致性差，质量参差不齐。

　　这个时候会需要一份交互设计规范来规范和指导产品设计，从而保证产品设计的一致性，提升整体产品质量。

　　页面规范

　　页面信息规范主要指页面的静态信息应该遵循的规则，包括:

　　1.标题规范

　　用于规定整个产品中所有不同层级不同功能的页面应该使用的标题的规则。

　　2.新窗口链接规范

　　用于规定页面链接是采用新窗口打开还是本窗口打开的规则。

　　3.图片规范

　　用于规定图片信息是否带有alt title值，这些值又取自那里。

　　信息规范

　　交互提示规范主要用于规定在交互过程中交互的方式及其信息提示，包括:

　　1.预先信息提示

　　所有交互进行前需要提供充分给用户的预先应该知道的提示信息。

　　a.表单提交类

　　表单提交的步骤，每个表单项的要求需要给出提示信息。(如密码要多少多少位。搜索框鼓励输入什么内容。)

　　b.谨慎类操作

　　一个操作对用户来说需要慎重操作的。如扣除金币等。需要预先提示。(如:扣除金币的操作需要预先提示扣除金币数目，以及当前金币是否足够等等。)

　　c.差异化规则

　　当一个功能的规则与用户习惯的规则具有一定的差异或比较复杂时，需要给出提示。或者给出帮助链接。

　　2、操作信息提示

　　所有交互进行中需要提供操作相关的提示。

　　a.操作确认提示

　　一个操作涉及数据删除，等需要谨慎操作的操作需要给出删除确认提示框。

　　b.操作错误提示

　　当用户的操作不符合操作的规则，需要给出操作提示。(如评论字数为0或超过限制字数，搜索框未输入内容时提交)

　　3、结果信息提示

　　交互进行后给出结果反馈是应该给出适当的提示。

　　a.查询类结果

　　任何信息列表、查询结果，当对应信息无结果的时候需要给出有无结果状态提示。

　　b.保存类结果

　　一个表单是用户提交保存数据的。如设置个人资料。提交保存后需要给出提示。成功绿色、失败红色、普通灰色。

　　c.附加类结果

　　一个表单是对其他数据进行附加的，如评论等。提交成功后应直接跳转到操作产生的结果展示部分。(如提交评论后应该直接展示给用户他提交的评论)

　　控件规范折叠

　　当有一些功能会被多个模块复用的时候(如标准评论框、标准好友选择器等)，需要把这些功能提炼出来设计成通。

　　用控件被多个模块共用。

　　有了页面信息规范、交互信息规范、通用控件规范就能保证页面信息的一致、交互方式及提示的一致、通用功能模块一致。从而保证产品的一致性，并提高产品质量。

　　设计流程

　　1、分析阶段

　　需求分析、用户场景模拟、竞品分析(聆听用户心声)。

　　需求分析:对于一个产品来说，必然有对用户需求的分析内容，交互设计更多的是从MRD与PRD获得，或者从产品需求评审会议上得到需求分析的内容，当然可以直接与产品经理交流获得相关产品需求。如果说设计原则是所有设计的出发点的话，那么用户需求就是本次设计的出发点。

　　用户场景模拟:好的设计建立在对用户深刻了解之上。因此用户使用场景分析就很重要，了解产品的现有交互以及用户使用产品习惯等，但是设计人员在分析的时候一定要站在用户角度思考:如果我是用户，这里我会需要什么。

　　竞品分析(聆听用户心声):竞争产品能够上市并且被UI设计者知道，必然有其长处。这就是所谓三人行必有我师的意思。每个设计者的思维都有局限性，看到别人的设计会有触类旁通的好处。当市场上存在竞品时，去听听用户的评论，哪怕是骂声都好，别沉迷于自己的设计中，让真正的用户说话。

　　输入物:MRD、PRD、市场调查报告、竞品分析文档(或其一或全部)

　　输出物:设计初稿(或许只是几个简单的界面)

　　2、设计阶段

　　设计方法采用面向场景、面向事件驱动和面向对象的设计方法。面向场景是针对该产品使用场所等模拟，模拟用户在多种情况下产品使用的模拟。面向事件驱动则是对产品响应与触发事件的设计，一个提示框，一个提交按钮……这类都是对事件驱动的设计。面向对象，产品面向的用户不同对于产品的设计要求不同，不同年龄层的用户对于产品的要求不同，产品的用户定位将对UI设计师影响因素。

　　输入物:交互文档(高保真原型)

　　输出物:设计终稿(所有的设计稿)

　　3、配合

　　UI设计师交出产品设计图时，更多的配合开发人员、测试人员进行截图配合。配合开发人员对于PSD格式的图片切图操作，对于不同的开发人员的要求，切图方式也有不同，UI设计师需配合相关的开发人员进行最适合的切图配合。

　　输入物:设计终稿

　　输出物:设计修改稿(设计稿切片)

　　4、验证

　　产品出来后，UI设计师需对产品的效果进行验证，与当初设计产品时的想法是否一致，是否可用，用户是否接受，以及与需求是否一致。都需要UI设计师验证，UI设计师是将产品需求用图片展现给用户最直接的经手人，对于产品的理解会更加深刻。

　　输入物:产品

　　输出物:产品(面向用户最终版本)

　　产品UI设计中夹杂着许多设计原则要求，统一公司UI设计流程，使UI设计师参与到产品设计整个环节中来，对产品的易用性进行全流程负责，使UI设计的流程规范化，保证UI设计流程的可操作性。UI设计师应该分析公司产品的特点，制定符合产品生命周期的UI设计流程。每个产品的生命周期中，UI设计师应该严格按照流程，完成每个环节的职责，确保流程准确有效的得到执行，从而提高产品的可用性，提升产品质量。