所谓的多用户体验,其实就是让多用户” 习惯”, Don’t make user think. 这个是终极目标啦,随着产品的不断的改善,多用户体验也在随之变化。但是,如果您在做一款产品,所谓的标准,终极检验方法,还是多用户,以及多用户对于产品的反馈。 对于互联网产品的设计,有一些标准的多用户习惯,可以作为所谓量化的标准。

  多用户介面设计的三大原则是:

  置介面于多用户的控制之下;

  减少多用户的记忆负担;

  保持介面的一致性。

  多用户介面设计在工作流程上分为结构设计、互动设计、视觉设计三个部分。结构设计也称概念设计 (Conceptual Design),是介面设计的骨架。通过对多用户研究和任务分析,制定出产品的整体架构。互动设计的目的是使产品让多用户能简单使用。 任何产品功能的实现都是通过人和机器的互动来完成的。因此,人的因素应作为设计的核心被体现出来。视觉设计包括色彩、字型、页面设计等。视觉设计要达到多用户愉悦使用的目的。

  通过 “指标” 就是我们用来衡量多用户体验的标准,将标准分为三个等级,分别占 0 分、 1 分、 2 分,每个标准都有它的评分标准,当多用户反馈的问题完全符合这个标准时,就占 0; 如问题不符合标准,就占 2 分; 如问题不严重,只是还不够完善,就占 1 分; 后拿问题去套这里的标准,得出来的总分就是我们要评定改版的指标了。

  总分越高,说明该条的多用户体验越差,后我们将得出的总分来判断问题的多用户体验值:总分在 0 – 5 分且单个标准在 2 分以下的 (标示多用户体验为良好); 总分在 5 – 10 分且单个标准在 2 分以下的 (标示多用户体验为较差); 总分在十分以上或有 2 个 2 分以上的标准的 (标示多用户体验为很差) 。

  结构设计

  有足够的空间让多用户看到主要的内容,要适合多数浏览器浏览 (以 15 、 17 寸、 19 寸显示器为主)

  0:足够看到主要内容

  1:只看到 2/3 看到

  2:小于 1/3 的内容

  尽量避免使用结构复杂的表格,表格巢状不要超过 3 层;

  0:小于等于 2 层

  1:三到四层

  2:五层或五层以上

  页面长度原则上不超过 3 屏,宽度不超过 1 萤幕。 (以 1024X768 为准)

  0: 长小于 3 屏,宽小于 1 屏

  1: 长超出 3 屏或宽超出 1 屏

  2: 长超出 3 屏,宽超 1 屏

  页面避免使用 iframe,如果必须使用,采用对应的优化方式。 (优化是指:对浏览器是否支持框架进行判断以及 iframe 宽高度自适应页面)

  0: 无 iframe

  1: 有 1-2 个 iframe,且无优化

  2: 多于 2 个 iframe, 且无优化

  页面布局要重点突出,图文并茂; 做资料统计,将目标客户感兴趣的放置在重要显着的位置 (一般为页面的头部和左上角)

  0: 重点突出,图文并茂,且在重要的位置放的是多用户感兴趣的

  1: 重点不突出或没有图文并茂

  2: 重点不突出且没有图文并茂

  互动设计

  表单的填写流程要清晰、简洁,必填的项要放在页面的显着位置 (主体页面的头部,),非必填项不能影响多用户填写的效率。

  0:必填项位置显着,非必填项没有影响多用户填写的效率

  1: 必填项位置不显着或非必填项影响了多用户填写的效率

  2: 必填项和非必填项混在一起,影响了多用户填写的效率

  表单的填写尽量多采用既有选择也有输入的方式,需填写部分需注明内容的例项,并对栏位作出限制。

  0: 既有选择也有输入的方式,并有注明例项

  1: 没有选择性输入或没有注明填写的例项

  2: 没有选择性输入且没有注明填写的例项

  对于互动性的按钮必须清晰突出,以确保多用户可以清楚地点选。

  0: 调查 10 人 (8 人或以上的人很快就能点选到按钮)

  1: 调查 10 人 (只一半的人很快就能点选到按钮)

  2: 调查 10 人 (6 人或以上的人在短时间找不到要点选的按钮)

  点选:浏览过的资讯需要显示为不同的状态,以区分于未阅读内容,避免重复阅读。

  0: 有不同的状态显示

  1: 只有部分有不同的状态显示

  2: 没有状态显示

  尽量减少新开的视窗,以避免开过多的无效视窗:开启的 IE 新视窗不超过 2 层; 开启的 IE / DIV / alert 新视窗总不超过三个,避免在 DIV 视窗再开启 DIV 视窗。

  0: IE 视窗<=2 IE+DIV+ALERT 新视窗 <=3,DIV视窗没有再开启DIV视窗   1:IE视窗>=2或 IE+DIV+ALERT 新视窗 >=3 或 DIV 视窗没有再开启 DIV 视窗

  2: IE视窗>=2 IE+DIV+ALERT 新视窗 >=3,DIV 视窗有再开启 DIV 视窗

  涉及到多用户操作的东西,要有及时、清楚的错误、成功或资讯提示; 并要能储存上一步操作。

  0:有及时清楚地提示,能储存上一步操作

  1: 无提示或不能储存上一步操作

  2: 无提示也不能储存上一步操作

  对于每一个点选进行友好提示,以增加浏览者的亲和度,对图片、图示、连结有 TIP 提示或在相应位置加 “说明” 、 “注意” 的文字资讯。

  0: 每一个点选进行友好提示

  1: 有提示,但提示不友好 无友好的提示

  对多用户输入性的操作,提供快速反馈; 将游标定位到个要输入的表单物件上,给多用户心理上的暗示,避免多用户焦急。

  0: 有快速的反馈,且有游标定位

  1: 反馈不快速或无游标定位

  2: 无快速反馈、无游标定位

  栏目的命名要与栏目内容准确相关,简洁清晰,不宜过于深奥。

  0: 调查 10 人 (8 人或以上的人认为栏目命名很好)

  1: 调查 10 人 (只一半的人认为栏目命名好)

  2: 调查 10 人 (6 人或以上的人认为栏目命名深奥)

  导航要清晰,栏目的层级多不超过三层; 且随时转移功能,很容易从一个功能跳到另外一个功能。

  0: 导航栏的层级不超过 3 层

  1: 导航栏的层级为 4 层

  2: 导航栏的层级多于 4 层

  在页面的醒目位置 (主体页面的头部),提供资讯搜索框和排序功能,便于查询到所需内容

  0:有醒目的搜索框和排序功能

  1: 有搜索框和排序但不醒目

  2: 无搜索框和排序

  正常情况下, 尽量确保页面在 5 秒内开启。如果是大 型入口网站,必须考虑南北互通问题,进行必要的压力测试

  0: 1 – 2 秒内开启

  1: 3 -5 秒内开启

  2: 5 秒以上开启

  让多用户控制介面 (介面的大小、位置、大化、小化、关闭、滚动条控制等)

  0: 多用户能很好的控制

  1: 控制不完善

  2: 多用户不能控制

  无论多用户浏览到哪一个层级,哪一个页面,都可以清楚知道自己当前的位置,使其做出下一步行动的决定。

  0: 每个层级每个页面都有当前的位置

  1: 没有当前的位置或不知道下步的操作

  2: 多用户不知道自己在哪,也不知道下一步干嘛。

  对资讯量大的操作要有批量处理的功能 (如稽核、删除、新增等)

  0: 有批量处理的功能

  1: 只有部分有批量处理

  2: 无批量处理的功能

  视觉设计

  介面风格要协调一致,让多用户有一个整体的感觉。 (知名能提供换肤的功能)

  0: 典型多用户调查 10 人 (符合 8-7 人的习惯)

  1: 典型多用户调查 10 人 (符合 5 – 6 人的习惯)

  2: 典型多用户调查 10 人 (符合 1-4 的习惯)

  采用易于阅读的字型,避免文字过小或过密造成的阅读障碍。 (主体字 中文采用标准的 12PX 宋体; 英文采用 12PX Arial 字型)

  0: 文字便于阅读且有字型大中小设定

  1: 文字过小或文字过密

  2: 文字过小且过密,没有字型大中小的设定

  动画效果要与主画面相协调,档案大小在 10K 以上的要有载入画面。

  0: 动画与页面协调,有载入画面

  1: 动画与页面不太协调或 10K 以上动画无载入页面

  2: 动画与页面不太协调且 10K 以上动画无载入页面

  图片展示要比例协调、不变形,图片清晰。

  0: 图片清晰且不变形

  1: 图片不清晰或变形

  2: 图片不清晰且变形

  图示使用要简洁、明了、易懂、准确,与页面整体风格统一; 尽量使用真实世界的比喻。如:电话、印表机的图示设计,尊重多用户以往的使用经验。同样的功能用同样的图形。

  0: 调查 10 人 (8 人或以上的人认为图示使用合理)

  1: 调查 10 人 (只一半的人认为图示合理)

  2: 调查 10 人 (6 人或以上的人认为图示使用不合理)

  对于长篇文章 进行分页浏览,超过 1.5 屏时 进行翻页 (15 寸显示器为准)

  0: 超过 1.5 屏能分页浏览

  1: 2 屏以上才分页浏览

  2: 无分页浏览功能

  色彩与内容。整体不超过 5 个色系,尽量少用红色、绿色。近似的颜色表示近似的意思。以恰当的色彩明度和亮度,确保浏览者的浏览舒适度。

  0: 小于 5,主色没有用到红色和绿色

  1: 整体色调是红或绿或整体色系超出 5 个

  2: 整体色调就是红或绿,色系超出 5 个

  提供介面的快捷方式,一个功能有多个入口; 快捷方式体现出其关联性,放在显着的位置 (页面的头部或左上角)

  0: 在显着有关联性的快捷方式

  1: 有快捷方式但位置不显着

  2: 无快捷方式

  减少短期记忆的负担。让计算机帮助记忆,例:登入的多用户名称、密码、 IE 进入介面地址可以让机器记住。

  0: 有计算机帮助记忆

  1: 有部分记忆功能

  2: 无计算机帮助记忆。

  对于手机客户端的多用户体验标准,可以从这三个方向进行评估:结构设计请检验:1 、 2 、 5 互动设计可以全部,但是第 5 项改为尽可能减少开启连结。视觉设计也是可以全部,但是对于第二项字型,iphone 以及安卓,有自己标准的字型,按照其标准设计,就是多用户体验的理想状态。另苹果对 UI 是由标准的,下载一份标准。按照标准来,体验知名。