仓酷云
标题:
给大家带来优异的网页批评表单的计划办法
[打印本页]
作者:
谁可相欹
时间:
2015-1-15 23:54
标题:
给大家带来优异的网页批评表单的计划办法
层叠样式表(CascadingStyleSheets)的缩写,用于定义HTML元素的显示形式,是W3C推出的格式化网页内容的标准技术。网页设计者必须掌握的技术之一。
网页制造poluoluo文章简介:文章里说他在网上把稳好久,发明了网上的年夜多半表单都把“姓名”和“Email”作为必填的选项,不外作为批评表单来讲和传统表单应当有区分了,除“姓名”和“Email”外,“批评项”也是必不成少的.
vadim,usabilitypost的读者,宣布过一篇很成心思的文章,《批评表单计划》。文章里说他在网上把稳好久,发明了网上的年夜多半表单都把“姓名”和“Email”作为必填的选项,不外作为批评表单来讲和传统表单应当有区分了,除“姓名”和“Email”外,“批评项”也是必不成少的,如图:
vadim提到,他曾特地往察看一些有上百条批评的抢手博客,他发明这些博客的批评表单的选项十分多也没有说明是不是必填,良多人不能不在某些对他们没用的选项留下”none”和”n/a”。
这些表单良多选项并非非填不成的,可是没有提醒,很简单让人发生思绪凌乱,因而除姓名和Email,别的的都应当能够算作是选填项吧。不外作为批评表单,批评框也应当是作为必填项存在,固然,假如你充足伶俐那也行~~
做一个优异的批评表单计划
怎样计划一个完善的批评表单?
UXMatters写过一篇《labelplacementinforms》(表单中的标签地位)的好文。这篇文章的研讨是基于eye-tracking,能够算的上是对照威望的。
摘自本文“你应当把label标签放在input的下面,如许的结构,可让眼睛一直坚持label和input的最小间隔,假如你要把label放在input的右边的话,那你最少要坚持label中笔墨右对齐,如许也是一种最小间隔。同时倡议笔墨不要利用粗体。”
一个好的批评表单计划,应当是label和input越接近越好,假如label在input之上那是相称完善的地位啦,可是实践操纵大概必要思索到实践的产物需求,字段的几。年夜多半表单都是先‘姓名’,接上去‘Email’,其次是‘网址’,最初是‘批评框’如许分列,几近一切的博客和网站的批评框都是用如许的分列体例,可是否如许的体例是最好的体例?
我的一个伴侣,做了一个不同凡响的批评表单计划,如图:
如许的计划应战了传统的计划,把批评框放在了第一的地位,然后才是批评者的信息。如许的体例可让你先写批评,再登录/注册,就像人们写信一样,先把信的内容写好,再在开头处具名。我想如许大概会给用户一种新感到吧。
固然,如许的批评表单并非十分完善的那种,它让用户必需得先到右边找到输出框,填好信息以后,再回到左边断定提交才行。
因而,我这保举另外一种我以为不错的表单,是来自Particletreeblog:
感到十分好的表单,我们可以第一工夫看到批评框,紧靠鄙人面就是作者信息框了,label标签也在input上方,结构就像uxmatter说的那样。提交按钮在一切的字段后,而且居中显现,必填项也有白色的星号提醒。再一次说下,十分不错。我大概会把usabilitypost的批评框也换成这类儿。。。
你是怎样想的呢?你以为传统的那种批评框不错?仍是我给你保举的2种旧式的表单很好?仍是你有新的好办法?我十分接待听到你们的设法:)
你用什么用的熟练就用什么,讲究的是效率,客户永远不管你用什么,页面就要好看,功能就要好用,还有时间和成本的问题。
作者:
admin
时间:
2015-1-17 23:48
Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。
作者:
不帅
时间:
2015-1-24 15:34
您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点。
作者:
老尸
时间:
2015-2-2 06:22
是当我和赵丽芬崔明艳老师进行交流后,很快就了解了还不太清楚的内容和并不了解的知识(像布局表格、绘制布局单元格等)。
作者:
因胸联盟
时间:
2015-2-22 23:11
经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅.
作者:
蒙在股里
时间:
2015-3-7 05:59
布局表格、绘制层、制作CSS样式表等,这些内容迷糊了我的视线,真是没想到制作一个精巧别致的网页是如此的困难,可是心有不甘。
作者:
只想知道
时间:
2015-3-14 15:12
Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。
作者:
小女巫
时间:
2015-3-21 12:34
在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。
欢迎光临 仓酷云 (http://ckuyun.com/)
Powered by Discuz! X3.2