优秀的网页评论表单的设计方法

⊕ 网站首页 ⊕注册会员 ⊕ 本站免费电影 ⊕ 留言板 ⊕ 繁體中文

您现在的位置：陈鹏个人网站 >> 电脑应用 >> 网络应用 >> 网页制作 >> 正文

专题栏目

最新热门

最新推荐

相关文章

ABPlayer获得“首届中国
 花最少的钱玩QQ 3D秀的诀
 好用的网易POPO的离线短
 挂QQ的网页源代码[ASP/P
玩转Maxthon里的网页版Q
王大妈的网恋
 外婆和她的网友QQ聊天记
 QQ秀“升级”后收费的网
 个性教你巧妙制作空白Q
不用登录查看网友QQ秀的

优秀的网页评论表单的设计方法

优秀的网页评论表单的设计方法

作者：陈鹏文章来源：eNet 点击数：更新时间：2009-9-12 2:52:21

vadim，usabilitypost 的读者，发表过一篇很有意思的文章，《评论表单设计》。文章里说他在网上留心很久，发现了网上的大多数表单都把“姓名”和“Email” 作为必填的选项，不过作为评论表单来说和传统表单应该有区别了，除了“姓名”和“Email”外，“评论项”也是必不可少的，如图：

　　

　　vadim提到，他曾特意去观察一些有上百条评论的热门博客，他发现这些博客的评论表单的选项非常多也没有注明是否必填，很多人不得不在某些对他们没用的选项留下”none”和”n/a”。

　　这些表单很多选项并不是非填不可的，但是没有提示，很容易让人产生思路混乱，因此除了姓名和Email，其它的都应该可以算作是选填项吧。不过作为评论表单，评论框也应该是作为必填项存在，当然，如果你足够聪明那也行~~

　　做一个优秀的评论表单设计

　　如何设计一个完美的评论表单？

　　UX Matters 写过一篇《label placement in forms》(表单中的标签位置)的好文。这篇文章的研究是基于eye-tracking，可以算的上是比较权威的。

　　摘自本文“你应该把label标签放在input的上面，这样的布局，可以让眼睛始终保持label和input的最小距离，如果你要把label放在input的左边的话，那你至少要保持label中文字右对齐，这样也是一种最小距离。同时建议文字不要使用粗体。”

　　一个好的评论表单设计，应该是label和input越靠近越好，如果label在input之上那是相当完美的位置啦，但是实际操作可能需要考虑到实际的产品需求，字段的多少。大多数表单都是先‘姓名’，接下来‘Email’，其次是‘网址’，最后是‘评论框’这样排列，几乎所有的博客和网站的评论框都是用这样的排列方式，但是否这样的方式是最好的方式？

　　我的一个朋友，做了一个与众不同的评论表单设计，如图：

　　

　　这样的设计挑战了传统的设计，把评论框放在了第一的位置，然后才是评论者的信息。这样的方式可以让你先写评论，再登录/注册，就像人们写信一样，先?a href='http://product.enet.com.cn/price/plist100_64083.shtml' target='_blank' class='article'>研诺哪谌菪春茫僭诮嵛泊η┳帧Ｎ蚁胝庋赡芑岣没б恢中赂芯醢伞?

　　当然，这样的评论表单并不是非常完美的那种，它让用户必须得先到右侧找到输入框，填好信息之后，再回到左侧确定提交才行。

　　于是，我这推荐另一种我觉得不错的表单，是来自Particletree blog：

　　

　　感觉非常好的表单，我们能够第一时间看到评论框，紧靠在下面就是作者信息框了，label标签也在input上方，布局就像ux matter说的那样。提交按钮在所有的字段后，并且居中显示，必填项也有红色的星号提示。再一次说下，非常不错。我可能会把usability post的评论框也换成这种儿。。。

　　你是怎么想的呢？你觉得传统的那种评论框不错？还是我给你推荐的2种新式的表单很好？还是你有新的好方法？我非常欢迎听到你们的想法：）

文章录入：陈鹏责任编辑：陈鹏

上一篇文章：实例：分析关键词的选取技巧

下一篇文章： CSS代码中进行注释的三种方法

【字体：小大】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】