[ 2006-08-31 22:35:37 | 作者:
onling ]
一些很小的设计细节,最近因为一直在外地,不是用自己的机子,所以在登录这一块遇到了不少的问题,突然想到,能否简单地就WEB登录入口的交互设计做些思考,让用户操作流程更加的合理和方便,发现要把一些细节想清楚还是很困难的,把自己的想法总结一些,其实某种意义来说也是一次用户体验的感受而以.
首先先提几个需要解决的问题
-
a, 作为一个登录入口,必备的一些元素是什么?
b,那些不是必备的,但是会对用户操作带来便捷?
c,在此计算机上该什么处理保存 Cookie信息问题?
d,用什么做为用户名比较好?昵称或Email,或其他
e,如何解决一些信息的混乱...
大家对登录入口应该比较熟悉,做为一个登录入口,必备的元素就是 用户身份ID, 密码,以及 确认按钮,有了这三个元素,一个登录的基本操作基本可以完成.
看看下面一个典型的例子:
豆瓣的登陆设计素以简洁著称,而且他的交互设计也是业界的典范,他是以 Email作为的ID,注册密码,以及进入按钮,基本功能已经满足.一些好的细节设计后面再讨论,
2.先回答第二个问题：应该扩展的元素
当然一个好的易用的登陆窗口,紧紧这几个元素是远远不够的,稍微思考了一下,一个登录的窗口,应该具有的登录信息元素(包括必备以及非必备)有以下几个:
-
a.用户名(Email\呢称）
b.密码输入
c.确认进入按钮
d.忘记密码解决方法
e. 提示Cookies保存信息
f.新用户注册入口
g.返回首页
h.印证码
....
3.Ok,下面就是 第三个问题了：COOKies问题
这个也是比较麻烦的一个问题,提示Cookies保存信息,这个对用户的便捷性是最相关的,但是也是最难考虑的,毕竟这个个安全性合在一起,那么什么样设计能达到最优呢.
对于一些大型的门户网站,基本没有这个思考,因为他们的用户群很杂,真正过来的都是一些看信息的,不会登录,除非是有一些服务在里面才会登录,所以这类网站基本没有设计保存Cookies的功能.
百度的设计就是这样,他的设计风格跟豆瓣很类似,但是豆瓣在注册的时候,会出现Cookies信息提示
同一台电脑登录一次就行, 豆瓣能记住你! 这个给用自己的机子的人带来了很大的好处,但是却对一些网吧流动用户带来了极大不便以及安全性上的思考,这样一些大的门户网站基本就没有这一方面的担忧,一般他们在注册的时候会提示你.不过yahoo,GOOGEL的倒是有 记住我的帐号的单选框
还有一些论坛的登录基本都是在登陆的时候提示你cookie的保存时间
这个看到一个处理比较好的网站就是 抓虾的了
抓虾的登录入口就保留了豆瓣的简洁交互风格,但是在COOKie处理上,他累优一些,我也是最近在外面才体验到这一点,他在一些细节,以及COOKie上处理的更人性化一些
登录抓虾
如果你不是在自己的机器上，记得退出时在右上角点击“登出”。
(善意提示信息)
在此计算机上保存我的信息。(默认打勾)
(如果你不理他这个,基本跟豆瓣一样,但是如果你用的别人的机子,这个挑选就显得非常的必要,豆瓣的强制跟他比起来就比较的不宜人)
忘记密码了？ 还不是会员？等都处理得很合理,很适合人的交互习惯.所以某种程度上可以说抓虾的登录做的已经非常的成功了.
4.第四个问题也是比较难解决的:用什么做为用户名比较好?昵称或Email,或其他
这个问题,就我个人体验,我倾向于用Email,刚开始可能不是很习惯,但是,这个对网站管理,ID的唯一性都能带来极大的便捷,昵称可以重复,但是 EMAIL确实你自己独有的,这个豆瓣抓虾的注册流程都作的很好,大致分析了一下,新近出现的一些新网站基本都开始采用Email做为唯一 ID的身份标志,一些老门户网站,基本有自己的邮箱服务.所以也基本采用的是邮箱ID,所以可行性以及识别性来说,Email更合理一些,你还是可以给自己i设一个比较好听的昵称,作为你自己喜欢的昵称.
这一方面可以参照一下 豆瓣的注册,感觉她处理的恰到好处.
有些网站画者添足,给用户的交互也带来了极大的不便
这种事类似 Email 做为唯一ID的,但是他后面还有一个下拉的邮箱选择,一会儿键盘输入,一会儿鼠标操作,给用户带来不是便捷,而是不便,当然如果对于一些比较长邮箱后缀这种还是很不错的,但是很少有人傻的去使用那些,基本每个人的Email都是经常在使用的,很容易记住的EMAIL名.
5.第五个问题,关于一些信息的混乱问题
这个有些信息很容易造成混乱,其实就是一些设计没有规范,比如登录ID是用Email,还是昵称,或是其他.那在登录一些网站的时候就会很混乱,所以设计时必要的提示是很重要的,用Email的ID,就必须注明Email,可惜的大部分网站用 Email的ID也是使用用户名做为提示,这是很糟糕的设计,还有密码,应为用的是Email,而注册的密码又是网站的密码,这两者可能不一样,为了避免信息混乱,应该有所提示,这一点豆瓣也处理得不错
你的email地址,你在豆瓣的注册密码:这种细微的提示给用户带来了极大的便捷
还有一些宜人的,比如新用户注册按钮,比如返回,设计好都能有较好的交互操作,能给用户带来很好的印象
土豆的设计基本就是满足了这些功能,
最后总结一下,个人认为比较好的WEB登录入口的设计:
-
1.满足最基本的功能元素
a.Email 做为ID,提示是使用该网站注册密码,进入按钮
b.密码忘记解决方法,新用户注册按钮,返回前页
2.具备人性化的处理保存 Cookies信息问题,最好给用户一个选择,可以预先设置满足大部分人的选项
如果不具备,要提示登出以后推出的提示.
3.输入你的Email后面的文字框最好全部由用户填写,避免画蛇添足的设计(下拉框,特殊情况除外）
4.良好方便的密码取回通道，这个对于Email作为ＩＤ的有极大的优势，所以建议也是采用Email作为ＩＤ
5.就是一些人性化的语言提示，以及善意的错误提示，别把用户当菜鸟，提升亲和力．
(作者:onling Blog: http://www.onling.net/blog)
[最后修改由 onling, 于 2006-08-31 22:57:26]