浅析网站登录界面设计

   无论网页或是移动APP的设计,很重要的一点是如何能在小而美和功能复杂性之间找到平衡点。本文就移动APP表单设计进行浅析,看设计师是如何在设计与交互体验之间做到小而美的平衡。

  一.极致的减法

  这是一个异于常规设计思路而得的登录框产物,这不是通常意义上的登录窗。它仅仅保留了用户名的输入,只需按回车便可确定,跳出了登录界面设计中的条条框框,配色方面也足够醒目与简单。


  二.引人注目的用户界面

  1.模糊背景

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


  2.暗色调背景

  当我们一眼看到下面的案例时,明亮的输入框吸引了所有的注意力。暗调处理过的背景图使登录的表单成了页面的视觉中心,没有任何东西可以分散用户的注意力。这不仅是优质的感官体验,更是舒适的用户体验。


  3.扁平化的纯色背景

  我着迷于以下案例中的扁平化设计。基本的样式本该显得单调无聊,但是如果在色彩上精心搭配,扁平化的登录界面将变得活泼俏皮起来。


  三.清晰的视觉纵线

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


  四.注重用户体验设计

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

  1.减少用户输入

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

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


  2.信息化注册提示

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

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


  3.减少用户的强制性操作

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


  4.错误密码输入记忆

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


  AnyForWeb在为客户建立更具吸引力的Web表单时,我们总是在不断的问自己:我有填写表单的耐心吗?有什么可以让表单对用户来说更轻松呢?这些问题并不会总能找到完美的答案,但如果不断的思考这些问题,站在用户的角度上体验我们的设计,那么我们相信至少方向是对的。总之,登录注册就是“一扇门”,一扇让产品和用户真正互通的门,让产品可以给用户体现出更多价值的门。

  所以这个门一定要: 够宽、门槛够低、一直开着、记忆每次进出...

时间: 2024-10-31 10:16:01

浅析网站登录界面设计的相关文章

网页设计参考:漂亮的网站登录界面设计

译自: dzineblog 在我们设计一个登录框或登录页面的时候,会产生很多疑惑,比如,它应该写成"login"?"log in"?还是"sign in"?忘记密码应该怎么写?加入一个"取消"按钮怎么样?应该保持登录或者在本机上记住我?布局应该是水平的还是垂直的?登录应该是一个独立的页面还是类似于弹出窗口?--为了帮助你设计登录界面,这里网页教学网收集了一些漂亮的登录界面设计,希望你能喜欢这些设计并从中获取灵感,然后设计出适合

漂亮的网站登录界面设计

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 为了帮助你设计登录界面,这里网页教学网收集了一些漂亮的登录界面设计,希望你能喜欢这些设计并从中获取灵感,然后设计出适合自己的登录界面设计方案. 在我们设计一个登录框或登录页面的时候,会产生很多疑惑,比如,它应该写成"login"?"log in"?还是"sign in"?忘记密码应该

国外网站设计:友好的登录界面设计

网站或应用的登录页面有时候通常用户会看很多遍,同时也有机会诱使临时用户注册,所以,一个设计良好的登录页面会比你想象的更有用.这里是一些网页教学网收集目前最好的登录界面设计. 网页教学网认为,登录页面是和用户关系最密切的页面之一,所以这个页面的用户体验更加重要,好的登录页面,不仅仅要美观,更要易用,便于用户输入和操作. Battle.net World of Warcraft Taste Book Newsberry Vimeo Getsignoff Brightkite Matt Drupalc

收集的一些漂亮的登录界面设计

界面设计是人与机器之间传递和交换信息的媒介,包括硬件界面和软件界面,是计算机科学与心理学.设计艺术学.认知科学和人机工程学的交叉研究领域.近年来,随着http://www.aliyun.com/zixun/aggregation/14054.html">信息技术与计算机技术的迅速发展,网络技术的突飞猛进,人机界面设计和开发已成为国际计算机界和设计界最为活跃的研究方向. 人机界面的定义.起源.发展.研究内容及发展趋势:人机界面设计中认知心理学.人机工程学.人机界面的艺术设计.色彩设计等:人机

36个漂亮的网站登录界面

下面收集35个漂亮的登录界面,供设计者欣赏学习,为了帮助你设计登录界面,希望你能喜欢这些设计并从中获取灵感,然后设计出适合自己的登录界面设计方案.(3lian.com) Mobile ME Straw Poll Scrapblog Kiss Metrics 20 X 200 Devunity Acrobot 97 Bottels The Mattinator Mind Meister Mint Freelance suite Gist Cars College Humor Survs unblb

登录界面设计-基于MyEclipse的登录界面的设计

问题描述 基于MyEclipse的登录界面的设计 在MyEclipse下创建servlet,代码如下: package servlets; import java.io.IOException; import java.io.PrintWriter; import java.util.*; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.

设计理论:分类信息网站UI界面设计

对于分类信息网站,目前已经有很程序的UI界面结果,不过对于一个新网站来说,照搬成熟的网站结构不一定是件好事,因为你的网站的内容与用户是不确定的,所以对于初期的分类信息网站来说界面做的越简单层次越少可能效果更好. 前几天有个朋友做了一个类似赶集网那样的分类信息网站,觉得链接太多视觉太乱,让我帮忙看看UI(避免广告嫌疑就不给网站地址了),基本上是赶集的小翻版.在信息分类上,是这么做的:大类分房产.招聘.车辆买卖.交友等等这样的大类,每个大类下面再细分需求,比如房屋求租.合租.二手房.日租房.商铺-一

电商网站注册界面设计超全面指南

  电子商务网站已经慢慢成为现代都市人的必需品,大家都乐此不疲的使用着,但对于第一次注册使用的情景,相信大家还记忆犹新.精心挑选完商品之后,用户们怀着愉快的心情点击购买按钮,但显示的却是"请先注册或登录",原本满满的购物欲和好心情有可能瞬间大打折扣. 电商网站需要注册和登录才能执行购买流程虽然受到很大一部分用户的不喜爱,但确实是非常普遍的现象.用户之所以如此反感,也不完全因为流程繁琐,网站的表现形式不够友好.人性化也是原因之一,甚至还有网站令用户很直接的感受到一种强迫性. 市场环境让几

浅析网站表单设计点点滴滴(一)如何更好的引导用户

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 表单,主要是负责数据采集的功能,需要访问者自己去填写,如访问者的姓名.邮箱.性别.地址.留言建议.设置密码.管理个人账户等等.时下表单无处不在,成功的表单设计不仅能提高用户的满意度,更能收集更加精确的数据,相反失败的表单设计只会收集到错误杂乱的信息,可能会最终导致潜在用户的流失. 一.组织表单的内容,给用户一个友好的引导 首先要明确的告之用户