登录 |

打印 | 字体大小: « »

一次关于登录区域的设计讨论

设计师 甲 在首页某个区域中把”登录”区做成这样:

帐户:__________________ 没有账号?

密码:__________________ 忘记密码?
   [-] 记住我的帐号

   [ 登 录 ] 


设计师 乙 提出意见:

“没有帐号”和”忘记密码”确实有存在的必要,加上去挺好。
但”没有帐号”和”忘记密码”现在这样不符合键盘的tab操作习惯。我倾向于yahoo的方案 把他们分开放到下面去。

设计师 丙 回复:
TAB操作顺序可以通过给<input>编号来解决。
账号->没有账号、密码->忘记密码,我觉得这样比单独放出来更顺畅。

设计师 丁 参与意见:
1、登录时忘记密码 的用户比例是多少? 超过10%?
2、某个用户在登录时忘记密码的次数是多少? 超过10%?
答案是都不超过 ,
那么就不要让这不到10%的使用去干扰那90%的使用,把登录和忘记密码分开更好些。

而且其实放在下面也是很容易看到的。在忘记的时候他会很快就看到, 在记得的时候他会当做没看见 …

最后,结论:

帐户:__________________

密码:__________________
   [-] 记住我的帐号

   [ 登 录 ]

没有账号? 忘记密码?

 

白鸦麻烦各位看官帮忙回答几个小问题:
(假设上面的讨论是针对于这个首页的)

1、你是否同意上面讨论的这个结论?是否还有更好的优化方案?
或者你更赞成谁的观点? 为什么?

2、”记住我的帐号”是叫”记住我的帐号”合适,还是叫”记住密码”合适? 或者,有更好的方案?

3、我们都说”要站在全局的角度思考”。
在一个页面或者一个功能点的设计时,往往需要满足N种不同用户、在N种情景下、N种不同的需求,那么当这些情况存在需求差异和冲突时如何判断谁轻谁重?
(请具体回答)

4、看上面的讨论过程,你得到了什么?

N天后补充:

如果拿出一个这个讨论只是想听听大家对这个登录区域本身设计的意见,那么我不会拿出来。因为这明明就是在耽误大家的时间,这个小区域的设计没有那么复杂。
把这个讨论拿出来只是为了想让更多的人注意到讨论过程中的问题思考,我来总结一下:

设计师 乙 提出意见:
“没有帐号”和”忘记密码”确实有存在的必要,加上去挺好。
需要考虑:什么功能需要,什么功能不需要;不是能想到的都有存在的必要。

但”没有帐号”和”忘记密码”现在这样不符合键盘的tab操作习惯。我倾向…
设计需要考虑多种用户的操作习惯,设计的时候还需要顾及到一些技术本身的问题。有些时候说服别人赞成你的方案可以用已有的大家都认为好的设计做比喻。

设计师 丙 回复:
TAB操作顺序可以通过给<input>编号来解决。
尽量不要因为小的技术问题而去降低设计质量。 很多时候技术实现根本不是问题。

账号->没有账号、密码->忘记密码,我觉得这样比单独放出来更顺畅。
界面设计展示给用户的是一种逻辑,能否让你的界面解释出清晰易懂的逻辑很重要。

设计师 丁 参与意见:
1、登录时忘记密码 的用户比例是多少? 超过10%?
2、某个用户在登录时忘记密码的次数是多少? 超过10%?
答案是都不超过 ,
那么就不要让这不到10%的使用去干扰那90%的使用,把登录和忘记密码分开更好些。
所有人都说”整体设计”,从全局思考。但都是一句空话,我很少看到拿出来具体的所有”全局思考”的方式。
这里提到的: 多少用户会用,用户会在多少时候用是目前我看到的所谓”整体设计”比较具体的思考方式。

而且其实放在下面也是很容易看到的。在忘记的时候他会很快就看到, 在记得的时候他会当做没看见 …
说服别人赞成你的设计不能总是硬邦邦的去争执,一些迂回的”退让”有时候也会很有用。

分类:UCD ,07/06/30 7:27 下午 | 118,925 次浏览 |

