站长之家,中国草根站长新闻、建站经验、素材资源交流平台!
分类导航

站长新闻|网站运营|建站经验|网站优化|站长资源|站长源码|

服务器之家 - 站长之家 - 建站经验 - 登陆注册页面该怎么设计? 注意这10个要点能迅速提高用户体验

登陆注册页面该怎么设计? 注意这10个要点能迅速提高用户体验

2020-06-05 20:55互联网 建站经验

登陆注册页面该怎么设计?如果遇到一个喜欢的网站,但是注册和登陆都太复杂了,你还会注册吗?今天我们就来看看在设计登陆注册页面时候应该注意的十个重点,可以留住更多的用户,详细内容请看下文

  有盆友问起注册/登录的体验,结合网上各路高人的分享,于是我总结了一些自己对如何在注册和登录时提高用户体验的一些发现或看法,若观点有不对的地方,望大家批评指正,欢迎大家的分享与交流~

  1.别让用户一进网站就注册

  有些网站/应用一进来就要注册才能浏览,认为游客会因此而注册成为其用户。不料,我个人遇到一进网站就得注册的都不注册,选择直接离开(对某产品已非常了解除外),不知道大家是否有相同体验?偶尔注册的网站天天给我发邮件或推送短信,烦透了!至于个人信息是否被他们卖了,这个还要另说(据调查发现国内很多用户会有这个担忧)。

  也有许多网页/应用为了能够留住一些游客, 会在非注册的情况下允许用户浏览,在需要账户信息时才提醒用户注册或是登录。

  下图为Twitter网页端:

登陆注册页面该怎么设计? 注意这10个要点能迅速提高用户体验

  而新浪微博网页端改版前并没考虑到这一点。以下为新浪微博网页端登录界面的改版前和改版后,大家可以对比看看~

登陆注册页面该怎么设计? 注意这10个要点能迅速提高用户体验

  改版前

登陆注册页面该怎么设计? 注意这10个要点能迅速提高用户体验

  改版后

  但这里需要留意,强社交类应用可能无需过多考虑这点,比如facebook的客户端和QQ客户端。因为这类应用属于好友社交类,但微博属于关注和浏览类的。

  下图为facebook和QQ的登陆界面:

登陆注册页面该怎么设计? 注意这10个要点能迅速提高用户体验

  2.可跳过引导页直接注册/登录

  某些时候我们是某个产品的老用户,不再需要给新手用户准备的引导页,因此提供直接登录的快捷方式是有必要的。下图为印象笔记的注册登录界面:

登陆注册页面该怎么设计? 注意这10个要点能迅速提高用户体验

  Behance登录&注册页,兼顾了新用户、老用户和游客模式~

登陆注册页面该怎么设计? 注意这10个要点能迅速提高用户体验

  3.别让用户重复填写相同内容

  想必大家都经历过:注册某网页/应用时被要求填写邮箱地址两次或重复输入密码。其实大可不必。因为用户大多会记得自己常用的邮箱和密码。若邮箱或密码输入有误时可实时反馈,或者用其它更好的方式解决(下面也会提到),再多此一举填写两次反而容易导致用户流失。

  看看一些值得参考的表单设计:

登陆注册页面该怎么设计? 注意这10个要点能迅速提高用户体验

  4.突出必填项

  作为用户,最好是无可选字段,可填可不填的都不填,甚至最好不要出现。如果一块信息毫无意义,那么只会浪费用户的时间。不过对商家就不同了,搜集必要的信息更能促进业务成功。

  如果在注册表单里面有可选字段,那么我们就要强调必填字段。通常一个小标志例如星号*就足够了。它可以让用户自觉发现并填写必须填的字段。

  5.输入时自动填充/自动读取常用账号

  我们在登录/注册时,经常需要输入账号和密码。这时候,简化或缩短用户输入时间是各网页/应用优化体验的的方式,来看看它们是怎么做的~

登陆注册页面该怎么设计? 注意这10个要点能迅速提高用户体验

  6.手机客户端提供密码切换可见性

  我们输入密码时,密码默认加密状态,但由于手机键盘较小,易误操作,切换密码可见是非常方便的功能。

  下图为支付宝和京东的登录界面:

登陆注册页面该怎么设计? 注意这10个要点能迅速提高用户体验

  7.提供第三方快捷登录

  有时候使用某个软件,我们想快捷的登录。采用第三方授权登录的方式非常的高效。

  来看看在这方面做得比较到位的产品:

