交互设计规范

中国体育彩票销售终端系统

交互设计规范

交互设计的定义

交互设计(Interaction Design, 缩写IxD 或者IaD),是定义、设计人造系统的行为的设计领域。人造物，即人工制成物品，例如，软件、移动设备、人造环境、服务、可佩带装置以及系统的组织结构。交互设计在于定义人造物的行为方式(the “interaction”,即人工制品在特定场景下的反应方式)相关的界面(Wikipedia)。通过对界面和行为进行交互设计，从而可以让使用者使用人造物来完成目标，这就是交互设计的目的。进一步讲，交互设计，应当是创造承接人类与计算机之间的界面即人机界面。

交互设计的两方面

交互设计的出发点在于研究用户和计算机交流(dialog)的时候，人的心智模型和行为模型，并在此研究基础上，设计界面信息及其交互方式，用人机界面将用户的行为翻译给计算机，将计算机的行为翻译给用户，来满足人对软件使用的需求。所以，交互设计一方面，是面向用户的，这时交互设计所追求的既是可用性(Usability)，这也是交互设计的目的所在；交互设计的另一个方面是面向计算机实现的，这时我们关注于“软件工程化”。

交互设计的核心要素

机器／系统，人，界面

精确描述我们的用户以及用户希望达到的目标，定义几个典型角色，并用故事的形

式表达出来。

交互设计的目标

目标是行动的驱动力，产品的功能和行为必须通过任务来解决目标产品成功的关键是目标，而不是特性

成功的交互设计师应该对目标高度敏感

用户目标：生活目标体验目标最终目标

产品目标：利润市场

交互设计的原则

可视性：功能可视性越好，越方便用户发现和了解使用方法

反馈：返回与活动相关的信息，以便用户能够继续下一步操作

限制：在特定时刻显示用户操作，以防误操作

映射：准确表达控制及其效果之间的关系

一致性：保证同一系统的同一功能的表现及操作一致

启发性：充分准确的操作提示

规范包括的内容

1页面信息规范

1.1标题规范

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

1.2新窗口链接规范

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

1.3新窗口链接规范

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

2交互信息规范

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

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

a.表单提交类

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

b.谨慎类操作

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

c.差异化规则

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

2.2操作信息提示

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

a.操作确认提示

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

b.操作错误提示

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

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

a.查询类结果

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

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

c.附加类结果

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

3通用控件规范

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

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

4交互设计的特点

4.1操作入口明确

就是指产品的任何一个功能都要有明确、合理的入口。

4.2可及性

可及，通俗的说是“可以达到”，加上主语和宾语，在“交互设计”这个大的语境下，含义应该是“用户可以达到自己的操作目标”。

4.3适时帮助

任何一个交互过程的操作，对于用户来说都有学习成本，谁也不能保证所有人都可以准确无误地走完一个流程。交互设计时应该考虑适时地给用户相应的帮助，这一点非常重要。适时帮助，是指在用户使用流程中，在需要的时候能及时地得到帮助；反之，在不需要帮助的时候,不要出现信息干扰。

4.4简洁清晰，自然易懂

什么是“简洁自然，清晰易懂”？简洁清晰：使信息最简化“少即是多”。提倡使用最少的元素来表达最多的信息。如果信息繁杂，将使用户承担大量的信息负担，造成信息过载，影响效率，不能帮助用户解决问题。自然易懂：使用用户语言用户获取信息的方式多样，并且对信息的理解程度也各有不同，所以使用用户平时使用和理解的表达方式去传递信息，更可以被用户所接受。

4.5突出重点，一目了然

简单的说就是，能够让用户在短时间内找到他们所需要的信息。

4.6标签明晰，有效

站在用户的角度，标签代表的是整个网站的内容、产品的结构，他们必须依靠标签的内