注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

优品设计

简约至上 点石成金(http://www.upindesign.com

 
 
 

日志

 
 

WEB登录入口的设计思考

2006-09-01 09:47:41|  分类: 网站设计 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
    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)
      评论这张
     
    阅读(250)| 评论(0)
    推荐 转载

    历史上的今天

    评论

    <#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
     
     
     
     
     
     
     
     
     
     
     
     
     
     

    页脚

    网易公司版权所有 ©1997-2017