评估网页表单的效率:KLM模型和GOMS模型

文章描述:如何评估表单填写效率—使用KLM-GOMS去分析.

如何评估你的表单填写效率—使用KLM-GOMS去分析你的表单效率

很多时候用户测试很难测试到表单的效率,通常的做法是,表单上线后来统计用户使用或者停留的时间来考量表单的效率,但是这种做法只能针对已经上线后的表单来考量。那么在一个表单在设计过程中,是否有什么科学的办法评估到所设计表单的效率呢?

1983年Card,Moran & Newall就在《人机交互心理学》(The Psychology of Human Computer Interaction)首次提及了GOMS模型,在早期人机交互设计领域也曾经掀起了一阵狂风。

那么什么是GOMS?

所谓GOMS就是Goals,Operators,Methods,Selection Rules,翻译成中文就是目标、操作、方法、选择规则。

Goals是指任务最终得到的结果。

Operators 是指在过程中所产生的所有的行为,包括控件使用,填写,选择,点击,悬浮等等操作。

Methods是指描述如何完成目标的过程。

Selection Rules是指判定的规则,就是在不同条件下遵循的不同规则。

为甚么要使用GOMS?

GOMS可以客观的记录下用户在填写表单中如何操作的全过程。并且为复杂的填写表单的过程提供了科学的分析方法。

它提供一种比较有效的计算方式,在测试不同版本的过程中,能够简单通过他来比对表单设计方案的效率性。

通过GOMS,能拿到比较可信的科学数据来证明你所设计表单的方案的填写效率。

那GOMS有很多分支流派?但是又有哪些是我们可以使用的呢?

CMN-GOMS,CPM-GOMS模型,KLM-GOMS,NGOMSL等等许多。

但是在表单填写GOMS运算中,我们需要重点了解的是击键模型。也就是简称KLM (Keystroke-level model)。KML是被简化的模型体系,他相对弱化了GOMS的概念更加强调O,也就是操作部分。1988年Bonnie John又进一步提出了简化版的CPM-GOMS理论。

KLM模型是一个 11 步方法就可以寻找出完成使用计算机和鼠标的简单的数据输入的任务所花费的时间评估方法。

这个模型运用于很多人机交互的领域,他可以通过任务的步骤和操作准确地计算出总体表单填写所需要的任务时间。

Kieras (1993年 2001 年) 定义了以下操作:

K、 按下的键和释放 (键盘)(wpm=words per minute )

最佳输入(135 wpm) —0.08 秒

较好输入(90wpm)—0.12 秒

较差输入(40wpm) —0.28 秒

平均熟练输入(55 wpm) —0.20 秒

平均非秘书型输入(40wpm) —0.28 秒

字母随意输入—0.28秒

复杂代码输入—0.50秒

最差输入(不同的键盘输入方式) —1.20秒

P、将鼠标指向屏幕的对象上—1.10 秒

B、按钮按下或释放 (鼠标)—0.10 秒

BB、双击鼠标—2 sec

H、手从键盘,鼠标移开或者放上—0.40 秒

M、心理准备—1.20 秒

T(n)、字符串类型的字符输入(n * K sec.)

W(t)、等待系统用户作出响应

D(n0,l0)、用鼠标画直线通过公式计算所需时间

那么KLM分析包含哪11步呢?

步骤 1 — — 获得原型或任务的一步一步的操作说明。

步骤 2 — — 找到所需的最终目标或所需的工作成果。

步骤 3 — — 找到实现主要目标的任务流。

步骤 4 — — 确定的主要目标和所有次级目标中的任务流。

步骤 5 — — 转换为代码。

步骤 6 — — 使用代码描述整个任务流过程。

步骤 7 — — 先保留每一步的心理或者操作。

步骤 8 — — 为每一步分配心理或者操作,也就是适当删减部分不需要的心理时间。

步骤 9 — — 执行运算。

步骤 10 — — 根据不同年龄层次调整任务总时间

步骤 11— — 验证结果的有效性

但是这其中,M(心理准备)的使用是关键的所在。M(心理准备)如何的放置甚至比其他操作的精确计算更加的重要。所以请确保在比对不同设计版本时使用同样的M放置规则。

