web表单的设计
日期:2011/11/20 / 人气:
第一,更大的输入框
关于WEB表单输入框大小的争论,相信大家都曾听过。vBulletin,Joomla!和Drupal使用的都是相当小的输入框,大都是10px-12px的文字和很小的内边距。而Diigo的注册表单结构就很大气!你需要缓和不同输入元素之间的冲突。加粗的文字提示你哪些区域已经填写了,哪些区域还空着,当激活某一输入框时,它会变成淡蓝色,提示你光标现在所处的位置。
佛山网站建设_佛山网站制作_佛山网站设计_佛山网站_佛山网页设计_佛山网页建设_佛山网页制作
传统的Digg注册表单就是用很相似的方法来设计的。Twitter的注册表单同样都很大,这样你就不会错过任何东西。他们不会吝啬于用大量白色的空间来突出输入区域。他们的标签系统也很独特,空的输入框中会有预先设置的占位文字,通过颜色的变换,你也可以清楚的将用户输入的文字和系统预设文字区分开来。
第二,保持醒目和简洁
很多用户抱怨注册表单需要填写的信息太多。如果你想通过表单来增加你网站的注册用户数量,那么你就得保证你的表单易于填写。这点同样适用于其他地方的数据输入。
由于项目的不同,用户需要填写的信息数量也会有所不同。对于用户来说注册表格可能会要求用户输入用户名,电子邮件地址,然后两次输入密码,这样当然很合理并且也是用户所期待的注册方式。但是也有特殊情况,例如WordPress的默认注册页面。用户这里用户只需要填写用户名和电子邮件地址,之后系统会自动生成一个密码并发到你所填写的电子邮件地址当中,这样既减少了原始表格的数量,并且将恶意注册者挡在了门外。也不需要你去邮箱点击激活链接,但是你必须在你的邮箱中取得新的登陆密码。
第三,保密性很重要
无论用户输入的是他们的电子邮件地址还是信用卡号码,你都应该保证这些数据的安全。因为用户相信你的网站和后端代码在正确的收集了他们的信息后会并将之保存在一个安全的地方。
如果你不怕麻烦的话建议你在整个网站中都使用SSL认证,因为这样不仅保护了用户的注册信息,而且用户浏览网站的整个过程也都被HTTPS保护了。虽然有点麻烦,但是有些WEB主机会辅助你安装这些功能。虽然并不是每个网站都必须这么做,但是你只需要多费一点儿时间和精力就能保护用户数据的安全,用户也会因此而觉得安全,你和用户之间就能建立起一种相互信任的纽带。
另外,在使用信息上尽量不要使用那些很容易被探测的信息。除非信息是完全非“个人”的,都需要使用POST数据类型。只有在URL结构能够从数据中获益的时候,才使用Ajax的GET requests。
第四,始终与用户的期待保持同步
用户体验对于网站来说是基础也是核心,所以尽量避免用户们最讨厌的事情——页面有出乎他们意料的跳转。你绝对希望你的表单行为保持自然,并且将额外的JavaScript代码减到最少,同时弹出气泡和Ajax也都是很有用的东西。好用的表单既不应该被划分成许多小的项目,也不用隔断将他们彼此分离,因为那不是好办法。
同时我们还要注意不要错过了HTML的tabindex属性。因为这个属性从可用性角度来说是很的,用户可以通过它在不使用鼠标的情况下填写完整个表格。但是如果你没有保持tabindex属性的有序性,或者只在某些输入框中使用了这个属性,如果是这样的话那么整个系统就会很糟糕。这一点除了适用这一表格外,还适用于所有的注册表单和其他的输入页面,尤其是网上购物的信息输入页面。
作者:朋友圈科技
相关内容 Related
- 为什么响应式设计需要媒体查询2016/8/5
- 虚拟主机被搜索引擎爬虫访问耗费大量流量解决方法2016/8/3
- 网站建设中如何创建完美的颜色组合2016/8/1
- 什么是长尾关键词?2016/8/1
- 建设企业或个人网站的好处2016/7/8
- 前端开发者需要知道的常识2016/7/6
- 12种方法为您拓展业务通道2016/7/27
- SEO优化的三大技巧2016/7/24
- 10的方法来提高你的网站设计2016/7/24
- 网站统计用哪个比较好,百度?cnzz?2016/7/21