WEB登录入口的设计思考

[ 2006-08-31 22:35:37 | 作者: onling ]
 

一些很小的设计细节,最近因为一直在外地,不是用自己的机子,所以在登录这一块遇到了不少的问题,突然想到,能否简单地就WEB登录入口的交互设计做些思考,让用户操作流程更加的合理和方便,发现要把一些细节想清楚还是很困难的,把自己的想法总结一些,其实某种意义来说也是一次用户体验的感受而以.

首先先提几个需要解决的问题 a, 作为一个登录入口,必备的一些元素是什么?
b,那些不是必备的,但是会对用户操作带来便捷?
c,在此计算机上该什么处理保存 Cookie信息问题?
d,用什么做为用户名比较好?昵称或Email,或其他
e,如何解决一些信息的混乱...
1,先回答第一个问题:必备元素

大家对登录入口应该比较熟悉,做为一个登录入口,必备的元素就是 用户身份ID, 密码,以及 确认按钮,有了这三个元素,一个登录的基本操作基本可以完成.

看看下面一个典型的例子:

uploads/200608/31_201301_douban.jpg


豆瓣的登陆设计素以简洁著称,而且他的交互设计也是业界的典范,他是以 Email作为的ID,注册密码,以及进入按钮,基本功能已经满足.一些好的细节设计后面再讨论,

2.先回答第二个问题:应该扩展的元素

当然一个好的易用的登陆窗口,紧紧这几个元素是远远不够的,稍微思考了一下,一个登录的窗口,应该具有的登录信息元素(包括必备以及非必备)有以下几个: a.用户名(Email\呢称)
b.密码输入
c.确认进入按钮
d.忘记密码解决方法
e. 提示Cookies保存信息
f.新用户注册入口
g.返回首页
h.印证码
....
这些非必备的按钮,有些可以带给用户带来很好的交互操作,但是如果处理不好就能给用户带来不少的麻烦,比如忘记密码的解决方法,当用户遗忘的时候,善意的提示能带来很好的效果,这个细节,上面的豆瓣密码输入的后面就留有 忘记密码了提示.

3.Ok,下面就是 第三个问题了:COOKies问题

这个也是比较麻烦的一个问题,提示Cookies保存信息,这个对用户的便捷性是最相关的,但是也是最难考虑的,毕竟这个个安全性合在一起,那么什么样设计能达到最优呢.

对于一些大型的门户网站,基本没有这个思考,因为他们的用户群很杂,真正过来的都是一些看信息的,不会登录,除非是有一些服务在里面才会登录,所以这类网站基本没有设计保存Cookies的功能.

uploads/200608/31_201854_baidu.jpg


百度的设计就是这样,他的设计风格跟豆瓣很类似,但是豆瓣在注册的时候,会出现Cookies信息提示

uploads/200608/31_201738_douban_zhuce.jpg


同一台电脑登录一次就行, 豆瓣能记住你! 这个给用自己的机子的人带来了很大的好处,但是却对一些网吧流动用户带来了极大不便以及安全性上的思考,这样一些大的门户网站基本就没有这一方面的担忧,一般他们在注册的时候会提示你.不过yahoo,GOOGEL的倒是有 记住我的帐号的单选框

uploads/200608/31_201828_yahoo.jpg


uploads/200608/31_201751_google.jpg


还有一些论坛的登录基本都是在登陆的时候提示你cookie的保存时间

uploads/200608/31_224808_cookies.jpg


这个看到一个处理比较好的网站就是 抓虾的了

uploads/200608/31_201320_zhuaxia.jpg


抓虾的登录入口就保留了豆瓣的简洁交互风格,但是在COOKie处理上,他累优一些,我也是最近在外面才体验到这一点,他在一些细节,以及COOKie上处理的更人性化一些

登录抓虾
如果你不是在自己的机器上,记得退出时在右上角点击“登出”。


(善意提示信息)

