恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
在设计登录注册之前,注意这10个要点能迅速提高用户体验
0.0°
2016-12-26 原创文章 经验/观点 举报 1796 26 12 0

1.别让用户一进来就注册

        有些网站/应用一进来就要注册才能浏览,认为访客会因此而注册成为其用户。不料,我个人遇到一进来就得注册的都不会马上注册,选择直接离开(对某产品已非常了解除外),不知道大家是否有相同体验?

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

Image title

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

Image title

(改版前)

Image title

(改版后)


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

        下图为 Facebook 和 QQ 的登录页:

Image title

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

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

Image title

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

Image title

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

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

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

Image title

4.突出必填项

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

        如果在注册页有可选字段,那么最好强调必填字段。通常一个小标志(如星号*)就足够了。它可以让用户自觉发现并填写必须填的字段。


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

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

Image title

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

        输入密码时,密码默认加密状态,但由于手机键盘较小,易误操作,切换密码可见是非常方便的功能。下图为支付宝和京东的登录界面:

Image title

7.提供第三方快捷登录

        有时候我们在使用某些产品时,想快捷的登录。采用第三方授权登录的方式非常的高效。来看看在这方面做得比较到位的产品:

Image title

8.科学友好的提示

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

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

Image title

9.巧妙的实时反馈

        巧妙的实时反馈能减少用户在最后提交时报错带来的挫败感。下图为 Twitter 在注册时对用户名的要求和手机号码有效性的验证:

Image title

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

        很多时候,访客转换成用户,“注册”按钮没有功劳也有苦劳,而这个可怜的按钮在产品开发中却往往得不到任何关注。

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

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

Image title

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


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

        站酷:http://www.zcool.com.cn/article/ZMzkxMTA4.html# 


更新:2016-12-26

下载
收藏

26人已收藏

原创的自己

用户体验设计师 · 产品设计师

  • 1

    作品

  • 0

    粉丝

  • 0

    关注

    猜你喜欢

      2016-12-26 原创文章 经验/观点 举报 1796 26 12 0

      在设计登录注册之前,注意这10个要点能迅速提高用户体验

      0.0°

      你确定要举报在设计登录注册之前,注意这10个要点能迅速提高用户体验

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2016年11月24日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      12
      26
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录