因此对于如何放置处理M(心理准备),我们有以下建议:

启动任务,用户不得不停下对这次任务要做什么,这次任务要完成什么做一个明确的了解。

做决策,如果有多种方式可以进行任务的话,那么在做这个决定之前用户(不是非常熟悉该任务的用户或者这个所做决定不是显而易见的情况下)经常会停下来思考。

需要从记忆中获取信息,比如回忆文件名,命令符,或者缩写,都需要有一定时间的思考。

在屏幕中寻找一些信息,用户必须停下来然后浏览屏幕寻找他们通过经验而无法预估到的一些信息的位置。

考虑任务参考值,用户有时候会记住,有时候会读取参数,而在这种情况下就需要考量是否需要增加M(心理准备)。

校验行为的对错,用户在提交系统响应前通常会停留并且核对他们的信息或者核对他们的入口。

在网页中M(心理准备)的放置会有一些通用的原则:

K(敲击键盘)、P(移动鼠标至目标)、B(点击鼠标)、M(心理准备)、W(等待系统响应)。

原则1 输入内容(比如所有的K、P、B)开始的时候加入M。

比如你移动鼠标到某一目标,然后你点击这个目标(按下鼠标上的健),或者对这个目标进行调整,那么根据原则1你的时间计算是,MPMB;

原则2 去除可预期的M如果从M后的动作可以完全推测出M之前的动作,则除掉这个M。

比如在浏览图片的时候,点击图片就可以浏览下张图片,而作为一个长时间使用的用户已经完全知晓该操作后会产生的效果,这个时候的计算就成为,MPB;

原则3 去除一连串相同行为中的M,删除除了第一个M以外的所有的M。

比如输入”soso”四个字母,按照原则1,mkmkmkmk, 按照本原则MKKKK;

原则4 去除命令终结符之前的M。对于那些带有操作类的命令符,后面跟随一长串字符串时,并且长期习惯性使用时,就可删除M。

比如,登陆表单,并且非常熟悉的时候,在填写完成用户名,用tab切换继续输入密码时,我们可以删除M。

再比如,当输入一个命令符,并且知晓命令符后会产生效果的时候,回车执行之前的M也可以被忽略。但是有一种状况点击按钮会无法预知点击后会产生的效果,或者是点击按钮无形中会造成心理压力的行为,这个时候M还是需要被加回。

比如当购买按钮出现的时候,很多用户会产生心理上的犹豫,又比如删除按钮也是同样;

原则5 去除重复的M

当出现W,也就是系统响应时间时,这个时候的M需要被删除。

[1] [2]  下一页

时间: 2024-10-30 01:14:39

评估网页表单的效率:KLM模型和GOMS模型的相关文章

网页设计:WEBJX收集优秀的网页表单设计例子

文章描述:30个非常优秀的网页表单设计例子. 网页表单作为访问者与网站所有者主要的沟通途径,确保网页表单比较容易理解和使用起来比较直观成为网页设计的重要目标之一.每个网站都会有适合自己风格的表单,新颖的网页表单设计能吸引用户的注意力,让更多的用户填写反馈信息.在本文中将展示国外一些非常优秀的网页表单设计例子,以供欣赏借鉴. RxBalance Awesome Brian Handley Gowalla Form Spring Buffalo [1] [2] [3] [4] [5]  下一页

网页表单输入框设计:精心简化表单输入框

文章描述:简化输入 - 让网页表单更亲切. 大部分人不喜欢填表单,因为人们来到网站,主要目的不是填表,而是浏览或者购买.精心设计的表单,使输入变得流畅让人心情愉悦,而糟糕的设计让人扶墙吐血.那怎样才是优秀的表单呢?页面的布局.逻辑组织.视觉样式等都是值得关注的细节,其中简化输入是最近常被提及的,在这里我分享下自己工作中的心得- 1. 更高大的输入框 增加输入框高度,加粗字体,可以让网页上的输入框看起来更容易填写和阅读.随着电脑显示器尺寸变大,这样的输入框也显得更大气. 2. 添加选取器. 与其让

