您好,欢迎光临一网学 请登录 免费注册

网页设计培训、UI设计培训和淘宝美工培训机构-一网学!

7 * 24小时全国免费咨询电话

400-655-3664

您现在的位置:首页 > 免费专区 > 设计教程

设计教程

移动UI登录界面设计的用户体验设计-UI设计培训

作者: 一网学   最后更新时间:2014-06-25 15:05:02

登录界面是我们设计师在做产品过程中经常遇到的一个页面,如何能将登录界面做的美,精简,而且符合用户体验呢?这是我们需要探讨的一个问题。


第一:尝试做减法


下图是一个异于常规设计思路而得的登录框产物,第一:配色醒目突出,突出用户输入框;第二:只需要输入用户名,并且点击回车键而进行登录,去掉了之前登录界面的条条框框,对于一些无需输入登录密码的登录场景可以采取此设计方式。




第二:夺人眼球的界面设计


1、模糊背景的应用:最近,模糊背景的运用如雨后春笋般冒了出来,因为模糊背景的运用不仅让整个网站显得更加人性化,并且在很大程度上烘托出网站所要表现的氛围。以下介绍的案例是个迷人的登陆界面,在模糊的背景上面用极简的图标与细线来设计,背景图的色调与按钮的颜色很有心的挑选了同一色系,让界面融洽地结合成一个整体。。



2、扁平化的纯色背景:扁平化的纯色背景设计看似很简单,如果用一种颜色未免会显得有些单调,因此结合不同的颜色,又能做到界面的协调和美感也不是一件简单的事情,下图就做到了这一点,,让登录界面变得活泼起来。



3、暗色调背景的应用:用一张适合该产品的图片作为大背景,再将背景暗下来,整个登录框将成为整个页面的视觉中心,用户的注意力都会集中在登录框,简单中不乏一种大气,是一种优质的感官体验。


第三:清晰的视觉纵线


人的视觉浏览一般呈“L”型视线,意指从上到下,从左至右。而设计表单界面很注重对用户的引导作用,当一个界面没有过多的强调元素,那么表单的视觉浏览顺序符合“L”型规律就基本符合用户的心理预期。那么,用户就不用过多思考和寻找,能简单高效的执行完表单项的填写和提交。



第四:注意用户的体验设计


登录和注册表单的使用率非常高,一个表单的设计其实也不是简单的事情,用户体验是必须要考虑的事情。有的喜欢把注册和登陆都放在一个页面,有的喜欢用AJAX无刷新效果来展示,反正很多花样了,总之,一切以最佳用户体验为出发。设计永无止境!哪怕是一个注册表单,也值得再细心研究。如果不重视用户体验,就会致使网站流失大量用户。



1、减少用户的输入:


一般说来,注册表中每增加一个字段,注册率就会相应的下降。

用户在注册时被要求填写邮箱地址两次或重复输入密码是非常麻烦的,特别是在手机上。其实用户一般都会使用自己的常用邮箱和密码注册,所以不那么容易忘记。采用输入一次密码完成注册更符合人们的期望,但是为了防止密码输入和用户的预期密码不同,可以采用允许用户查看明文密码的方式。假设哪天用户忘记密码了可以通过邮箱找回,再多此一举填写两次反而更加容易导致用户流失。



2、信息化注册页面:


为终端用户提供有效的信息提示是用户体验设计中的最好方式,尤其是在用户注册填写信息具有多个输入域,而在需要填写的字段互相可能产生歧义的时候,这些消息提示可以减少用户的思考和猜测时间。提示信息的展现形式有多种,可以在页面的顶部闪烁小便签,或是让隐藏起来的消息跳出气泡框。



  设计表现赋予注册表单以特质,而界面设计正是用户所感受到的体验。更多的提示可以防止用户因为输入错误而需要进行再次输入。





3、错误密码输入记忆


当用户第一次输入一个错误的密码时,系统在判断错误后同时把用户输入的错误密码保存记忆,当用户再次输入这个错误密码时,系统会自动在客户端提示“密码错误”。这样做减少了用户的一次误操作同时也减少了一次提交给服务器端的任务。因为:密码的输入显示是*并非能直接看到你确切的输入结果,有很多时候的确是用户记错或输错了。



4、减少用户的强制性操作


用户在登录或注册时是否验证?我觉得如果安全性没有大问题的话尽量不采取。可以在用户输入错误一定次数时才会出现验证码。 (不是一开始就有验证码,也不是用户输入错误多了就禁止登录)。但好像你的技术搭档绝大部分时候都会告诉你“安全性”有大问题,所以很多时候我们不能“为了细节的良好体验而纵容了系统的安全受挫”



最后我想说的是:我们在看到登录或者注册页面的时候,我们要试着问一下,用户看到这个页面后是什么感觉?他们能坚持的将信息填下去吗?中途遇到问题会放弃填写吗?大批的信息能在用户体验和系统安全之间做平衡吗?等等之类的问题,如果我们站在用户的角度去思考问题,设计的方法会有多种,也不会出现华而不实的设计,因此将设计和用户体验做到平衡,适当情况做减法,给用户适当的提示,会更好的亲近用户,让设计作品更加完善。



点击:4111关键字: UI界面的用户体验设计   UI设计培训  
 

还要名师指导?
还想学更多?
想成为一名优秀的设计师?

赶快报名我们的就业培训吧

加入一网学(免费获取设计视频)

加入我们QQ群

  • 94479624(满)
  • 300641383 (满)
  • 325055490(满)
  • 208130525

扫一下,加我微信

    姓名:
    我要报名,免费试听,素材索取都可以
    给我们留言。同时也可以咨询在线客服。
    郑重承诺:我们不会泄露您的任何资料。
    电话:
    Q Q:
    答案:
    邮箱:
    留言:

    客户服务中心(7×24小时):

    4006-553-664

    • 电话:0755-25849300
    • 传真:0755-25849300
    • 邮箱:editor@ywxue.com

    深圳市一网学教育咨询有限公司 版权所有 2008-2016|一网学手机站

    一网学专注网页设计培训UI设计培训平面设计培训淘宝美工培训7年 | E-mail:editor@ywxue.com
    Copyright © 2008 - 2016 ywxue.com. All Rights Reserved 粤ICP备12037495号-2