网页设计中表单该不该有提交按钮? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
设计师推荐装备
WACOM 数位板
推荐阅读
版式设计基础教程 by 南云治嘉
版式设计全攻略 by 佐佐木刚士
yulanggong
V2EX    设计师

网页设计中表单该不该有提交按钮?

  •  
  •   yulanggong 2012-10-11 09:34:24 +08:00 5816 次点击
    这是一个创建于 4758 天前的主题,其中的信息可能已经有所发展或是发生改变。
    在开启 JS 的情况下完全能做到改变一项就提交一项,就像 Mac 推崇的设置界面没有确定按钮一样,提交按钮是不是也是多余的?
    20 条回复    1970-01-01 08:00:00 +08:00
    zhangxiao
        1
    zhangxiao  
       2012-10-11 09:39:10 +08:00
    这样会倍增请求数吧,而且从用户体验上来说,有提交按钮应该让人更适应些
    dotbuddle
        2
    dotbuddle  
       2012-10-11 09:54:10 +08:00
    可能未来是多余的,可能对小众是多余的。
    yulanggong
        3
    yulanggong  
    OP
       2012-10-11 09:55:51 +08:00
    @zhangxiao 请求数是增多了,但是这种请求不会影响用户操作,而且能及时反馈表单处理的结果。现在注册页每填写一项就验证一次不就是这样考虑的吗。从用户体验上来说,很多时候提交按钮是不得不点,而不是用户想去点。
    AlloVince
        4
    AlloVince  
       2012-10-11 10:14:48 +08:00   2
    较真的话,你应该考虑Section 508 Standards

    在禁用JS或者使用读屏软件的时候,去掉Submit Button会让这些用户困扰

    http://www.jimthatcher.com/webcourse8.htm
    http://wac.osu.edu/tutorials/section508/section508.htm#forms
    maikcn
        5
    maikcn  
       2012-10-11 10:28:36 +08:00
    我认为是视情况而言吧

    如果功能是需要用户明确触发动作的,提交按钮是需要的 [比如发邮件,发送的动作]
    如果功能是很直观可以看出修改后过的,就不需要提交按钮 [如调整音量大小,设置中的开关]
    yulanggong
        6
    yulanggong  
    OP
       2012-10-11 10:42:06 +08:00
    @maikcn 同意,按钮应该用在对用户有意义的动作上,而不是用在仅仅对程序有意义的地方。
    不过换个思路,Google 不用点提交就可以搜索造就了即时搜索。如果邮件不用点提交就可以发送会造就什么(当然这样做不一定有意义,顺口一提而已)?
    5key
        7
    5key  
       2012-10-11 10:49:12 +08:00
    还是得看看用户是谁?
    如果只是一群普通的用户,button还是有必要的。对他们而言,button是有安全感的。
    yulanggong
        8
    yulanggong  
    OP
       2012-10-12 18:18:41 +08:00
    @AlloVince
    除了会对禁用 JS 的用户造成影响,应该不会影响其他用户(读屏软件会禁用 JS 吗?),就算禁用 JS 也是可以通过 noscript 来显示一个提交按钮。
    Air_Mu
        9
    Air_Mu  
       2012-10-12 18:23:18 +08:00
    具体看这些表单都是什么用的。
    万一是很关键的呢?没有提交怎么行
    caomu
        10
    caomu  
       2012-10-12 18:34:48 +08:00
    @yulanggong
    [quote]如果邮件不用点提交就可以发送会造就什么(当然这样做不一定有意义,顺口一提而已)[/quote]
    想起天国的Google Wave。。。
    Sivan
        11
    Sivan  
       2012-10-12 19:16:26 +08:00
    如果做到改变一项,就立刻给一个反馈出来,不管是成功还是进行中,那没有 button 普通用户也能明白。
    yulanggong
        12
    yulanggong  
    OP
       2012-10-12 22:11:04 +08:00
    @Air_Mu
    的确是要看情况,我翻看了 OS X Human Interface Guidelines, 里面关于 changes 的生效方式有介绍,按优先级排列如下:
    1. 用户边输入边生效。
    2. 焦点离开控件时生效。
    3. 用户点击特定按钮使 changes 生效。

    上面 @maikcn 提到的发送按钮的意义更在于完成一个动作,而不是提交一封信件,而提交信件这个对于人来说没有太大意义的按钮就被很多邮箱设计成了自动保存草稿。

    就好比现实中在纸上写一个字纸上就多一个字,这种变化是实时的。在电脑上虽然看似是实时的,但是很多时候不是,你离开软件时它会提醒你保存,保存这个动作就是只对程序有意义的动作,因为在现实中你不需要保存写了一半的信件。
    loveminds
        13
    loveminds  
       2012-10-13 12:34:02 +08:00
    用KB的Enter作为Submit Button不错
    shinwood
        14
    shinwood  
       2012-10-13 15:34:40 +08:00
    Submit 的动作和Save 的动作还是很有区别的。
    hzlzh
        15
    hzlzh  
    PRO
       2012-10-13 15:36:08 +08:00
    不能一概而论,比如Github 的用户设置页面,就是及时保存的,这是因为它轻量级而且不是很敏感重要。
    Twitter的个人设置则是另一种。
    yzhrain
        16
    yzhrain  
       2012-10-13 17:01:38 +08:00
    还要考虑用户习惯。
    loveminds
        17
    loveminds  
       2012-10-15 01:21:48 +08:00
    回车键是最好的Submit
    aveline
        18
    aveline  
       2012-10-15 04:50:37 +08:00
    如果禁用Javascript呢... 或者是在触摸设备上呢 ...

    经常用 Opera Mini 看网页的时候发现没法按 Enter 提交表单 ...
    yulanggong
        19
    yulanggong  
    OP
       2012-10-15 10:27:06 +08:00
    @aveline
    禁用 JS 时可以用 noscript 标签处理。
    你遇到的 Opera Mini 无法提交表单的问题是因为网页表单设计的不好。这里讨论的是表单发生变化时自动提交,你遇到的情况是由 Enter 来触发提交。只能由 Enter 来触发提交就太依赖设备和用户习惯了。

    @hzlzh
    我问题总结的不好, OS X Human Interface Guidelines 里总结的不错,这个问题是表单变化何时生效的问题。OSXHI Guidelines 里推崇即时生效,不能即时生效时降级到其他方式。
    josephwlh
        20
    josephwlh  
       2012-10-17 11:57:25 +08:00
    需要有明确的下一步行动指示
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     4476 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 24ms UTC 10:06 PVG 18:06 LAX 03:06 JFK 06:06
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86