如何设计具可用性的网页表单?（4）
作者：党韬 来源：猪窝 发布时间：2010-03-20 21:57:00
标签：网页表单,设计,内容,表单
必填项的明确标识
表单中通常都会使用与其他文字颜色不一样的星号(*)来表示必填项,这样必填项是较突出的.尽管现在大多数网站包含(必填项)标识,但是其中的一些并没有合理的使用.
关于星号的解释说明文字应该直接放到表单的上面,所以用户在开始填写之前就能看见.有些网站将星号的解释文字放到表单的下方,多少看上去有点像脚注.下面的Elderluxe contact page例子中,星号解释文字的位置就很不好.
上面的例子中有两个问题: 星号的颜色和其他文字一样;解释文字放在了表单的底部.在大部分情况下,单独放一个星号就够了,无需解释的,但是如果你的目标用户不是电脑使用者(computer-savvy),你真的需要在表单的上面加上对于星号的解释.
下面这个来自Office Depot’s registration page的例子展示了将星号的解释文字合理的放置
尽管上面的这个例子也有一些问题(比如标签文字左对齐,字体过小,留白使用的太少),但是它很清晰的标明必填项,并且在用户填写表单之间就解释了星号的含义.这是这个例子中最重要的,前三项不是必填的,因此用户可以很安全的略过它们.
0
投稿猜你喜欢
- 曾经为看别人写的杂乱代码而头痛吗?曾经为看BWindow代码而烦恼吗?曾经为减小JS体积和JS的可读性之间的矛盾而左右徘徊吗?最好的办法是有
- vbscript中，错误处理使用on error resume next来完成，如果在你的代码里加入这一句，在这句之后的其他代码如果出现错误
- RSS是 Really Simple Syndication的缩写（对rss2.0而言，是这三个词的缩写，对rss1.0而言则是RDF Si
从 Google 的一个细节说起：整个虚线框都是“Next”的可点击区域。看似不经意，却直接提升了细节的可用性。其它页码也巧妙地和上面的字母- Yahoo和Google都有自己的建设高性能网站最佳实践, 我不做赘述, 需要了解的自行查阅资料:Yahoo的: Best Practice
- SQL Server Extended Events（下面简称XEvent）是SQL Server 2008里新加的事件处理系统，用来取代S
- 我们到目前为止所谈到的SQL语句相对较为简单，如果再能通过标准的recordset循环查询，那么这些语句也能满足一些更复杂的要求。不过，何必
- '-----------------------------------------------------------
- 把程序重新写了一遍，日期下拉选择器，可自定义日期范围。使用了一个技巧获取指定月份的天数。演示页面：DateSelector.htm 程序代码
- 最近设计一个优惠券列表，有个属性是有效日期，因为空间有限，必须要把开始日期和结束日期在一行显示，这样就出现一排的数字，日期有好几种我们习惯的
- 学习使用存储过程(Stored Procedure)，是ASP程序员的必须课之一。所有的大型数据库都支持存储过程，比如Oracle
- 半透明效果有时候会给页面增加不少色彩，特别是Vista盛行之后，半透明效果更加受推崇。在诸多可用于Web浏览的图片格式中，只有PNG格式和G
- 如何在线压缩Access数据库？Access数据库可以在线压缩吗？可以的，代码和说明见下：compact.asp<％option&nb
- 最近一段时间一直比较忙，已经有好几个月没有打理博客了。现将一个最近在项目中制作的一个菜单实例整理出来，共享一下。在后台或OA系统中最常用到的
- 如何随机显示图片计数器？一切就绪，看看我们的代码：count.asp＜ html ＞＜ head ＞
- HTML5之中一个很酷的新特性就是WebSockets，它可以让我们无需AJAX请求即可与服务器端对话。今天彬Go将让大家通过Php环境的服
- 如何用ASP建立Index Server查询对象并为其参数赋值？我们有两个方法可以做到这一点。一个方法是利用Index Server que
- 很多现代的浏览器在地址栏的右边有个搜索框，默认的安装有 Google 搜索等。如下图所示： 其实这是 OpenSearch 的一
- 给浏览器绑定事件有时候是非常痛苦的事情，不同的浏览器提供不尽相同的功能的同时，也提供了不同的事件。例如，IE 系列的浏览器支持 mousee
- 我在初学时查阅过大量相关资料，发现其中提供的很多方法实际操作起来并不是那么回事。对于简单的应用，这些资料也许是有帮助的，但仅限于此，因为它们
