登录和注册按钮的三种表现状态

2008-10-08

登录与注册这两个按钮是平时网页上最为常见的两个按钮,任何一个有会员系统的网站都需要这样的两个按钮,所以我们也能在不同的网页上看到这两个按钮的不同状态,总结一下常见的有三种状态:

在很早之前的网页设计中,状态一的两个按钮样式是最常见的,因为两个按钮的样式一致,在视觉上有一致性,但这对于使用鼠标点击登录的初级用户而言,需要多一个判断的时间。

所以,后来的网页设计上就不再保持视觉上的一致性,而是把“登录”按钮的份量加重,而“注册”仅仅是做为一个链接的样式出现,这样会员在登录网站时就可以去掉那不必要的判断时间的消耗。

第三种状态下的按钮并不常见,但也在一些网站里存在的。在这里“注册”按钮的份量被加重,在视觉上增加了对新用户注册的引导。

三种状态有各自存在的理由,我们不能说状态二下的按钮表现就是正确的,也不能说状态三下的按钮表现就是一种错误的引导,关健还是看按钮出现在什么样的情景下。

对于新上线的网站来说,吸引更多的用户注册是网站能否快速发展很关健的一步,所以这时候就需要对新用户有一个注册引导。状态三中的“注册”按钮的表现显然比“登录”按钮更能吸引用户的眼球,用户视线的焦点很容易的就聚焦在“注册”按钮上,这对新用户来说,就是一个注册引导。

网站的发展中,不可能一直把重点放在吸引新用户的注册上,当会员数量达到一定的量时,“注册”按钮就不能再抢了“登录”按钮的“风头”,这时候网站就需要更多的引导会员登录,视觉重心就应该放在“登录”按钮上,于是状态二中的两个按钮的表现就派上了用场。当然这里的会员数量的量是没有固定的标准的,应该是网站根据自身所处的行业来制定的。

状态一中的两个按钮的表现适合那种追求视觉的网站,因为使用这种表现的按钮,虽说是无功但也是无过的,平平淡淡的没有明确的引导性。

登录和注册仅仅只是网站的一小部分,网站是否能吸引新用户的注册,以及能否让更多的老用户乐于登录,最关健的因素是在于网站的内容,“内容为王”是不变的核心。

分类:体验设计 | 标签: | 查看:22,098

