用网页表单按钮建立对点击结果的期望

概括起来,所有表单都可以用“OK/Cancel”按钮解决问题。但如果能更明确表单场景,帮助用户建立对点击结果的期望,传达效果更直接。比如注册表单最后,用“确定, OK”能告诉用户表单填写完成,但在提交注册表单肯定是注册用户,所以如果用“现在注册, Register now”则能更清晰的传达此时按按钮的结果。

同样道理,举最常见的blog评论表单例子。不少设计师blog评论表单按钮都是“发表、确定发表、发表评论、发言完毕”等类似说法,可见大家都有共识,普通的“确定, OK”放这真不合适。具体哪个标记最好?比较规矩的应该是“发表评论”,但我更倾向于“点击发表”类似略带强迫性的语气。

另外从场景上分析,我认为英文submit并不适合单独做评论表单按钮的标记,因为submit只有提交的意思,比较恰当的是submit comment。Gabriel Svennerberg 在08年写的论文(中译版)里提到四个关键点中的第二点总结为“Label the actions in a natural language. 标记动作用自然的语言。”

再举搜索例子,几乎所有搜索功能按钮都是“搜索”,但是我们会看到谷歌是“Google搜索”,而百度是“百度一下”,无非都在强化自己的品牌营销。进一步分析,Google的图片、视频、地图搜索按钮分别是“搜索图片、搜索视频、搜索地图”,整条产品线类似。而百度的新闻、网页、贴吧、MP3、图片、视频搜索全部是“百度一下”,只有百度知道用“搜索答案”。


从实际效果来看,搜索首页“百度一下”大大提升了百度的品牌价值,但整条产品线都“百度一下”是否恰当?我认为Google的方案更优越,因为给用户建立了更清晰的期望。相应看了下腾讯的Soso、网易的Youdao,都没做类似考虑。

其实,我觉得Soso的搜索按钮用“搜搜”就一举两得,干嘛还搜索啊,太俗了。

时间: 2024-12-21 03:49:31

用网页表单按钮建立对点击结果的期望的相关文章

测试网页表单的交互设计

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

网页表单有效的八条规则

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 如果你正从你的用户那里收集信息, 没有比网页表单更简单和直接的办法了.一份有良好设计的表单可以提供有价值的信息, 相反, 他们有可能把用户吓跑.明确了这一点之后, 每个设计师就应该知道一些设计网页表单的规则.文章中所有的实例都是用CoffeeCup Web Form Builder生成的. 1. 保守性的搭建, 并带有目的性的设计表单 我们要

JS定义网页表单提交(submit)的方法_javascript技巧

本文实例讲述了JS定义网页表单提交(submit)的方法.分享给大家供大家参考.具体如下: 这段代码表示网页表单提交时不是提交到指定的页面,而是执行一个特定的函数 <script> function saveInfo() { localStorage.setItem("name",$("#name").val()); } </script> <form id=register onSubmit="return saveInfo

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

本文实例讲述了JavaScript获取网页表单action属性的方法.分享给大家供大家参考.具体如下: JavaScript获取网页表单的action属性,即要提交到的url地址,有时候需要提交到当前页面,则可能会设置action为空 <!DOCTYPE html> <html> <body> <form id="frm1" action="jb51.php"> First name: <input type=&

JavaScript获取网页表单提交方式的方法_javascript技巧

本文实例讲述了JavaScript获取网页表单提交方式的方法.分享给大家供大家参考.具体如下: JavaScript获取网页表单的提交方式是get还是post,获取提交方式可以通过表单的method属性获得 <!DOCTYPE html> <html> <body> <form id="frm1" action="form_action.asp" method="get"> First name:

网页设计: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.