改进评论提交表单

星期四 03.05.2009 - Posted in 互联网产品设计, - 3,222 views
Dmitry这篇设计评论表单很有启发意义,尤其提到关键的评论内容、评论者信息录入顺序问题。好比我们在日常沟通时,对信息的反馈都是第一诉求,写信、写邮件、甚至写文章署名都是这步骤...

Dmitry这篇设计评论表单很有启发意义,尤其提到关键的评论内容、评论者信息录入顺序问题。好比我们在日常沟通时,对信息的反馈都是第一诉求,写信、写邮件、甚至写文章署名都是这步骤。于是,看完文章我便毫不犹豫的把blog评论改了过来。

但我不认为他文中提到的后两个例子是最好方案,都还有可优化空间。沿视线对齐调整完顺序之后,还处理了padding, font, label, tabindex等遗留问题,最后也最难搞的是兼容性。

任何用户访问post页面如果想发表评论,最先让他说出来。其次才是留下个人信息,同时表单自动记录用户cookie,避免下次重复录入。先让用户填这、填那有可能让某些用户反感,如果用户先填写了一堆信息之后,再请用户留下联系方式,我认为更顺畅、理所应当。

要降低留言门槛,还可以默认填写上用户名、邮件,支持用户自行修改。但我认为这么改不适合个人博客,就得留点门槛才对。如果进一步支持ctrl+enter提交,可操作性还是相当不错。

有网友提到用户习惯问题,的确中文博客我还没见有这样的评论表单顺序。不过没关系,我这套模板独一无二的设计又不是这一个地方。真正郁闷的是,做完之后跑到Usabilitypost查看原文,结果发现他们的Post your comment设计与我的处理几乎一样。

© 一叶千鸟(转载请留原文链接,更新于2009年08月31日1点)

20条评论 发表»

Datu says:

只要信息就可以了,省事儿

at9t says:

呵呵,收集邮件地址也是需要的阿~

季子乌 says:

发现译者那里就不要求填写“邮件地址”,个人觉得邮件地址并不是必要,是主观的要求,不是用户需要的。如果用户(浏览者/评论者)希望你反馈的话,自然会留下邮件地址,而如果Ta不愿意被收集(经常遇到的情况是,某个邮箱使用率最高——暴露率就会越高——垃圾邮件就越多…),也可能只在邮件地址里写下a@b.c这样的假邮件地址。
在业内使用邮件地址的机率可能并不高,但国内许多用户是很少用邮件相互联系的(可能更愿意留下QQ号或Ta的Sina博客地址等等)。而“评论”功能的应用并不只会在业内的博客站点里~~~所以也是要因地制宜的,呵呵~

zgjie says:

呵呵,我很早就这样改了。

同时我还考虑是不是发表评论的框要放在评论上面文章下面。因为刚看完一篇文章所说的话特别针对原文吧,有时再看完下面的评论之后没感觉了。而且评论主要是和原文交互,读者看不看下面的评论都无所谓。

千鸟 says:

@季子乌
邮件地址是否重要,各位站长说了算。比如我希望留的评论质量高些,人相对靠谱些,因为门槛高低通常和用户提供的内容质量成正比。

@Zgjie
你的设计仅仅放了下来而已,因为细节问题并没有完全表现出设计意图。
评论表单放评论之上,还是之下?结论太草率。

zaku says:

信息填的不符合要求,也能提交到php那里,页面跳了两次,一来一回,而且回来时还要手动点回退,是否考虑用JS先在前端做下提交判断?

千鸟 says:

@Zaku
这是wordpress的设计模式欠缺,不晓得有没有插件优化,个人认为这问题应该官方解决。修改的基本原则是改模板不改源码,得尽量保证向下兼容,如果要friendly估计还有点麻烦。

Jesse says:

使用起来感觉比较别扭,毕竟大家已经习惯了先填资料后填内容。而且不够美观。

闲耘 says:

赞同这种设计。
1.言论优先,避免填好资料却忘记要说的话了
2.上下结构,除非非常有规律,否则矩阵(既有横向,又有纵向)布局需要上上下下左左右右的看,眼花缭乱,也容易遗漏或忽视部分内容。

不过两个输入框间距离好像大了点,可以把文本标签放在输入框同一行。

lspcieee says:

当大多数都认为理所当然都是先写昵称,email的时候,就有点挑战习惯的味道。
不过话说回来。就好比吃饭,有的地方是点餐的时候买单,比如肯德基,麦当劳。有的地方是先消费后买单,比如那些酒店,饭馆。
乱说的,千鸟指教。

另,刚才正 Safari 4 访问,看到更新,评论,提交失败。重回IE

千鸟 says:

@Lspcieee
Safari没条件测试,通常我不做要求,谢谢提醒。

azero says:

wordpress评论表单的“网站”,实际上不用填写http://的
但是没有预先告之不用填写。。。
ps:评论内容在前的表单设计,早用了^_^

azero says:

千鸟:你这个编辑评论倒计时的是什么插件?不错

千鸟 says:

to all,

当你认为这个设计真正对用户有用时,就应该大胆去引导,否则说明你自己就没有判断力。个人博客上哪来这么多顾忌,好设计就该让用户养成习惯。just do it!

anyshpm says:

恩,这样的评论表单感觉很好多了

我是菜鸟,前来学习

芒果 says:

如何实现表单值的自动记录?

colin says:

学习!

Luin says:

考虑到wordpress可以保存用户资料,一般回头客只需要填写内容然后点击发表即可。把资料放在内容框和提交按钮之间感觉鼠标移动距离比较大。

beston says:

貌似很有道理,回头改善下

发表评论

Spammer必读