18 条评论

  1. 网络 说道:

    分析的不错~个人觉得,还有其他两种形式,这两种形式都之需一个按钮:
    1、
    [登录/注册]

    2、
    [登录]
    (Google和Baidu在首页用的方式)

    其实,登录和注册,用两个按钮表现个人认为是多余的。因为如果用户喜欢网站的内容,在不得不这注册时,必然会主动寻找注册按钮。
    而且,同一个网站的不同页面也需要有不同的表现形式,比如,因为Google和百度的首页没有服务需要验证,所以更多的人是在了解Google流程后,只需要[登录],体验一次登录访问多个服务的方便。但对于google的内容服务,比如picasa或gmail页就需要有[注册]

  2. 摄氏度 说道:

    对于你说的“其实,登录和注册,用两个按钮表现个人认为是多余的。”我完成不同意,永远不要期望用户找不到“注册”时就会去点击“登录”,这不符合生活常理。Google的首页之所以没有注册链接,不是因为它的首页没有服务,而是因为搜索服务不需要会员登录,正如你所讲的,Gmail就需要有注册链接,这是一个道理。

  3. 网络 说道:

    Prower,也许您还没有理解我说的意思:在恰当的地方给予恰当的组合。比如
    1、http://mail.googl.com 只有[注册],没有登录按钮
    2、http://www.google.com 只有[登录],没有注册按钮

    这个思想总结下来就是:
    1、分析什么情况下会诱发用户什么样的行为
    2、用最小的元素表达最贴切的

    用户在了解网站的流程,成为其注册用户后,根本就不需要看见[注册],这对他们来说是视觉干扰,所以baidu/google等公司首页只有[登录](还有一个针对这个特定行业原因,就如上面说的,搜索本身并不是需要注册的服务)。

    用户享受网站提供的服务时,如果他们觉得好,自然就需要有[注册],而登录直接体现在form窗体。

    如果把[登录]和[注册]放在一起,这并不是站在用户的角度考虑问题,而是站在设计者的角度考虑:让用户选择A还是B

  4. 网络 说道:

    再多说一句,真的很佩服google,它真正阐述了这句话:简约而不简单

  5. 摄氏度 说道:

    用户在了解网站的流程,这只是相对于个人用户页言的,一个用户了解了后并不代表其他用户也了解,一个注册用户不需要看到“注册”,可是没有注册的用户呢?Google和Baidu的首页没有注册,是因为他们不需要引导用户去注册,在他们提供服务的子网站页面里,依然有着很明显的注册引导。

  6. 摄氏度 说道:

    举个简单的例子,如果淘宝首页上只放一个“登录”按钮,那淘宝会变成什么样?会有新用户点击“登录”后去注册吗?我想这样的用户不多。

  7. 网络 说道:

    还是那句话“分析用户行为”
    1、对于首次知道网络购物的买家,第一次来到淘宝,他当然不需要[注册],因为,只有在他浏览了一些商品后,引发了其的购买欲,此时系统提示他[注册],这是合理的。
    2、对于曾经听说过淘宝威名的第一次用户,也不会一登录淘宝就开始[注册],他同样需要浏览产品一翻后,才考虑是否购买,如果购买,则[注册]是必须的。
    3、对于淘宝的老用户,那自然首页更不需要[注册]了,因为他们已经了解了淘宝的购买流程,为了提高效率,所以首页有[登录]是合理的。
    4、…………
    5、…………
    我对淘宝的业务流不了解,总之需要深度分析后才可以给出一个视觉元素,您说呢:)

  8. 摄氏度 说道:

    我知道你的依据是:不管是新老用户,点击了“登录”链接后,登录页面都会出现“注册”的链接,也许这有一定的道理,但是这不符合常理,而最好的网络应该是对生活的一种映射,这样才符合用户的使用习惯。
    而且还有很重要的一点,很多网站的登录框都是直接集成在首页里的,这种时候如果没有“注册”链接,那么这个登录永远都用不上。

    感谢“网络”的热情讨论,欢迎更多人参与讨论。

  9. 网络 说道:

    prower,并非您说的意思,再认真的看一下我说的哦:
    “分析用户行为!深度分析,在熟悉业务流的基础上分析!”
    “不要站在设计者的角度考虑问题”
    “[登录]在恰当的时候出现”
    “[注册]也出现在恰当的时机”
    “网站应该让用户体验[用过产品后再注册]的增加可信度策略,引发用户自发的注册行为,而非推销式的在每个网页都出现[注册]”
    “[登录]和[注册]本身就是一个矛盾,是无法融合的两个概念,就是说不能发明一个[登注]这样的词,我们不指望通过[登录]引导用户注册”
    “[登录]应该本着方便用户的原则,体验一次登录享受多个服务的效率。可以用form窗体替代的地方,就无须出现[登录]”

    就不一一分析啦~不是几句话能描述清楚达~

  10. 摄氏度 说道:

    看来我们两的理解不在同一个点上,无法达成相同的观点。你说的也有一定的道理,我好好理理思绪去。

  11. 菠菜 说道:

    哈哈。。2个人在这里争论起来了,Google的用户多是互联网从业人员,一些稍微不合乎常理的功能,也能被用户识别,一个gmail的帐户就可以完全搞定。

    引导用户去注册gmail,使用gmail登录去做更多的事。

  12. 摄氏度 说道:

    有道理,但如果面对的用户不是以互联网从业人员为主,而更多是互联网的初级用户的话,像GOOGLE那样的做法就不可取。

  13. 网络 说道:

    菠菜:

    如果说Google因为”Google”这6个字母组合不适合非专业认识,那么baidu就是面向中国老百姓了。

    当然,Google的专业体现在多个层次,正因如此,才会受到不同用户层次的喜欢,而不仅限于专业用户,所以Google的设计不能说不符合常理,而是非常符合常理。他们每位工程师都是科学家,16颗卫星都能送上天的公司,难道不能让网页更合理?

    所以“正因为Google的合理,baidu这样本土化的/面向老百姓的/公司才会模仿,甚至宁愿忍受被众人辱骂抄袭的恶名!”(辩证点,有些本土化的东西Google也在抄袭baidu)

    再回到[登录]和[注册],重复一此,这是两个不相容的概念(它们的内涵与外延都是不同的)

    如果再深入下去,[登录]和[注册]可以有如下表现形式:
    1、[登录]和[注册]
    2、[登录/注册]
    3、登录Form窗体和[注册]
    4、注册Form窗体和[登录]
    5、注册Form窗体和登录Form窗体
    6、[登录]
    7、[注册]
    ……
    ……
    充分分析有那些逻辑组合,这些组合用在什么情况?需要深入分析业务流!然后以用户的视角!得出设计结论!

    比如,用[登录]按钮,而不用登录Form窗体,可能有如下情况:
    1、为了页面美观
    2、点击[登录]后的登录页有更多登录说明
    …………
    …………

  14. 摄氏度 说道:

    这个讨论越来越有意思了,这应该是我开博以来最精彩的一次讨论了。
    不可否认,网络的观点已经开始影响到我了,这个问题有待更进一步的深思了。

  15. 网络 说道:

    相互学习~.~不断进步~

  16. 战神部落 说道:

    呵呵 楼上争论的真火爆,我提出点自己的看法 其实我觉得从专业角度来说不用争论什么 要争就客户角度客户心里来进行讨论。
    个人比较喜欢第三种按钮,如果我是一个用户 什么都不懂的用户在看看到这个按钮的时候会去点他 因为不管从心里学和视觉的角度上来说的话灰色都有种失去某些东西的感觉,就像是QQ图标 为什么很多人去想点亮他 因为不点亮就意味着他失去了某些东西,主要体现在服务方面,网站也是如此。而且在点击之后 用户发现我无法登陆,通过进去之后的指示 比如”如果您无法登陆请注册”直接转到注册连接上去,要说登陆注册那种最重要我觉得都重要,网站站长需要的是总体上来说是需要流量,但是流量也是通过用户来的,每个站长都希望留住来自己站的用户,我不仅是个站长也是一个设计师所以我觉得所以我觉得第三种状态更有人性化。
    在说说其他2种:

    第一种很普通的按钮,但是这种按钮很灵活 不管在什么情况下只要颜色搭配网站都会看的过去。

    第二种个人不怎么喜欢因为风格上不怎么统一 不怎么平衡呵呵 具体我也不知道怎么说。

  17. 摄氏度 说道:

    恰恰第三种状态的按钮是被我用做反面例子的,汗!腾讯QQ的图标点亮的确是一个非常好的创意,但这与网页上的按钮是完全两个不同的状态,处于这两种状态下的用户的心理也是完全不同的。

评论被关闭!