登陆注册页面该怎么设计? 注意这10个要点能迅速提高用户体验

  8.科学友好的提示

  相必大家都知道注册/登录时提示的重要性,来看看用户体验哪家强,栗子举起来~

  下图是Twitter手机客户端和豆瓣客户端登录页,Twitter点击密码输入框时就有相应的提示,减少了出错的可能;而豆瓣是无提示的,直到提交时才弹出错误提示,而且弹出一两秒就消失了,对像我这种阅读比较慢的人来说真是苦恼(PS:截个图截了一万次才成功)。

登陆注册页面该怎么设计? 注意这10个要点能迅速提高用户体验

  9.巧妙的实时反馈

  实时的验证会给用户及时的提醒,减少用户在最后提交时报错带来的挫败感。

  下图为Twitter在注册时对用户名的要求和手机号码有效性的验证:

登陆注册页面该怎么设计? 注意这10个要点能迅速提高用户体验

  10.需求化或情感化的文案引导

  很多时候,访问者转换成用户,这个关键任务落在了再普通不过的“注册”按钮的肩上,而这个可怜的按钮在产品开发中却往往得不到任何考虑和关注。

  我们经常重复看到许多网站一样的元素时,已习惯性忽略这些元素,无论这些注册按钮的颜色怎么变,最多只是颜色更显眼一些。但访客对网页是浏览,不会细阅。他们很可能轻易错过关于免费试用或是产品能提供的主要价值或好处的部分。当然,这也说明产品错过了访问者转为用户的机会。

  一起来看看这方面做得比较优秀的网站是怎么做的~

登陆注册页面该怎么设计? 注意这10个要点能迅速提高用户体验

  他们都有一个共性,那就是抓住用户心理的同时,与产品紧密联系在一起,直接展示出注册后会给予的好处,鼓励访客采取行动。

  以上只是国内外的一小部分栗子,一方面与国际接轨,学习优秀的设计,另一方面列举大家熟悉的产品,方便交流~(PS:具体问题具体分析,不能一概而论。以上观点若有误,请大家批评指正~)

延伸 · 阅读

精彩推荐
  • 建站经验关于站内搜索分析的重要性和方法

    关于站内搜索分析的重要性和方法

    SEO!PPC!内容规划!转化率啊!?当我们殚精竭力、勤勤恳恳劳作,加以虔诚的态度,拜请到各位访客,可90%的人都洒脱的挥一挥衣袖不带走一 片云彩,让咱们这...

    建站教程网9312021-06-09
  • 建站经验腾讯高手都在学的「感知性模式设计」是什么?

    腾讯高手都在学的「感知性模式设计」是什么?

    如果沿用到互联网方面的设计,那么感知性模式的例子可能包括:文字信息、版式、配色、布局、插图、图标、形状纹理、间距、交互或者动画等等,这些...

    优设7802021-08-03
  • 建站经验网站建设初期的SEO优化定位

    网站建设初期的SEO优化定位

    根据 网站建设 的性质我们可以分为两种:一种是产品的商城,一种是做服务的网站。每一个网站在建设之前都会考虑行业的竞争对手的手法还有自身行业...

    站长之家9952021-01-28
  • 建站经验网站中了木马怎么办

    网站中了木马怎么办

    网站中了木马怎么办?网站被黑中了木马也不算是比较稀奇的事情,不过大多数人是遇不到的,一般出现这种情况的网站都是一些比较高端的企业网站,或者...

    站长之家4802021-09-24
  • 建站经验如何在百度知道发外链的技巧

    如何在百度知道发外链的技巧

    百度知道作为国内最大的互动问答平台,每天云集了数以千万计的访客,而且百度关键词搜索结果中,百度知道页面也有着不错的排名,这就让了不少站长...

    站长之家9192021-07-03
  • 建站经验网站更换服务器有什么影响

    网站更换服务器有什么影响

    在我们日常维护 网站 的时候,可能会由于网站打开慢或者网站被攻击, 服务器 内部故障或者外部的原因都会导致我们的网站出现打不开的现象,有时我们...

    东德SEO4182020-12-04
  • 建站经验网店运营要学会两条腿走路:网店设计和营销

    网店运营要学会两条腿走路:网店设计和营销

    百度重新收录淘宝店,对于运营淘宝店的店主们应该是一个好消息...

    开店教程网3162020-08-21
  • 建站经验个人站长怎样选择做网站

    个人站长怎样选择做网站

    做网站是为了赚钱,我相信没人会反对,网站有了流量,才能赚钱,本篇文章将为大家介绍做站方向的取舍,使流量来的快,竞争小。 ...

    建站教程网5232020-09-03