网页设计参考:寻找设计网页表单的灵感

网页制作Webjx文章简介:一组网页表单页面设计欣赏. 网页表单看似是网站中最常用的页面,内容大多也不会有啥变化,但这样看似简单的表单设计起来并不容易,原因就在于太简单了,所以在一些新手设计时会感觉不知从何开始.其实对于网页设计老手来说,表单设计也有自己的规律,最常用的一种方式就是根据网站整体风格进行设计. 而一些本身就很干净的网页来说,设计起来就需要花些功夫了.本文推荐的几个表单页面包含了复杂与干净的不同网站风格.可以从中寻找设计网页表单的灵感.

WEBJX收集30个优秀的网页表单制作实例

这里是30个相比风格更加明显,更注重"外貌"的包括评论表单在内的一些优秀的表单应用设计,任何人都希望可以在使用产品的同时能获得愉悦的感受,因此,一个提供易用漂亮的交互方式的Web表单可以吸引更多用户的响应,在愉悦使用的同时留下更直观的视觉印象. 相关文章: 网页设计师参考:网页登录表单设计实例 网页交互设计参考:漂亮的网页登陆表单设计实例 CSS网页设计实例:15个用CSS设计的网页表单实例 1. Synch Media 2. Ft designer 3. Glass house 4.

测试网页表单的交互设计

作为网页表单交互设计,有时候网页设计师本身要进行一些极端的测试,这就包括填写和思考一些普通用户很难想去做的一些动作.比如在价格输入框中填写英文字母,什么都不输入的时候按提交按钮等等. 一般作为测试者,我们都要尽可能的把一切可能发生的用户行为考虑到,即便这种可能性出现的概率很低. 以下我们来具体分析啊下网页表单的交互设计中的极限测试以及对淘宝等网站进行观察,看看这些大网站对于表单交互测试做到了什么程度! 如图: 1. 你会在search bar什么都不输入的情况下就按search button吗?

有效网页表单的八条规则

如果你正从你的用户那里收集信息, 没有比网页表单更简单和直接的办法了.一份有良好设计的表单可以提供有价值的信息, 相反, 他们有可能把用户吓跑.明确了这一点之后, 每个设计师就应该知道一些设计网页表单的规则. 文章中所有的实例都是用CoffeeCup Web Form Builder生成的. 1. 保守性的搭建, 并带有目的性的设计表单 我们要面对的现实是没有人喜欢花大把的时间填写表单. 保持表单的短小精悍并且剔除绝对不必要的或者不会提供实际收效的表单元素. 保证表单的每个部分都对整体起到了推动

网页表单设计中的反馈提示

版权声明:转载时请以超链接形式标明文章原始出处和作者信息及本声明http://lilong4174.blogbus.com/logs/39063960.html 反馈这个词儿其实是控制论的基本概念,泛指发出的事物返回发出的起始点并产生影响.在信息交互过程(输入输出)中,它是一种界面输出物,用以提醒信息输入者他的操作结果.它有很多种形式,包括界面元素.声音.影像变化和物理位移(如震动)等. 我们这里讨论的反馈仅特指用户对网页表单元素进行操作所得到的可视化的输出信息,为了加强区分避免歧义,我们这里姑

CSS设计符合Web标准的网页表单的几个技巧

本文总结了用div CSS进行网页表单布局的五个小技巧可以帮助你更灵活的控制表单,使页面更加满意. 1.表单文本输入的移动选择: 在文本输入栏中,如果加入了提示,来访者往往要用鼠标选取后删除,再输入有用的信息.其实只要加入onMouseOver="this.focus()" onFocus="this.select()" 代码到 <textarea> 中,一切就会变得简单多了,如: <textarea name=textarea wrap=virt

JavaScript获取网页表单action属性的方法

 本文实例讲述了JavaScript获取网页表单action属性的方法.分享给大家供大家参考.具体如下: JavaScript获取网页表单的action属性,即要提交到的url地址,有时候需要提交到当前页面,则可能会设置action为空 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <!DOCTYPE html> <html> <body> <form id="frm1" action="jb51.php&q