回 帖 发 新 帖 刷新版面

主题:网站表单设计过程中的主次操作

一个表单的主要操作(通常是“提交”或“保存”)需要一个比较强的视觉比重(在上面的例子里用了亮色调、粗字体、背景色等),如图4.67所示.这相当于给用户一个提示:“您已/即将完成表单的填写”。

  当一个表单有多个操作时,如“继续”和“返回”,那么有必要减轻次要操作的视觉比重。这样可以最小化用户潜在的操作错误风险。

[img]http://www.mobandiy.com/news/pics/bb.jpg[/img]

  虽然以上内容可以更好地让你设计表单,但是组合布局、可视化元素以及内容,仍然播要经过用户的测试以及数据分析(完成度评估、错误报告等)。

  优秀的网站模板中的表单设计会让用户有一种填写的冲动,并且能够最大限度地降低用户的出错率。

  浏览网站时肯定遇到过这样的Web表单:一个包含100多个国家的下拉列表框,一个有31个选项的日期下拉列表框等,经常使人饱受挫折。

  表单除去文本信息(如label和其他提示等)和提交按钮,还包括5种元素:下拉列表框(select)、单选按钮(radio)、复选框(checkbox)、输入框和超链接。

[img]http://www.mobandiy.com/news/pics/aa.jpg[/img]
[url=http://www.mobandiy.com]http://www.mobandiy.com[/url]

回复列表 (共1个回复)

沙发


  [b]网站表单的整体效果和局部调整[/b],使用下拉列表框的原则就是使用户浏览选项的时候更加方便,不会费眼神,不会点错.对于单选、复选的选项,减少选项的数且,同时也可以使用短句来作为选项.给选项赋予一个合理的逻辑顺序.如按首字母排列、按声母排序等,然后根据普遍情况确定默认值表单可供选择的元景有限,但是要做好也不容易.一般情况下,要对表单边框进行易识别处理,包括边缘线,再次就是输入文字的大小控制,同时也要注惫做好颇色的处理.为了方便阅读,一般不会选择纯黑色的文字和边框,而是降一个灰度等级,如图4.74所示易用性主要表现在可识别性上,所以应更好地增加表单视觉影像.使其具有表现自身的能力。编辑于[url=http://www.mobandiy.com]网站模板设计中心[/url]

我来回复

您尚未登录,请登录后再回复。点此登录或注册