网站登录页面怎么设计好?用户登录页面设计原则

2017-03-20 14:20 66 1 收藏

处理用户验证通常是事后诸葛亮,我们总指望它有用,但很少深入思考它。它应该足够简单,但事实是,无论对于用户还是运营产品的公司,都像是在自找麻烦。登录失败、忘记密码和冗长的交互。

【 tulaoshi.com - 交互设计 】

清晰说明规则

  避免使用模糊的规则,表述清楚。不要等到错误验证来警告用户,密码至少要6位。强调密码的最短限制是有意义的,但也不要太复杂。有实际意义的密码,比随机组合的字符更有用。

网站登录页面怎么设计好?用户登录页面设计原则

显示密码

  可以考虑让密码可见。这对用户登录和注册有帮助。不用再次输入确认,用密码输入框来切换显示隐藏,帮助用户确认首次输入是否正确。显示和隐藏的功能可以用一个小图标、一行文字标签、或者勾选框来表示。亚马逊对此做了些小变化,把隐藏字符保留在输入框里,在下方显示完整密码。增强了用户的信心,减少焦虑,表达出密码被妥善处理的事实。

网站登录页面怎么设计好?用户登录页面设计原则

忘记密码的处理

  没人愿意重置密码,除非登录失败或者账号被盗。这么看来,如何帮助用户在不重置密码的情况下登录进去呢?发送一个短链接,允许用户不重置密码而直接登录。提示:利用好细微文案,但要和整体的语调保持一致。

网站登录页面怎么设计好?用户登录页面设计原则

无密码登录

  密码总是很麻烦,所以还有个办法是根本不用密码。要么使用外部验证手段,例如社交媒体账号登录,或者利用指纹识别。比如说,在App Store里购买一直都是用指纹的。

网站登录页面怎么设计好?用户登录页面设计原则

移动端登录

  虽然以上原则可以用在各种设备中,但移动设备还有一些特殊的用法。如果能确定用户正在使用手机,可以发送短信或者推送消息,这招非常神奇,能够迅速带用户前往目的地——应用内的某个地方。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/jiaohusheji/)

网站登录页面怎么设计好?用户登录页面设计原则

PIN码和数字密码

  如果不需要完整密码,可以采用数字密码。通过数字键盘来输入。

网站登录页面怎么设计好?用户登录页面设计原则

其他验证方式

  还有其他的用户验证方式。连接网格中的点阵画出图形,或者点击屏幕中的特定该区域。如果要依赖账号体系,请考虑使用有邮箱地址。不要光为了验证而索要用户名。即使是社区网站,用户也会使用Twitter或Facebook账号登录。无论采用哪种方式,都要考虑使用场景。只耗费最少的精力,不要把事情搞复杂,尽可能让用户感到没有障碍。更多网页设计信息请看:不懂代码也可以搭建网站?无代码网站搭建平台详解

网站登录页面怎么设计好?用户登录页面设计原则

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/jiaohusheji/)

来源:https://www.tulaoshi.com/n/20170320/2623040.html

延伸阅读
无论网页或是移动APP的设计,很重要的一点是如何能在小而美和功能复杂性之间找到平衡点。本文就移动APP表单设计进行浅析,看设计师是如何在设计与交互体验之间做到小而美的平衡。 一.极致的减法 这是一个异于常规设计思路而得的登录框产物,这不是通常意义上的登录窗。它仅仅保留了用户名的输入,只需按回车便可确定,跳出了登录界面设计中的...
对于许多组织来说,留下各种不同的活动或展览,包括节日或会议,来的时候,简单的传单,论坛和传统的横幅广告停止有效工作。无论事件变得广为流行,它提供更多的信息,不仅仅是一个简单的简要说明,还是组织者要使其更加现代化,利用当代各种手段,例如允许使用网上登记或销售数字门票。 最终会出现扩大的必要性。在这种情况下,创始人往往诉...
1.什么是404 404是一个 http 错误代码,即请求的网页不存在。代码404的第一个4代表客户端的错误,如错误的网页位址;后两的数字码则代表着特定的错误讯息。就是当用户输入了错误的链接时,返回的页面。这样的目的是告诉浏览者其所请求的页面不存在或链接错误,同时引导用户使用网站其他页面而不是关闭窗口离开。 Google简洁的页面与的品牌...
标签: Java JAVA基础
  通过File->New...->Web->双击JSP图标,弹出创建JSP向导的对话框,如下图所示: 图 3 通过向导创建login.jsp ·Web module:如果一个工程下有多个Web模块,你可以通过这儿指定JSP所要加入到的Web模块,因为我们的工程中只有一个webModule,所以是向导将默认设置为webModule。 ·Name :键入JSP文件名,你可以键入.jsp...
我们经常需要叫 非职业设计师来 评判界面设计的好坏。也许你是老板,要评估自己的新网站设计情况,或者你是项目经理,要查看你的设计师制作的网站模型。你该在网站界面设计中发现什么呢?谁都会无关痛痒地说这个看起来不错或者这个好像不怎么好用,但是怎么才能给出有意义的反馈呢? 对设计的全面深入理解并非一篇文章所能概括。本文提供一些对...

经验教程

989

收藏

33
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部