网友评论(46)

  1. 1.通常不会忘记密码,而是忘记帐号,密码错了再给出忘记密码好点
    2.觉得叫 下次直接登录 好点, 感觉记住帐号和记住密码都没有自动登录的意思
    3.当然放弃少于10%的人喽
    4.每个设计师都有心中的最佳效果,不可勉强,各有各道理

  2. […] YouTube Link to Article yahoo ????????????? » Posted at ?? on Saturday, June 30, 2007 ??? ? ?????????”??”?????: ??:__________________ ????? ??:__________________ ????? [-] ?????? [ ? ? ] ??? ? ????: “????”?”????”????????,?????? ?”????”?”????”??????????tab?????????yahoo???(??)? ??? ? ??: TAB?????????&lt;input&gt;?????? ??-&gt;???????-&gt;????,??????????????? ??? ? ????: 1???????? View Entire Article » […]

  3. 1、不同意上面讨论的这个结论。因为宝宝树这个网站是针对非网络人士的。也许很多新用户都没有帐号,把“没有帐号”放在前面比较实用。
    2、“记住我的帐号”最好叫“记住邮件地址”,和“邮件地址”相符。原因同上。
    3、首先,一个网站的用户再有N种,总是一个特定人群,应该是可以分析出大致的需求和习惯。其次,当这些情况存在需求差异和冲突时,要注重低层次用户(指互联网应用水平)的需求,因为,非专业人士永远是大多数。
    4、、白鸦以用户为中心的理念是对的,但也许太拘于细节了。我觉得所谓用户感受或者UE,核心应该以普通用户为主,这是常识,所以,虽然很我并不觉得以上的讨论有太多意义。

  4. 说个题外话,关于找回密码功能的。
    现在很多网站,如果我输入了用户名,然后发现密码不记得了(事实上大部分时候都是如此),点击“找回密码(或者类型的链接)”之后,一般转到的页面是不会把前一个页面输入的用户名自动导过来的,我不得不再次输入用户名,比较繁琐,为什么不把前面页面输入的内容直接传输过来的,这个不是举手之劳的事情么!

  5. 我觉得记住登录这一项很重要
    但是如果象那样放的话有损美观
    其实我还是赞成雅虎邮箱的那种登录界面

  6. 纠正错字。
    账户,not 帐户。

    作为用户体验讨论的地区来说,你们也犯这样的错误,实在是有些那个……

  7. YAHOO的更好些,当时美国的团队过来,我特意问过关于登陆,他们讲的逻辑关系很干脆,以至于现在几乎所有登陆界面都类似于老美的yahoo登陆。但具体问题具体分析,我一向反对拘泥于一种方式解决所有问题。当碰到全新网站时,照搬未必是ok的

  8. 多谢大盗提醒。 我的笔误 :)

  9. 谈一下我的愚见:

    1.最后结论的方案里,个人认为“忘记密码”应该放在密码登陆框的旁边,毕竟babytree的用户大部分可能对互联网不熟悉,或者很少上网,很久上一次,对密码可能没有什么记住的概念,所以忘记密码的使用频率可能高点,或者上一次就可能上一次babytree就使用一次忘记密码也说不定哦!呵呵,这跟在yahoo的搜索框里输入网站的网址可能是同个道理,习惯成自然,所以忘记密码个人觉得还是得放在显眼处;没有账号?放在登陆按钮的后面,当用户看到登陆按钮时自然就会看到注册账号的链接,老用户直接登陆,新用户自然就会点击注册。

    2.既然用户群可能大部分都是很少接触电脑或者互联网的用户,这个说通俗点可能比较好,我觉得叫:“在此计算机上保存我的信息”或者“下次直接用此账号登陆”这种通俗说法比较好~

    3.“要站在全局的角度思考”这句话估计要做的话一个世纪都做不完,况且想这东西怎么想也是有意外的,最好的解决方法是直接从用户群里邀请几位用户来做测试,让用户寻找自己需要的内容或者让用户使用网站新功能,让用户说出自己的感受,然后再在用户的反馈中来修改,毕竟网页最后是给用户看的,不是给自己看的,用户就是上帝,收集多点用户的反馈是最好的“站在全局的角度思考”。

    4.现在很多公司都不会理睬用户体验这东西,很多都是老板或者主管或者产品经理说了算,小公司的都是UI设计师按照自己的想法来做,大多数人认为页面漂亮就可以,可惜很多细节不是那么的人性化,要知道整体源自很多细节~

    BTW: @大盗大盗 确实是应该账号,但是现在网络上基本都是在用帐号这个词了,呵呵!

    http://zhidao.baidu.com/question/3889501.html?fr=qrl3

  10. 我倾向于大家习惯的

  11. 是否可以将客户端的体验延续到web产品中?
    客户端的方案如下:

    帐户:__________________[↓]

    密码:__________________[?]
       [-] 记住帐号
    [-] 记住密码
    [-] 自动登录

       [ 登 录 ]

    没有账号? 
    忘记密码?

    ———–
    说明:记住帐号是一级,只是记住帐号。记住密码是二级,选中此项,则“记住帐号”项自动勾选,“自动登录”是三级,选中此项,则前两项也自动勾选。

    适用于首页以及登录进去的页面有不同的地方,用户记住密码,并不意味着打开首页就一定要登录进去。

    简洁设计是一方面,但是考虑周到一些,给用户多一些入口同时不影响登录这个流程的正常操作,在用户有特殊情况时,能终断当前的登录任务,提供一些“应时”的帮助。

    当然,如果需要保持首页的简介,并且不对正常的登录用户造成干扰,我还会提供如下的方案:

    帐户:__________________

    密码:__________________
       [-] 记住信息

       [ 登 录 ]
    ——————–[+]-

    点[+],在不刷新网页的情况下,展开一个新的区域,用以显示更多的帮助。
    当然,这种软件式的设计思路,结果是用户需要学习才能适应,但是易于培养用户的习惯,熟练之后,可以提高用户的使用效率。

  12. 1.
    2.自动登陆?
    3.我觉得考虑最有价值的用户?就是网站的最大贡献群体。
    4.第一次考虑这种情况。。

    推荐你看看我朋友这个网站,他做的登陆窗口实验挺有意思
    hoowow.cn/blog/post/36.html

  13. 从什么数据可以分析出”babytree的用户大部分可能对互联网不熟悉,或者很少上网”这个结论的?
    即使确实如此,但用户是会成长的,他不可能永远都是新手.
    “没有帐号”无需强调,只要在帐号输入框附近,想注册的人总会找到注册的地方,不想注册的怎么搞也是白搭.
    “记住我的帐号”确实比较费解,记来干吗?不如直接告诉用户会发生什么事更好.

    BTW,这个”账”字实在不好打,输入法的词组都没有,汉字这玩意,大家知道是什么意思就行了,又不是高考,真要较真,我看网上随便抓篇文章都会有”的得地”的使用问题.

  14. 从什么数据可以分析出”babytree的用户大部分可能对互联网不熟悉,或者很少上网”这个结论的?

    确实,我并不认为上babytree的用户是初级或者0级用户,我甚至认为大部分是非常熟悉上网的用户。
    隔壁大马从来不上网,她会突然跑去上babytree?
    楼上张小姐家里最近刚买电脑,她会一装宽带就直接上babytree?
    相反的,同事小刘是行政专员,平时就爱在工作时间上淘宝买衣服,泡论坛,最近又刚好要生宝宝了,所以在朋友的介绍下或者是搜索引擎的帮助下上了babytree,她会不会使用比淘宝相对交互交单的babytree嘛?

  15. 楼上的回答太好了 。 :)

  16. 我理解记住账户不一定是记住密码 如果你想单纯的记住密码 就直接写记住密码

  17. 如果需要做成甲那样,也可以遵循TAB习惯。

  18. 支持”2.觉得叫 下次直接登录 好点, 感觉记住帐号和记住密码都没有自动登录的意思”

  19. 我觉得叫 “记住我” 就可以了 至于记住密码 还是记住帐号 用一个记住我都可以全部包括了

    记住账号有人觉得不如记住密码 记住密码有人觉得不如记住账号 就像每个人的审美观都不同一样

    所以”记住我”最符合大众

    在一个页面或者一个功能点的设计时,往往需要满足N种不同用户、在N种情景下、N种不同的需求,那么当这些情况存在需求差异和冲突时如何判断谁轻谁重?

    这点也同样 符合大众的就是重的 网站不就是为了服务大众么

  20. 这堆控件里包含了两组行为:
    一,老用户登录-输入帐号、密码,记住帐号方便下次登录,忘记密码等都属于这一组行为里的系列活动。
    对于这组行为,细致解决一系列登录时遇到的可用性问题才是根本。
    二,新用户注册-这个控件要放在上一组控件附近只是为了方便新用户找到注册地方(属于习惯驱动,过往经验的驱动,毕竟其他网站都是这样的方式),并非因为看见了登录输入框就想注册,两者并没有必然联系。
    一个用户要注册的原因有很多,由于朋友介绍,由于利益的刺激,由于发表意见的冲动等等,这组控件比第一组更需要重点考虑高中低层次用户的需求,如何放置?放什么地方?如何把握住用户最有注册冲动的瞬间提示他注册?

    用户想不想注册是营销推广的问题,最想注册的时候如何最方便找到注册地方是可用性问题。
    至于注册后“会不会使用比淘宝相对交互交单的babytree”,好像已经不属于本次“登录”和“注册”行为分析的议题。

  21. 我是这么个逻辑,你不能因为急诊室使用的频率低,而把急诊室设在 6 楼

    如果一个找不到“找回密码”选项,很可能是一个新用户,并且懒得注册了

    况且对于大部分用户来说,这个登录框本身也很难看到的,因为会被 Cookie 记住

  22. 请两个设计师每人不同方案各用上50次

  23. 我也认为上babytree的用户大多数应该是熟悉上网的,有问题喜欢上网搜索求助,喜欢加入网上社区,圈子,与人分享经验,这是他们的特点。也应该是babytree的主要目标用户。这也可以从注册帐户是email地址这点看出。
    1,目前的登录就可以
    2,记住我的帐号,我总觉得是“记住用户名”,目前的情况次选项实现的是自动登录,我的理解是“记住密码”,类似常用的弹出提示“是否记住我的密码?”。
    3,首先照顾大多数用户的主要操作,同时在不影响大多数使用的条件下,为少数用户或少数的情境,需求提供必要入口。
    4,目标用户,优先级

  24. Kylin – 07/07/02 10:43 AM
    我觉得叫 “记住我” 就可以了 至于记住密码 还是记住帐号 用一个记住我都可以全部包括了

    我也倾向“记住我”

    帐户:__________________

    密码:__________________
       [-] 记住我
       [ 登 录 ]

    忘记密码?注册? 

  25. 貌似我的留言没人理睬

  26. epile : 有的有的,默默的踩..

  27. 我同意丁的说法,因为站点是宝贝的,所以建议叫“记住我把”比较儿化

  28. 同意14楼的看法,先要把这些给摆正了,不然基于错误的理由出来的也是错误的设计

    @Platinum 急诊室的说法很有意思,不过6楼是需要跑的,而“忘记密码”挪到别处不见得找起来就那么辛苦哦。医院的急诊室都在挂号窗口的旁边吗?

  29. N天后补充:

    如果拿出一个这个讨论是想听听大家对这个登录区域本身设计的意见,那么我不会拿出来。因为这明明就是在耽误大家的时间,这个小区域的设计没有那么复杂。
    把这个讨论拿出来只是为了想让更多的人注意到讨论过程中的问题思考,我来总结一下:

    设计师 乙 提出意见:
    需要考虑:什么功能需要,什么功能不需要;不是能想到的都有存在的必要。
    设计需要考虑多种用户的操作习惯,设计的时候还需要顾及到一些技术本身的问题。有些时候说服别人赞成你的方案可以用已有的大家都认为好的设计做比喻。

    设计师 丙 回复:
    尽量不要因为小的技术问题而去降低设计质量。 很多时候技术实现根本不是问题。
    界面设计展示给用户的是一种逻辑,能否让你的界面解释出清晰易懂的逻辑很重要。

    设计师 丁 参与意见:
    所有人都说”整体设计”,从全局思考。但都是一句空话,我很少看到拿出来具体的所有”全局思考”的方式。
    这里提到的: 多少用户会用,用户会在多少时候用是目前我看到的所谓”整体设计”比较具体的思考方式。
    说服别人赞成你的设计不能总是硬邦邦的去争执,一些迂回的”退让”有时候也会很有用。

    (这里的回复没有格式很不方便, 具体请到文章上面看红色字一下的内容)

  30. 既然是专门为宝宝爸妈做的,不如改成:

    大名:_______________
    口令:_______________
    (.)宝宝爹 ()宝宝妈
    登录

    忘记口令? 新宝宝诞生? 忘记大名?

    虽然增加了一个宝宝爹妈的选择,但是更快知道来者何人。而且女性的消费习惯和男性是非常不同的。更有利于精准营销。

  31. 白鸦也不要人云亦云,听信大盗,而把正确的改成了错误的哟。

    关于“账”和“帐”,请看:http://my.donews.com/meta/2006/11/07/zhang_spell/

  32. 我所有的设计都统一用“帐”, 就算你们都说是“账”我也不会改。
    鲁迅不是还“那、哪”不分吗,其实我也 不分。

  33. 你跟鲁迅比?
    哈哈哈哈,您太有才了

  34. 学,
    或者叫 借口

  35. 严重同意 晚上戴着墨镜 的回答
    嘿嘿!!

    我认为登陆区虽然是个小体验,可是足以在小体验中发现大问题
    针对不同的网站,有不同的登陆区设计,首先我们就要确定目标用户,确定优先级,我们不可能为了10%而放弃了90%,

    不过“涩味小刀 ”的意见我也比较赞同,毕竟是一个主要面对儿童父母的网站,这样的语言表述更为亲切,不过具体的文字表述应该还可以再斟酌一番,

  36. “登录”是把双刃剑……

    说个题外话,鸦兄页面右上角显示了“欢迎imetallic, 注销 | 管理”,“注销”这词跟“注册/登记”相对应而不是与“登录”对应。而且就在我写评论时,这个框的上面也提示了我“您现在以 imetallic 的身份登录。退出”

  37. 看来我需要把注销改成 退出 。
    多谢提醒。

  38. 个人感觉把记住我的帐号放到登录的下面,因为我要登录的目的就是登录,而对于记住我的帐号属于附属的 因此,我得出

    帐户:__________________

    密码:__________________
       
       [ 登 录 ]
    [-] 记住我

    忘记密码?注册?

    个人拙见,不对望指正

  39. 白丫有性格,不过还是用“账号”吧

  40. “记住我的帐号”比“记住我的帐号”合适,毕竟要是邮箱或什么其他比较安全要求高点的网络产品设置为自动登录的话都不大妥当。

  41. 。。。。打错字了,是“记住我的帐号”比“记住我的密码”合适,正如前几楼说的,忘了密码可以取回密码。

  42. 我在想,网易邮箱的设计师什么时候能到这里学学,为用户多考虑考虑,
    把那个登陆界面里默认的该死的“记住用户名”给去掉~
    为什么强迫要人家把用户名记在那里啊!

  43. […] 昨天看到白鸦关于登录区域的设计讨论 今天就遇到一个按TAB键的ft. […]

  44. 1,“账”和”帐“的区别,应该比较明显吧,前者有贝字旁,一般应该涉及到钱,后者巾字旁,应该是用来标示的吧,就像名字!当然。。。这只是我的推测而已,字典里是通用滴!汗。。。还有通用一说!!!

    2:关于位置摆放,我觉得不同的人都有不同的习惯,就像我们在讨论这个怎么放最合适的时候,其实谁也拿不出最合适的,因为每个人都有一定的取向,我们要做的是服从大部分用户的习惯就可以了。。。这种见仁见智的事情本身就没有哪一种是绝对合适的,或者说非常符合人们的使用习惯的!因此,我觉得还不用细化到要来讨论这种问题的地步吧?

  45. 借用一下文章,谢谢了。

  46. […] papelbon anita hill penn state football schedule carrier classic j edgar hoover j edgar hoover No […]

发表评论

*必填

*必填 (不会被公开)