• 关于普雷
  • 网站建设
  • 品牌设计
  • 包装策略
  • 案例展示
  • 服务流程
  • 新闻资讯
  • 客户展示
  • 联系我们
  • 四个设计方式让网站的登录框更有趣


    Day 2015-04-02 Click:856 点赞: 0
    上一篇 返 回 下一篇

    一个秘诀是,让一切元素都“动起来”。

    最近,一个叫 GoSquared 的博客做了一项与登陆框有关的调查,调查表明,人们更喜欢这样的登陆框:1. 更快速、更简洁;2. 要有实体的 “提交”按钮;3. 在出现误拼写时(比如把 gmail 误拼为 gkail 时)能及时纠正;4. 放置聪明的 placeholder 标识。关于登陆框,他们还总结了一句话:要在安全性和实用性之间找到平衡。

    1.  更快速、更简洁

    四个设计方式让网站的登录框更有趣

     

    对于网站的构建者来说,这条不用说你也知道。登陆页面是用户们最想快速翻过的页面,所以登陆过程越简洁越好,但说起来容易做起来难。针对这一点,GoSquared 网站举了个例子:他们使用了动画效果,让整个登录过程显得简洁和流畅。在用户输入邮箱地址时,头像会立刻关联显现,增强登陆框的私人化体验。

    2.  要有实体的 submit 按钮

    四个设计方式让网站的登录框更有趣

     

    现在许多网站都去掉了“提交”按钮,填完个人信息直接按回车键就行了。但 GoSquared 的调查显示,大部分的用户还是希望在填完信息后按一下实体提交按钮。所以就把两者兼顾起来吧:针对那些老用户,他们填完个人信息按回车即可登录,而对于大部分的用户来说,给他们增加一个实体的提交按钮是很必要的。

    3.  出现拼写错误时要及时纠正

    四个设计方式让网站的登录框更有趣

     

    在登录的过程中,把邮箱地址拼错是最烦人的了。GoSquared 推荐了一款叫作 Mailcheck 的工具,用户在拼错邮箱域名的时候(比如误将 gmail.com 拼成 gkail.con ),它可以作出自动纠正,登陆框因此变得更智能。

    4.  放置可移动的 placeholder 的标识。

    四个设计方式让网站的登录框更有趣

     

    现在有许多网站会将“邮箱地址”四个字放在登陆框内部,当鼠标移动到这个位置时,四个字便会从框内移动到框外,你就可以开始在框内输入自己的邮箱地址了。

    四个设计方式让网站的登录框更有趣

     

    GoSquared 网站给出的登陆框看起来有点复杂,但其实你也可以做一个类似的。一个有设计感的网站,每个细节都很重要。不要小看了这些登陆框,可能它在不经意间又多留住了一个用户呢。


    普雷创艺互动广告(武汉)有限公司 版权所有Copyright © Playarts Interactive Advertisement Co.Ltd. 鄂ICP备10209474号-6

    北京赛车北京赛车