如何设计网站的登录和注册功能

登录和注册是所有线上平台都拥有的功能模块,也是用户最早能够接触到的平台功能,不仅业务流程简约,而且模块功能单一,甚至设计的页面也不会超过5个。 但是你一定会发现,就是这么简单的登录和注册,有的网站做的行云流水和如丝般顺滑,有的网站做的沟沟坎坎和雷坑遍布。什么会有这么大的差异?主要在于思路的混乱和不一致。只有掌握了严谨和逻辑的设计思路,不仅简单的登录和注册会给用户留下良好的第一印象,也会让你在其他业务模块的产品设计中行云流水。


1.为什么要做登录和注册

  1. 1

    登录和注册的需求来源部门或许有着五花八门的回答,也许是建立用户体系的需要,也许是收集用户信息的需要,也许是用户运营的需要,很多也许。多不要 紧,但至少我们知道了实现“登录和注册”对于业务有着至关重要的作用,且会对很多业务功能产生重大影响,需要产品经理认真、慎重的进行设计。

    END

2.登录注册的核心业务分析

  1. 1

    登录,就是提供给用户某种user interface,即用户接口,让用户填入某些标识信息来与系统中已有数据进行身份验证匹配,并赋予用户某些特殊功能使用权限的过程。实际上登录的主要矛盾就是:让用户能够输入某种专有信息,例如独特的字符串、电话、身份证、电子信箱等等,总之能唯一表明这个用户的身份信息即可为了解决这个主要矛盾,我们就设计两个输入接口。

    如何设计网站的登录和注册功能
  2. 2

    注册,就是将用户的信息保存在系统中,用以日后的登录匹配信息之用。实际上注册的主要矛盾就是:你到底要保存用户的哪些信息?为了解决这个主要矛盾,我们就设计采集并保存以下用户信息。

    如何设计网站的登录和注册功能
    END

3.业务闭环

  1. 1

    在流程图上还是两个独立的点,因为业务流程没有闭环。这个时候就要问自己几个问题,最后到这一步,我们完成了登录和注册的业务闭环,登录和注册的业务可以打包为独立的业务模块,至此增加了四个辅助页面:登录成功页、登录失败页、注册成功页和注册失败页,总计六个页面。

    如何设计网站的登录和注册功能
  2. 2

    为了完成这个业务流程的闭环,我们就需要增加几个页面:

    如何设计网站的登录和注册功能
    END

4.将业务嵌入使用场景

  1. 1

    登录和注册的业务流程已经闭环,且已被打包为独立的业务模块,接下里就要做有很强代入感和参与感的产品使用场景分析,然后把登录和注册塞进需要的流程中。首页或登陆页:用户看到平台的第一页,也是最容易联想到的页面。

    涉及需要用户身份验证的页面:例如支付、发布内容、查看特殊权限的内容等。

    END

5.用户体验是需要逐步完善

  1. 1

    产品功能和业务设计只完成了50%,还有50%就是前端产品经理常常挂在嘴边的用户体验。

    如何设计网站的登录和注册功能
    如何设计网站的登录和注册功能
    END

6.加持业务部门需求

  1. 1

    运营部会说,登录页没法运营;注册页也没办法运营。市场部会说,登录页没有体现出我们平台的定位;注册页也没有体现我们平台的定位

    如何设计网站的登录和注册功能
    如何设计网站的登录和注册功能
    END

7.其他

  1. 用户访问热点和行为监控:这个绝对是核弹级别的增值功能,虽然对于用户不可见,但是对于产品经理了解无法见面用户的使用行为是一个必不可少的功能。通过采集用户在页面上的各种行为,产品经理可以获取到用户的浏览习惯,作为优化产品的重要数据支撑。

  2. 第三方登录:登录和注册是任何平台阻碍用户的一座大山,如何能够降低登录和注册的难度,如何能够减少登录和注册的步骤,如何能够提高登录和注册的效率,值得仔细思考。

    幸运的是,现在各大流量入口平台逐步开放,纷纷提供了第三方登录的接入,可以帮助用户快速的翻过注册的大山来享用我们提供的服务。

  3. 3

    重置密码或者找回密码:这个功能则是为用户登录时可能存在的遗忘密码提供了一个处理渠道。不要小看这个功能,在严谨的业务流程中留出一个异常处理天窗,不会让用户在使用业务功能时掉入死胡同或者“功能黑洞”。

  • 0
    点赞
  • 17
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值