设计评论表单[译]
作者：Dmitry 来源：随想飞翔 发布时间：2009-03-25 20:41:00
作者：Dmitry @ Usability Post 版权所有 Copyright.
原文：http://www.usabilitypost.com/2009/01/06/comment-form-design/
设计评论表单
Usability Post的读者Vadim提出一个关于评论表单设计的有趣问题。他发现网页中两个文本框被标为必填项——姓名和邮件地址。而评论表单通常还有另外两个输入项：网站地址和评论内容。就像这样：
Vadim提到，他在一个有数百个评论的热门帖子中发现一个有趣的现象。那个帖子页面有如上所示的评论表单。他发现一些人回复帖子时将网站地址一项填为“none”或“n/a”。
网站地址不是必填项，不过这明显是被曲解了。上边的两项：姓名和邮件地址为标为必填，而其它项目并没有。一点让人困惑的是，评论内容也是必填的，而表单的设计则暗示你应该足够聪明能理解这一点。
优秀的评论表单设计
理想的表单设计是什么样的？
UX Matters发表过一篇名为《表单中的标签位置》的优秀文章。其发表的发现基于眼球追踪研究，所以文中建议非常真实权威。
总结一下的话……结论是文字标签应该放在文本框上方，可以使文字与文本框之间的视线距离最短。如果将文字放在文本框左侧，至少也要右对齐，同样，为了减少视线移动距离。而粗体字表现不佳，尽管此现象的原因尚存疑惑。（译注：《表》文中提到粗体字会让用户识别文字标签的时间延长60％。）
所以理想的评论表单是文字标签与文本框的距离很近，最好是在其上方。那表单项的顺序呢？大多数是由昵称开始，然后是邮件地址、网站地址，最后是评论内容。很多Blog和网站都是这样设计的。我想质疑这是否是最好的顺序。
我的一个朋友如下布局他的评论表单：
这一挑战惯例的表单以评论内容开始，随后才是评论者信息。这样你可以先说出你的评论，最后对你的评论签名。人们写信时是这个顺序。你首先写出信件内容，然后签上你的名字。我觉得评论表单这样设计更有意义。
当然，这个表单并不完美，因为访客需要观察右侧填入名字和邮箱地址，再返回左侧寻找提交按钮。下面是我觉而更好的设计。应用在了Particletree Blog：
非常棒。我们以评论内容开头，接着下边是评论者信息。文字标签和文本框很近，并且在其上方，就像UX Matters推荐的那样。提交按钮在整个流程的最下方，并在所有文本框的下方中央。必填项由红色星号标出。
我也会在Usability Post上试试。
你怎么认为？普遍使用的评论表单就工作的不错？还是更喜欢我的改变表单顺序设计？我想知道你们的想法。
0
投稿猜你喜欢
- 下载并选择MySQL的安装包由于MySQL一直在升级，所以当您阅读本文时，或许在其官方网站上已提供了新的正式版供你下载，因此，以下提供的链接
- 1、信息表新建立一个字段，并用0、1的方法判断信息的状态。 2、新建一个页面，定时刷新，并查询表中是否有字段值为0的记录。 3、当管理员点击
- 调度和锁定在很多客户一起查询数据表时，如果使客户能最快地查询到数据就是调度和锁定做的工作了。在MySQL中，我们把select操作叫做读，把
字体的处理在网页设计中无论怎么强调也不为过，毕竟网页使用来传递信息的，而最经典最直接的信息传递方式就是- Google Talk是一个功能很简洁的即时通讯工具，尤其是它的文字输入区域，不同于其他IM，除了一个文字输入区域外没有任何其他操作。但是用
- 刚开始进入页面，当滚动向下超过原屏的时候。右侧会出现一个“返回顶部”的按钮。这个按钮会跟这网页一起向上向下，当滚动到顶部的时候。“返回顶部”
- 最近开始在项目中使用Quickwork For Asp，虽然该框架是自己独立完成的，不过功能没做过详细的总结，所以很多参数总是会弄错，毕竟鱼
- 今天的这篇文章是讲XHTML中的细节部分的，这篇续述的主题就是ID与CLASS怎么用，在标题中有提及使用原则与技巧，这里的使用原则与技巧是我
- 用mysqldump和source可以使用这种方式导出数据：mysqldump -urott -P5678 --default-charac
- 下面我们以论坛排行榜举例说明：<％ @ LANGUAGE="VBSCRIPT" ％&
- 先介绍一下jsSmarty Project：简要说明：利用JavaScript?在客户端完成SmartyPhp的工作，加速模板开发。主要是利
- 十要：第一：要认真规划和分析。这是网页设计灵魂工作。创建站点之前，要明确你的网站主要针对哪些访问者，为哪些用户服务，要把握准主页题材第二：网
- XML是一项热门的技术。它之所以能够引起人们的兴趣，一个主要的原因在于它十分的简单，人们可以很容易地理解和使用它。每一个程序员都能轻易地看懂
- 知识点： 函数 replicate 以下代码是实现如下功能： 代码如下:declare @sql varchar(200), --需填充的字
- 简介模板方法模式，是行为型的设计模式。定义一个操作中的算法的骨架，而将一些步骤延迟到子类当中，使得子类可以不改变一个算法的结构即可重新定义该
- 其实在很久很久之前就发现search类型的input，该属性值是WebKit私有，不过一直没去查相关的属性，介于XXX原因，我找出其属性，回
- 下面代码即是VBScript代码在服务器端编译后的显示内容，如果我们把这段代码保存成静态文件（HTML）或JS文件，那么上一篇提出的问题就迎
- 首先，与其他语言不同，JS的效率很大程度是取决于JS engine的效率。除了引擎实现的优劣外，引擎自己也会为一些特殊的代码模式采取一些优化
- 不知道用ASP写代码的朋友是不是和我有一样的感受，ASP中最头疼的就是调试程序的时候不方便，我想可能很多朋友都会用这样的方法&ldq
- 当你的查询相对简单的时候，每次从头开始创建SQL语句也不费什么工夫，不过，复杂的查询就不同了，每次都从头来会产生很多开发错误。因此，一旦让S
