细节思考表单交互设计之必选项思考


  每当页面中出现洋洋洒洒的表单,用户就会开始感到头疼,有些用户就会直接选择放弃,而我想讨论的是,如何面对表单时让用户直接注意他们需要填写的必填项,减少不需要的信息的干扰。

  必选项是以什么形式出现在现如今的表单中的呢?

  1、表单信息的表现类别

  下面是一个关于web表单设计的调查报告,这个结果来源于100个令人瞩目的网站。

  41%的网站使用标签右对齐 (YouTube, Facebook, Metacafe)

  30%的注册表单使用顶端对齐(Behance.net, Wufoo, Tickspot, Mixx, DZone)

  29%使用的是标签左对齐((Digg, Ning, Wykop.pl, 43things, StudiVZ)


  2、表单的应用范围

  1) 注册

  2) 登陆

  3) 填写信息(支付,订单填写,个人信息填写等)

  4) 发布

  3、必选项显示形式

  1)以*展现形式

  a)*在信息标签的左侧


  b)*在信息标签和填写信息的右侧


  c)*在信息标签和填写信息的当中位置


  d)*在信息标签右侧


  2)非*必选标志

时间: 2024-10-30 12:46:12

细节思考表单交互设计之必选项思考的相关文章

细节思考表单交互设计二 表单校验设计思考

你是否经常碰到在填写表单时,提交无数次却还是无法通过校验的情况;或者你是否在为不知道填写中哪里出现错误而抓狂;再或者你是否碰到过当你填写了一大堆信息,之后点击按钮提交时,校验报错的同时,你发现你所填写的所有的信息都被清空;或者你还碰到过很多很多校验当中出现的问题,那么我们现在就开始进行表单校验设计的思考. 那校验有哪些情况呢? 1. READY? 提到校验,我们往往会联系到提交表单后出现的错误提示类信息,但是其实在填写表单前的提示信息与表单填写校验有着莫大的关系. 此类提示信息能够帮助用户在填写

细节思考表单交互设计:机票搜索的校验思考

在前一篇的校验思考中,我们整体概括了一些校验出现的类型,出现的情况,以及校验设计的设计原则与经验.而在具体设计过程中,需要结合产品的业务逻辑,旅游机票预订的全流程,是我碰到过交互逻辑中,相对比较复杂的情况,它的搜索来说也囊括了比较多的输入项,和各种类别的表单控件,因此它的校验情况也相对比较多样化. 我们来探讨下预订机票中的搜索表单 1. 提到校验,我们往往会联系到提交表单后出现的错误提示类信息,但是其实在填写表单前的提示信息与表单填写校验有着莫大的关系.此类提示信息能够帮助用户在填写表单前,降低

表单交互设计之——校验思考

你是否经常碰到在填写表单时,提交无数次却还是无法通过校验的情况:或者你是否在为不知道填写中哪里出现错误而抓狂:再或者你是否碰到过当你填写了一大堆信息,之后点击按钮提交时,校验报错的同时,你发现你所填写的所有的信息都被清空:或者你还碰到过很多很多校验当中出现的问题,那么我们现在就开始进行表单校验设计的思考. 那校验有哪些情况呢? 1. READY? 提到校验,我们往往会联系到提交表单后出现的错误提示类信息,但是其实在填写表单前的提示信息与表单填写校验有着莫大的关系. 此类提示信息能够http://

表单交互设计:以用户视角出发的表单之旅

  用户使用发布表单,就像是一次旅行.旅行的目的是否能达到?过程是否让人满意?这些都决定了用户会否再来这里. 一.那么为什么要以用户的视角呢? 作为设计师,你是否遇到过这种情况: · 我们额外加一个填写项,用来收集用户信息吧; · 我们的表单之所以复杂,是因为我们希望用户多填写内容,这些内容都是有用是; · 我们的表单应该在这最重要的一步出现,这样就能让更多的用户看到它--. 作为用户填表单时,你是否这样想? · 我们填写表单只是为了达到我想要的目的,才不是为了你们收集信息; · 如果可以,我希

网页表单交互设计细节:表单校验设计的思考

文章描述:表单交互设计之二--校验思考. 你是否经常碰到在填写表单时,提交无数次却还是无法通过校验的情况:或者你是否在为不知道填写中哪里出现错误而抓狂:再或者你是否碰到过当你填写了一大堆信息,之后点击按钮提交时,校验报错的同时,你发现你所填写的所有的信息都被清空:或者你还碰到过很多很多校验当中出现的问题,那么我们现在就开始进行表单校验设计的思考. 那校验有哪些情况呢? 1. READY? 提到校验,我们往往会联系到提交表单后出现的错误提示类信息,但是其实在填写表单前的提示信息与表单填写校验有着莫

网页表单交互设计细节:机票搜素表单的校验

文章描述:表单交互设计之三--机票搜索的校验思考. 在前一篇的校验思考中,我们整体概括了一些校验出现的类型,出现的情况,以及校验设计的设计原则与经验.而在具体设计过程中,需要结合产品的业务逻辑,旅游机票预订的全流程,是我碰到过交互逻辑中,相对比较复杂的情况,它的搜索来说也囊括了比较多的输入项,和各种类别的表单控件,因此它的校验情况也相对比较多样化. 我们来探讨下预订机票中的搜索表单 1. 提到校验,我们往往会联系到提交表单后出现的错误提示类信息,但是其实在填写表单前的提示信息与表单填写校验有着莫

可用性web表单的设计开发指南

可用性web表单的设计开发指南.表单在web设计中引发的讨论已经持续了10年,本文中罗列了多条原则,包括布局,验证,代码可读性,使用jquery来改良表单等. Two-Column vs. One This decision will generally depend on the content of the form, but it's often preferable to avoid a two-column layout if the form is fairly simple. Be

出色的网站联系表单页面设计

有的网站没有"联系我们"页面,有些网站只有一个email超级连接,而且有些网站还将Email地址做成图片来避免垃圾邮件.这些做法都会掩盖了联系表单的潜力和优势. 接受来自于你的网站的用户的反馈.纠正甚至是投诉是很有用的. 请不要低估联系表单的作用,它是每个网站必备的. 网页教学网收集了24个联系表单页面设计,希望你能喜欢并能从中获取灵感. http://www.berttimmermans.com/ http://www.mbdragan.com/ http://www.basilgl

【Python爬虫6】表单交互

手工处理发送POST请求提交登录表单 1分析表单内容 2手工测试post请求提交表单 3手工处理post请求登录的完整源代码 从FF浏览器加载cookie登录网站 1session文件位置 2FF浏览器cookie内容 3使用cookie测试加载登录 4使用cookie登录源代码 使用高级模块Mechanize自动化处理表单提交 1用高级模块Mechanize自动化处理表单提交并支持登录后网页内容更新 2用普通方法支持登录后网页内容更新 严格来说,本篇表单交互和下一篇验证码处理不算是网络爬虫,而