在此计算机上保存我的信息。(默认打勾)

(如果你不理他这个,基本跟豆瓣一样,但是如果你用的别人的机子,这个挑选就显得非常的必要,豆瓣的强制跟他比起来就比较的不宜人)

忘记密码了? 还不是会员?等都处理得很合理,很适合人的交互习惯.所以某种程度上可以说抓虾的登录做的已经非常的成功了.

4.第四个问题也是比较难解决的:用什么做为用户名比较好?昵称或Email,或其他

这个问题,就我个人体验,我倾向于用Email,刚开始可能不是很习惯,但是,这个对网站管理,ID的唯一性都能带来极大的便捷,昵称可以重复,但是 EMAIL确实你自己独有的,这个豆瓣抓虾的注册流程都作的很好,大致分析了一下,新近出现的一些新网站基本都开始采用Email做为唯一 ID的身份标志,一些老门户网站,基本有自己的邮箱服务.所以也基本采用的是邮箱ID,所以可行性以及识别性来说,Email更合理一些,你还是可以给自己i设一个比较好听的昵称,作为你自己喜欢的昵称.

这一方面可以参照一下 豆瓣的注册,感觉她处理的恰到好处.

uploads/200608/31_224354_zhuce.jpg


有些网站画者添足,给用户的交互也带来了极大的不便

uploads/200608/31_215821_sohu.jpg


这种事类似 Email 做为唯一ID的,但是他后面还有一个下拉的邮箱选择,一会儿键盘输入,一会儿鼠标操作,给用户带来不是便捷,而是不便,当然如果对于一些比较长邮箱后缀这种还是很不错的,但是很少有人傻的去使用那些,基本每个人的Email都是经常在使用的,很容易记住的EMAIL名.

5.第五个问题,关于一些信息的混乱问题

这个有些信息很容易造成混乱,其实就是一些设计没有规范,比如登录ID是用Email,还是昵称,或是其他.那在登录一些网站的时候就会很混乱,所以设计时必要的提示是很重要的,用Email的ID,就必须注明Email,可惜的大部分网站用 Email的ID也是使用用户名做为提示,这是很糟糕的设计,还有密码,应为用的是Email,而注册的密码又是网站的密码,这两者可能不一样,为了避免信息混乱,应该有所提示,这一点豆瓣也处理得不错

uploads/200608/31_201301_douban.jpg


你的email地址,你在豆瓣的注册密码:这种细微的提示给用户带来了极大的便捷

还有一些宜人的,比如新用户注册按钮,比如返回,设计好都能有较好的交互操作,能给用户带来很好的印象

uploads/200608/31_201816_toodou.jpg


土豆的设计基本就是满足了这些功能,

最后总结一下,个人认为比较好的WEB登录入口的设计: 1.满足最基本的功能元素

a.Email 做为ID,提示是使用该网站注册密码,进入按钮
b.密码忘记解决方法,新用户注册按钮,返回前页

2.具备人性化的处理保存 Cookies信息问题,最好给用户一个选择,可以预先设置满足大部分人的选项
如果不具备,要提示登出以后推出的提示.

3.输入你的Email后面的文字框最好全部由用户填写,避免画蛇添足的设计(下拉框,特殊情况除外)

4.良好方便的密码取回通道,这个对于Email作为ID的有极大的优势,所以建议也是采用Email作为ID

5.就是一些人性化的语言提示,以及善意的错误提示,别把用户当菜鸟,提升亲和力.
抓虾是个中和起来最符合上面的WEB登录入口设计,其实只要多思考平时的WEB操作流程,多考虑一些用户平时会遇到的问题,WEB登录入口的设计应该会很宜人的
(作者:onling Blog: http://www.onling.net/blog)
[最后修改由 onling, 于 2006-08-31 22:57:26]

转载于:https://www.cnblogs.com/savageworld/archive/2006/09/04/494469.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值