用户登录+贴图不说话

记录于

用户登录需要那些元素?
● 输入帐号、密码
● 验证码/换验证码
● 记住密码
● 服务条款
● 登录按钮
● 没有帐号(注册)
● 忘记帐号/忘记密码

最多会有这么多项内容。其中必须要的有:
● 输入帐号、密码
● 登录按钮
有了这两项就可以实现登录了。其他的项都是在完成基本任务基础上延伸出来的。

两组对应的功能:帐号VS注册;密码VS忘记了密码。
—————————————————————
帐号:__________________ 没有账号?注册
密码:__________________ 忘记了密码?
[√] 记住我的帐号
[ 登 录 ]
—————————————————————
“没有账号?注册”是对应输入帐号的;“忘记了密码?”是对应输入密码的。这样的布局似乎很合理了。不过,要是再加上“记住密码”选项,输入验证码功能,这个登录就显得比较复杂了。

好,把他们放到下面去:
—————————————————————
帐号:__________________
密码:__________________
[√] 记住我的帐号
[ 登 录 ]

没有账号?注册
忘记了密码?
—————————————————————

现实中的例子。Yahoo的登录基本上就是这样的。
pic1.gif
继续看别人是怎么做的吧:
pic2.gif
pic3.gif
Windows Live把“忘记密码”放在了密码输入框的下面,而把注册单独拿出来弄了好大一块儿。
pic4.gif
pic5.gif
最后两张都是我们自己产品的。我们的产品的登录框通常不提供注册(即申请QQ号)的入口。这些登录通常都是某个产品的,比如,QQ秀的登录、会员的登录…都来登录会员了,竟然还没有QQ号?反过来说,有多少用户会因为需要登录QQ秀而申请一个QQ号?如果连QQ号都没有,买QQ秀干什么用?诸多原因,所以,通常都不提示申请QQ号。当然,加不加申请QQ号这个问题也有待商榷。

行动
这期薯片会之后不久,正好有机会重新设计了QQ空间的登录窗口,根据上面的分析,设计了如下原型:
pic55.gif

本期薯片会的另外一部分话题,seven称为“贴图不说话”:

贴图不说话一.

buy prednisone

无等候电梯
pic6.gif
pic7.gif
这个无等候电梯,seven自己的blog中专门说过:《无等候电梯?电梯变聪明了还是我变笨了
(这小子的blog现在也不怎么写了…)

由这个特殊的电梯引出了普通的电梯:
贴图不说话二:电梯按钮
pic8.gif
pic9.gif
左右两列怎么排列?横向还是纵向?由下而上还是由上而下?G,B放在哪里?

激烈的讨论后,普遍认同的结论是:对于这个设计,习惯更为重要。也许横向比纵向更合理,但是既然纵向排列比较常见,那还是屈从于大多数为好。绝对意义上的争取并不总是决定设计最重要的因素。统一化也很有价值。

贴图不说话三:温馨提示
pic10.gif
温馨提示四个字是南方的特色。Evan是南方人,自觉得对这四个字很受用。然而,过分滥用亦有不妥。

对比图中的两张告示。上面一张最大的四个字是:“民警 提示”,传达出的信息是:这是民警说的。而下面这张告示上最大的字是“温馨提示”,传达的信息量几乎为零。因为只要看到柱子上贴着这么一张纸,恐怕谁都知道,这里有个告示,要告示我些事情。如果说这四个字写在这里还传达出了些信息,恐怕就是,告示浏览者,这张纸不是“寻人启示”。

  • 西贝

    为啥图越来越小

  • 西贝

    果然,我一留言,网页自动变大了
    唬人的互联网哦!

  • happyxianzhi

    图片确是不大,学下西贝的看看,留言图片看是否会变大不?

  • tu

    图片小

  • 疯子

    在网址下面用tab键跳到其它地方去了,是不是应该改改哦,跳在评论内容里.至于图片小嘛,我也遇到了,刷新一下就可以了~

  • liuyan007

    图片小

  • yunxi_z

    为了看大图

  • 没叶草

    就为看看图片,留个名字。嘿嘿~~~~~~~

  • 没叶草

    设计的那个原型,用户流比较顺畅,很好。

  • http://www.izmax.cn mike

    我不喜欢QQ的验证图片 很费劲

  • 小南瓜

    关于注册中的忘记密码的这个问题 我想说下就是 在许多的网站注册中因为众多原因 我们的用户名可能都是不一样的这样用户名和密码对不上或者是真的忘记了 这时我们在找回密码的时候就遇到了麻烦 用户名都可能不知道是哪个了 怎么找回 但是我觉得邮箱是唯一的 而且 完全没有既要邮箱又要用户名的 一个邮箱就可以确定了 并找回了

  • jasper

    听说回复后图片会变大

  • 111

    - -|||
    怎么注册

  • misfish

    听说回复后图片会变大,只好也试试, 另外可以提示用户名很有可能是邮箱,当然前提是注册时的却推荐用邮箱名注册的话

  • sunjuanfox

    看不到图!!

  • maomao

    看大图

<< 返回首页 <<   >>

关于薯片会

...
第一步骤:左手拿起薯片,右手用鼠标慢慢滑动。

第二步骤:吃下薯片(你可以不吃,咬着),然后左手、右手放在键盘位置上,把你想要说的话写上。
...

薯片会成员


臭鱼(李钊)

北京人,男,29岁
www.chouyu.com.cn


Seven

外星人,男,25岁
www.hiseven.net


tesion

很热情的同学
www.tesion.cn


Evanchen

一个真正的交互设计师,应该能够丰富设计这一概念。
www.UExperience.cn


西贝

单纯使人更加专业
www.xibeidesign.cn


艺文

用爱心规划设计
QQ:4251538


流沙

Design to change the world
www.uesand.com


yanyan

真诚是设计的灵魂
Qzone


margaret

蛋小荒—女神


vijeun

按着心里的感觉走
Qzone


vv

万年12岁

readers