以app活动模板为例，说说自定义背景功能设计背后的逻辑-活动盒子
以app活动模板为例，说说自定义背景功能设计背后的逻辑
阅读：6027
活动盒子活动运营工具，一站式解决APP运营拉新、促活、留存难题，提升用户转化！
app活动模板的背景自定义设置背后存在怎样的逻辑呢?
来源：活动盒子(ID：huodonghezi_com)
为了更好、更深入地了解产品，每次产品一有风吹草动，比如说隔三差五的产品更新迭代，运营都要第一时间去体验。这不，自家的产品刚新增几个app活动模板，我就在第一时间过了把瘾。同时，在体验产品新功能的时候，发现产品近来的几个更新版本都在叠加支持用户自定义背景的模板。
本着每个产品功能的优化和迭代都有其背后逻辑的想法，我忍不住思考：小小的自定义背景自定义背景功能设计背后的逻辑是什么呢?
一、什么是自定义背景
自定义背景是指用户在使用某个产品或系统时，可以根据自己的特定需求、喜好配置产品背景。用户通过自定义背景可以自主选择自己想看到什么，从而满足对产品展现形式的偏好。
二、自定义背景的经典案例
除了活动模板自定义背景这个场景，我们在生活中使用的各种工具时都能遇到。下面为几个经典自定义背景的案例：
微信聊天背景自定义：只要看得清会话内容，随个人怎么折腾，且微信还分统一聊天背景设置和个人聊天背景设置。
QQ空间/QQ自定义背景皮肤：觉得QQ自带的皮肤太单调，可添加自己喜欢的图片做qq背景皮肤;根据自己的偏好随意选择背景模板制作出自己喜中的空间。
浏览器自定义背景皮肤：和QQ空间DIY背景皮肤类似，最热、明星、动画，喜欢哪个换哪个，天天换也没人说你(今天宋仲基，明天李钟硕......)。
微博会员自定义封面背景：之前是普通用户也可以在设置里面选择自定义模板的，但现在只有开通了会员的用户才能享受自定义封面图片。
各种博客自定义风格或组件：按照自己的实际需求DIY博客风格或组件。
淘宝店铺自定义装修：提供装修模板给商家，商家自定义整个店铺的背景、风格、图片。
道客巴巴文档：选自己中意的图片或颜色做背景
三、App活动模板自定义背景功能设计背后的逻辑
从上面的自定义背景案例可以看出，自定义这个功能在很多产品中都有体现。 那作为一个活动运营工具，一个简单的app活动模板为什么一定要自定义背景呢?或者说，活动模板支持用户自定义背景这一简单的操作可以为app运营带来什么改变?
在说这个问题之前，我们先来探讨一个问题，你在使用微信的时候，在什么场景下会想要自定义聊天背景呢?
不想随大流，想特殊一点;
微信提供的背景都不中意;
就是想换成对象、某个偶像、暗恋对象的照片，天天看，边聊天边看;
突然看到一张自认为非常适合做背景的图片，顺手一换;
截图发朋友圈很有个性;
觉得换了背景聊天更尽兴.......
以上是我目前能够想到的一些更换微信聊天背景的场景，当然，实际的场景绝对不止这一些，鉴于我想象力有限，就不在此纠结了。
微信聊天背景自定义和app活动模板背景自定义有相同的地方，如是按照使用者(微信用户、运营)的喜好来设置的。但两者也有不同之处，如微信聊天背景是对内，一般情况下，只有设置该背景的人可以看到(除非设置人给其他人看到的机会);而一个活动模板不仅有对内属性，还有对外属性，对内是指运营，对外是指看到活动参与者。
那活动模板的背景自定义设置背后存在怎样的逻辑呢?
1. 情感化设计
情感化是现如今很多PM推崇的产品设计逻辑，主要是指产品不止要满足用户的物质需求，更要满足用户在情感互动层面的需求。
一个产品的情感化设计可以从三个方面体现：产品形态、产品特质、产品体验。
产品形态情感化表现为产品外观的情感因素，从形态打动消费者。如微信启动页，一个人孤独地站在巨大的星球下，再结合微信本身就是一个帮助用户和陌生人建立联系的社交软件，给人一种无尽孤独的感觉。在视觉上传达了产品特性、用户使用场景、心理等信息。
产品特质情感化是指产品本身作为情感的载体，通过互动让用户形成对品牌的认知。
产品操作情感化则是指产品的使用方式令用户感到愉悦。比如上面所提到的自定义背景属于操作方面的情感化设计，让用户在使用产品的时候发现小小的惊喜。
2. 场景化设计
以app活动运营为例，运营做活动的场景主要有以下几种：
有了一个短期的KPI目标，如app拉新、留存、促活等;
碰到重大节假日或电商节日，如电商app碰到了春节、端午节或双十一等适合做营销的节日;
固定的品牌活动......
而以上不同的场景活动，运营就算是使用同一套活动模板，为了让背景和活动主题、奖品更匹配，都有自定义背景的需求。比如，刚过去的双十一，很多app运营在活动盒子做双十一相关活动时，都会更换和双十一相对应的背景。
3. 体验化设计
最后，自定义背景也是产品体验设计的原则。体验化设计是从用户自身的体验来进行整体设计的，也就是让用户参与其中，让不同用户在使用同一个产品时能够实现差异化、真实化，从而满足用户对产品的期待。
如在使用统一的活动模板背景时，觉得统一背景太过大众，或者不是自己喜欢的，可以立即按照自己的想法自定义个性化模板背景，这时候，运营会觉得产品设计比较灵活，在他/她心理，已经认可了该产品的操作体验了。用户体验好了，产品得到用户喜爱并愿为之付费的意愿也就更大了。
作者：等待八戒，活动盒子(huodonghezi.com)品牌运营推广专员，关注互联网及移动营销推广领域。活动盒子是一款精准、高效、点对点触发的app活动运营工具。
版权声明：本文为作者观点。商业转载请联系作者获得授权，非商业转载请注明出处。
APP运营推广
APP活动运营
APP活动运营工具
助力APP运营实现
拉新、促活、留存，提升用户转化
APP运营解决方案
助力APP运营实现拉新、
促活、留存，提升转化率注册 | 登录
微信nuanai88，官网51prd.com下载APP原型。
产品经理就业班，12周特训，测、练、实战，22位导师全程带班，200+名企内推，保障就业！
当我们需要设计任务型功能的时候，除了基础的线框图和交互，更需要提前搞清楚整个功能的内部逻辑流程，简称功能逻辑图。
举几个大家熟悉的任务型功能作为例子，方便大家理解概念。
比如电商的下单，大概包含查看商品→选择数量→填写收货地址→添加留言→付款。
其中的退货也是，选择商品→申请退货→填写退货信息→卖家审批→寄送商品→卖家确认物品无误→退款到账。
包括优惠券的使用，是生成订单前还是订单后都是有讲究的。
一、为什么需要功能逻辑图
当需要设计这样复杂步骤的功能，一定要学会画出内部的逻辑流程。
当然有时候也需要结合功能结构的思想，先拆分功能尽量少耦合，再画出内部逻辑。
然后和后端工程师过一遍逻辑，如果没有问题。再去设计具体的前端页面，最后才是专注于视觉细节。
如果没有先产出功能逻辑图，而是只画线框图和交互，那修改迭代的次数至少是上百次。
二、功能逻辑图是什么
表现功能内部的逻辑走向。可指导设计具体的页面和交互。
功能逻辑图和功能结构图的区别
注意是功能内部的逻辑流程，不是误认为是拆分功能。后者详见《》。
两种图形的使用场景是不一样的，分析功能的维度是不一样的。
一般来说先从业务上拆分功能到最细的粒度，然后再去画功能逻辑图。有时候最细粒度的功能很简单，逻辑图可不画。
多啰嗦一句，区分这2者也可以使用UML的用例思想来区分。
功能逻辑图和状态机的区别
通俗意义上的功能逻辑图表现是行为这个维度以及变化，而状态机是状态间的变化，维度是状态。后者详见《》。
功能逻辑图和UML时序图的区别
算是时序图的简易版吧，UML学起来有一定门槛。但是功能逻辑图很容易上手，只是欠缺一些uml的特性。
三、如何画功能逻辑图
继续以电商APP的下单功能为例来讲一下如何画下单这个功能的逻辑图。
因为这个功能实在是太复杂，不建议一次性画出逻辑流程。建议先按照上文《》拆分出多个子功能。
然后按照子功能分别画出对应的功能逻辑图。注意这里只画了立即购买的下单功能，购物车结算的可以查看，，，。
四、功能逻辑图的元素
建议使用Axure来画，因为还支持跳转到对应的前端线框图，方便阅读。详见。
使用矩形框表示，没可以区分用户行为和系统行为，uml时序图中有区分。
使用有向箭头表示行为的流程。
使用菱形表示逻辑的多种路线。如果不复杂，可不用。
用来辅助理解，可忽略。
强调一下不要搞混功能逻辑图和功能结构图的运用场景。
我的建议是能拆分就拆分成功能结构，不能拆分就画功能逻辑。
#专栏作家#
浪子，业务型PM，浪子PRD系列51prd.com，公众号langzisay。
本文由 @浪子 原创发布于人人都是产品经理。未经许可，禁止转载。
赞赏是对原创者的最大认可
赞赏5人打赏
收藏已收藏 | 288赞已赞 | 38
微信nuanai88，官网51prd.com下载APP原型。
产品经理群
运营交流群
数据分析群
文案交流群
Axure交流群
关注微信公众号
大家都在问
13个回答15人关注
17个回答18人关注
11个回答12人关注
9个回答11人关注
50个回答210人关注
16个回答17人关注有理有据丨产品功能的场景式设计
稿源：产品100
1、以“开通会员”的功能设计为例
会员功能，是一个非必需的付费功能，从普遍用户认知来看：要掏钱的，能不碰就尽量少碰，反正我只是随便看看·。而对于企业来说，这是产品流量变现的现金牛，必须尽可能让用户醒目地清晰地感知到这功能的好处并愿意为之付费。这时候，产品设计开始，第一步（也是最重要的一步）：产品入口（触达）的设计。
这里有两种思路，分别是从事件逻辑出发和用户场景出发：
事件逻辑流：
用户场景流：
区别事件逻辑流的直接的罗列展示或固定入口这种中心化模式，基于用户场景设计的方式倾向考虑在用户操作的环境中，结合产品功能的特点是做引导和暗示，从而实现用户需求到产品功能的自然过渡。本来不是必要功能的视频站会员，因为在场景中遭遇反向的体验（广告插播、限制浏览等）产生开通必要的意义，给用户一个消费的场景和理由。
再看看下载工具上的“开通会员”，尽管我们潜意识都知道会员可能会有优越的体验，但是付费阻碍相当一部分用户，即使铺天盖地的广告。把下载工具中的会员功能结合到具体的产品体验中，借用场景潜移默化用户：
而与之对应的另一种设计思路的则是：
笔者手上没有严格的数据表明哪种设计方式能有更高的点击量和转化率，但就自身体验来说，我几乎是被各个场景“引诱”去开通会员。
更多例子还有：网游PK中被虐了，系统贴心的提示“勇士，充值XXX元获得XXX，立刻提升战力，所向披靡”；网站广告系统的BI功能，根据你的历史行为推荐内容……所谓基于场景设计，就是以用户具体交互环境为基础，来组织展示和设计产品功能，达到“所见即所需”的目的，同时让产品功能具有实用意义。
2、场景式设计的优势
场景式设计，核心就是关注一个个用户操作的具体场景，以此结合需求来设计产品功能。不强调业务优先级，产品功能间的主从逻辑，只需关注当下场景的用户需求。
根据以上，这样设计的好处是：
关注用户体验场景的设计，可以让我们更容易把握每个体验环节的用户需求，最直接的商业价值就是：将流量变现的效率最大化。
例如：淘宝商品搜索列表底部的广告位，在用户经历前面数十个搜索结果商品浏览后拉至页面底部，最有可能性就是仍然没找到所需要的商品，这时候一个颇有意思的栏目“掌柜热销”应需出现，自己搜索找不到心仪没关系，看看卖家畅销的款式是什么或许可以帮到你，推送掌柜热销既符合买家需求，也是一个广告变现的好方式。
3、如何从场景出发来设计
从场景出发的设计，对象就是场景和产品（功能），而连接两者的桥梁就是用户的体验和需求：
话虽简单，但难就在于准确把握功能和产品功能的合理结合。而往往很多时候因为业务数据的压力，以上难以平衡。
本文所述“基于场景的产品功能设计”，更针对于那些“非关键的、主流程体验的功能、后续更新迭代的功能”的设计。因为这些产品功能自身难以塑造一个具体的体验场景，而依赖现有的场景来实现，更容易，也更能丰富当前场景的体验。
除此之外，基于用户场景的设计是一门更大的课题，涉及知识也超出笔者水平，这里的就不瞎扯了。有兴趣的道友可以私下交流哈，公众号回复：帮助，即可捕获野生楼主一枚。
有好的文章希望站长之家帮助分享推广，猛戳这里
本网页浏览已超过3分钟，点击关闭或灰色背景，即可回到网页2014年6月，图片社交APP in刚上线，有人在上问，&爱图购为什么会推出in?&in联合创始人黑羽跑上去回答:爱图购被授予&2013阿里十大金牌合作商&后，很多品牌商看中爱图购庞大女性用户群，想要传播品牌，但引流模式无法满足，怎么破？因为女生喜欢图片，就尝试了instagram式的传播和标签玩法，还借鉴了sg、品酷、nice、show等产品，in由此而来。所以说，in曾只是电商导购平台爱图购的一个内部孵化项目，目的&单纯&，但正如黑羽所说，&随着用户的爆发式增长，想法不断深化。&根据其官方数据，in自2014年6月上线，一周内用户达到1万，1个月突破100万，半年后用户数达到1200万，打破Instagram初期9个月获取700万用户的记录；而后的2015年，4月份用户数达到3200万，11月达到5600万；如今app store上，in在内容提要一栏公布用户数已达到7000万。但在in创始人清水看来，这却并非&一夜百万&的爆品模式，in在App store排行榜的排名从未靠前，（创业邦发稿当日，in在App store免费排行榜排名138），但in一直以日均10万用户的增长速度，并依赖社交关系网的拓展加速度发展着。不是修图工具，而是社交软件in上面，80%以上的用户是90后，其中16~20岁用户占到41%，这是一个爱美、爱分享的群体，活在&娱乐至死&的年代。对于他们来说，in的贴纸、大头、标签、自定义文字、滤镜、多图等功能，让图片会&说话&，生活更有逼格。这也是in的产品逻辑：让图片更有意思，以时间轴方式记录生活，有了自我存在才会产生分享行为。&关键是，in不是靠诸如约会等特殊需求来激发用户使用。记录生活，才能存在于更长的周期里，陪伴用户的时间也更长。&清水告诉创业邦。in创始人清水
但对于in来说，围绕这一定位，其也在经历一个从&小女生用的instagram&向所有人记录生活，用图片社交平台转变的过程。
在创业邦看来，in在这一转变过程中主要做了两件事。第一，
图片式社交，图片要有意思，但重点是告诉用户，这不是修图工具，而是社交软件。In目前共迭代两大版本，初期的in主要抓住了其擅长的女性群体心理，比如做贴纸，4:3比例拍照、标签等，核心词是&萌&。去年6月，in迭代2.0版本，核心注重图片本身对于情绪的表达，将情感和信息加以融合，推动照片的多级传播。&我的生活in记&概念提出，用时间轴记录用户的生活状态，并且增加了更多滤镜、卡片式阅读等，这些让in的社交互动提升了50%以上。随后，in在2.1版本中推出&玩字&和多重叠加滤镜，升级贴纸商城，不停为用户带来新东西。比如in最近一次更新版本，是在2月3日，配合即将到来的春节，增加了照片打印、自拍时in自动加上最适合的贴纸、贴纸组合等功能，而在社交层面，加入了访客记录功能。&所有产品都是从用户需求出发，但要把握核心需求，对于in来说，我们不是修图工具，而是社交软件，所以我们不会开发把眼睛P大腿拉长的功能，而是从社交角度出发，激发用户生成图片，并基于图片进行社交。&清水告诉创业邦。第二，
圈子式社交，用&热门话题&的方式寻找相同兴趣的人，建立圈子，再从核心用户群体向周边传递。去年年底，in推出了男生版本，不仅界面更符合男性用户气质，功能上主打&此刻&和&身边&，强调实时社交，比如你可以发现与你同时在线的in用户，而身边的in记精选自带坐标，点击地点便可进入地点话题页面。而在女生版本里，还有美男频道，实现男生和女生之间的交流。清水认为，其实90后男生和女生的差异没有想象中那么大，比如90后男生更注重时尚，爱拍照和分享。目前，in平台上男生用户比例从2%增至8%，还有一个有趣的数据是，男生的浏览时间是女性的4倍。而从社交的角度，加入男生，in才可以称为真正图片社交平台，但如何留住用户在in上社交，而非将其当做修图工具，in还有其他的玩法。比如圈子，从特殊用户群体开始延伸。&社交不是设计一个功能就可以社交，更多是说天时地利人和，有很好的切入点。In上面要沉淀的是用户，慢慢建立关系，当一个圈子的密度很高，互动就会非常强。&清水告诉创业邦。黑羽日前曾透露，in已经是中国最大的摄影师平台，许多摄影师在in上面发布摄影作品，普通用户在可以在上面约片子。&现在业内的独立摄影师，尤其是拍女孩子人像的，基本上都知道in。而且他们的圈子关系基本上都在in积累起来了，很多摄影师在里面发自己的作品，然后女孩子和他们约片，付钱。&黑羽说。而从一个圈子向多边去延伸，必然要打破圈子的边界，吸引更多的&兴趣&进来，in的做法是做热门话题，形成讨论。比如品牌、明星、逗比、美食、旅行等等，将生活中的种种进行分类，用户不仅可以搜话题，也可以搜用户和标签，最终形成基于兴趣等的讨论，塑造一种生活场景。In的商业化&基因与变异&最近，in联合创始人黑羽谈及&in养成记&，在in团队内部，他设置了一个300分模型，从产品经理角度，他认为一个好的产品经理，是从做&事&到懂&理&，继而做&人&的进阶之路，但其中提及的有意思的一点是，产品如何考虑商业化的部分，其逻辑是&平台之间直接如何做好各自边界的区分，如何让各自的核心价值清晰，通过不同的业务模型服务同一个用户角色，塑造生活场景，进行流畅衔接？这是王道。&据黑羽介绍，&影视行业去年就不断跟我们结合，就是我们根本没想到的。因为我们之前想到是和品牌、旅游业结合，还有餐饮业，因为拍照比较多，但平台建立起来，我们发现越来越多，各种各样的角色。甚至还包括一些周边长尾O2O行业，都和in结合起来了。&对于in来说，这像是一种基因变异。毕竟作为从爱图购孵化的图片社交app，其商业化基因在于基于用户的图片社交，同品牌商合作，帮助其建立品牌影响力。Instagram的成绩已经验证这是不错的。对于in来说，目前，欧莱雅集团已经与其独家合作，将其确定为唯一的中国图片社交战略合作伙伴。具体合作形式是，欧莱雅旗下所有线下柜台会有in品牌展出，鼓励其用户在平台上分享体验，而欧莱雅也会提供试用装展示给in的用户。至于在影视行业，in的合作模式也尚未商业化。比如类似《我是歌手》在in平台上的推广，比如《奔跑吧兄弟》等综艺节目使用in的贴纸，并在节目中宣传in品牌，比如芒果授权的芒果表情，比如《捉妖记》、《小王子》等授权的贴纸，双方更多是资源互换，in至于他们是渠道，而这些大热的综艺节目，至于in也是极好的推广机会。但清水透露，in并不急于商业化，&我们计划从跟顶级品牌商合作做一些show case开始，进行一些探索。&
24小时报不停
腾讯12.66亿元增资诚信电脑，用于向公司增资或共同对外投资
网友反映外卖地址造假，美团和饿了么两大外卖平台被约谈
珠三角城市将在2020年全面启动5G网络规模化部署
购置补贴渐退，交通部将统筹资金继续支持新能源公交
工业富联（富士康）公布战略配售名单：国家队领衔 BAT入围
宁德时代：发行规模不超过2.17亿股，5月29日网上路演
外资巨头考虑回国设厂，中国面临制造业流出风险
阿里云总裁胡晓明：三年为贵州培训8000名贫困大学生
媒体人杨樾：差评问题本质在三观 团队嚣张无视规则
继大众之后，兰博基尼宣布退出2018年巴黎车展
济南出现共享护士:手机下单上门服务 省钱但须警惕
马云：中国人都是农民出身
腾讯成立安全学院，将与高校系统化培养信息人才
Airbnb与贵阳政府合作，将推进共享住宿安全监管
FBI称俄罗斯黑客入侵50多国数以十万计路由器
华尔街银行经历三年来最盈利第一季，仍在解雇交易员
摩拜副总裁：共享经济烧钱战扰乱市场秩序，违背产业升级初衷
马云：脱贫是给人以希望，而不仅仅是给人以钱财
智能音箱表现不佳，苹果或将推出新款HomePod
特斯拉聘请新中国首席财务官，未来几天宣布更多雇员
iOS 12功能大升级，拟向开发者放开NFC芯片全部访问权限
乌拉圭少年发现谷歌安全漏洞，获谷歌3.6万美元奖励
失控奔驰检测结果出炉：车辆不存在失控情况
海尔回应“世卫专家不当言论”：认可官方声明并道歉
被360起诉并索赔6000万？回应:未收到相关法律文件
Pinterest去年营收4.73亿美元，同比增长58%
北京城区公交正研究扫码支付，未来可刷二维码乘坐公交车
北京公用充电桩使用率不足一成
北上深去年“用云量”占全国七成多，政务“用云量”增长超过十倍
差评称6月试行新内容生产制度：综述文章不再标原创作为产品经理，如何考虑注册和登录这两个功能性的所有逻辑？ - 知乎<strong class="NumberBoard-itemValue" title="被浏览<strong class="NumberBoard-itemValue" title="7分享邀请回答思考？
如果你的产品必须在第一次使用的时候就登录怎么办？
本文末尾会给你支招。
3.如何友好的要求用户注册登录？小明跟小红相处一段时间之后，有一天小明在小红单位楼下用很多蜡烛摆了一个大大的爱心，并且买了 999 朵玫瑰，公开向小红表白。在众人的围观下，小红感到很大压力，然后拒绝了小明。小张跟小芳相处一段时间之后，有一天小芳感冒发烧卧床休息，小张做了吃的送上门。小芳十分感动的说「很好吃，希望以后也能吃到」，小张说「好吃那我就一辈子都做给你吃呗，怎么样？」，小芳羞涩的说「好！」。就这样他们走到了一起。很多产品虽然没有在初次使用的时候要求用户注册登录，但是会在用户使用某个功能的时候强制要求用户注册登录。这么做的原因无非就是后台业务逻辑就是需要注册登录，所以就生硬的提示用户要使用这个功能必须强制注册登录。这就是强行表白，会给用户很大压力。前边我黑了格瓦拉电影，现在夸一下它。如果用户通过微信等第三方登录的话，是拿不到用户的手机号信息的，但是如果想要获取用户的手机号做后续营销呢。第三方登录的用户又不能强制用户绑定手机号，所以它在用户提交订单的时候提示用户说「告诉我手机号吧，我要把电子票通过手机发送给你」，用户心想「好呀好呀」于是愉快的填了手机号。难道真的需要用户的手机号才能发送验证码么？显然不是，这只是个骗手机号的借口罢了。这泡妞技巧，不对，应该是泡用户的技巧，我给满分。再看滴滴的登录，人家根本就不说这是登录，而是说「为了方便司机接你时联系您，请验证手机」，简直不能拒绝。用户都是普普通通的人，是人就是感性动物，都爱听好听的。引导用户注册登录的时候给用户一个她不会拒绝的理由吧。二、如何做好 App 注册？1.你是否需要一套独立的账号体系？能否只用第三方注册登录？对于小公司来说虽然拥有一套自己独立的账号体系有很多好处，但是让用户去注册你的独立账号体系最大的缺点就是很麻烦。在国内微信、微博、QQ 已经非常普遍，在国外 Facebook、Twitter、Google 账号也非常普遍，如果不是业务需求必须要使用自己的账号体系的话，尽量提供第三方注册登录。所以小公司最好采用独立账号体系+第三方账号登录的方式。顺便说一下，如果做自己的账号体系，而且自己公司有多个 App 的话，尽量做到单点登录。比如当你手机上安装了 Google 的某个产品，而且登录了，当你使用 Google 的其它 App 的时候，你就不需要重复输入账号和密码了，能够检测到你已经登录了，只需要点击确认即可自动登录。国内很多公司这方面做得很差，比如阿里的产品，安装了多个阿里的 App 的时候，还要反复输入密码登录，麻烦死了。当然阿里的人可以说出各种理由，但是再多的理由在用户体验面前都是借口。这方面国内也有做得比较好的，比如同时安装了美团外卖和猫眼电影的时候，如果之前已经登录了美团的其它产品，在猫眼电影里边点击登录，就会提示已经在美团外卖里边使用 XXX 账号登录，是否用这个账号登录？用户只需要点击确定按钮即可完成登录，十分方便。现在有些 App 甚至只提供第三方注册登录，不提供自己的账号体系注册。有人可能会担心，如果有用户手机上没有微信、微博、QQ 的话，这种情况用户怎么注册登录？我的看法是，如果一个国内用户连微信、微博、QQ 这三个产品都不使用的话，你需要仔细思考一下他真的是你的目标用户吗？但我并不是鼓励大家只提供第三方注册登录，有些用户不使用第三方注册登录的原因是出于对隐私保护的考虑。有些 App 会在用户通过微博登录的时候自动关注微博官方账号，并且发一条微博，这种不尊重用户隐私的行为应该拖出去打屁股。↑Tender 在使用第三方登录时的隐私声明采用第三方注册登录关于隐私的一个极端的例子就是支付宝登录，像支付宝这种第三方登录给人的第一感觉就是自己的财产安全，用户看到这种登录方式心理上会下意识的认为有安全问题，虽然仔细想一下就知道通过支付宝第三方登录也肯定是安全的，但是普通大众不会去深入思考。哪怕叫淘宝第三方登录也比叫支付宝第三方登录好呀，至少让用户心理上觉得更加安全一些。思考？
当你的 App 同时提供了微信、微博、QQ、支付宝这 4 种第三方登录方式的时候，
用户手机上也同时安装了这 4 个客户端，那么用户最倾向于使用哪种登录方式？
排序和大概的比例是多少？
还有一个问题需要注意的是，由于有多种第三方注册登录方式，用户下次再来登录的时候，可能已经忘了上一次使用的哪种注册登录方式，如果能给用户一个提示的话，会给用户留下不错的印象。 2.独立账号体系现在流行的方式主要有：手机注册、邮箱注册、用户名。在国外比较流行邮箱注册，手机号注册反而没有国内流行，因为国外用户比较在意自己的隐私，同时国外的邮箱普及率和使用率非常高。在国内绝大部分用户并不觉得通过手机号注册有什么隐私问题，很多人反而认为手机号注册更加方便。纯用户名注册（无需提供邮箱和手机号）的 App 现在很少了，不再说了。3.手机号注册与邮箱注册对比（1）注册成功率我之前对自己的产品做了一个统计，通过手机注册的成功率要远远大于邮箱注册。我认为主要的原因是：a.邮箱注册时邮件可能被当做垃圾邮件处理了。b.邮箱注册时邮件的到达不够及时，可能用户等待时间稍微变长之后就放弃了。c.邮箱注册非常麻烦，用户需要跳出 App 去邮箱里边完成验证。用户做一件事的时候跳出去做另外一件事，然后再回来继续做之前未完成的事。d.国内用户使用邮箱的习惯不如国外的好。（可能很多互联网从业者习惯使用邮件，但是很多大众用户并不常使用邮件，甚至没有在手机上使用邮件客户端收发邮件的习惯。）（2）手机号注册有什么问题呢？a.手机可能收不到验证码。所以最好给用户提供上行短信入口，即让用户主动发送短信给开发者，以便完成验证。或者语音电话方式获取验证码。b.极少数中国用户比较注重手机号的隐私问题，所以有些产品会保留邮箱注册。但是可以弱化邮箱注册。c.如果更希望得到真实的用户的话，只提供手机号注册似乎更能获取真实用户，毕竟在中国手机号是实名制的，而且相对来说手机是稀缺资源，邮箱可以零成本随便注册。4.邮箱注册的验证问题（1）邮箱验证的弊端前面是说了邮箱注册有很多的弊端，比如验证邮箱可能会提高用户的流失率，所以有些对安全性要求不高的产品采取的策略是用户填写邮箱之后，暂时不需要验证邮箱立即就能使用。比如新浪微博、Tower。但是这样做虽然降低了用户的流失率，但是也容易产生脏数据，所以需要一个机制去强制用户在后期完成邮箱验证。比如以前新浪微博的做法是用户如果在规定时间内没有去验证邮箱，就会对用户的权限做限制，比如不能发微博、如果时间再长的话就不让登录了。（但是最近新浪微博已经不允许通过邮箱直接注册了，必须通过手机号注册）（2）邮箱验证方式：a.PC 时代的邮箱验证方式：通过邮箱注册的时候往邮箱里边发送一份验证邮件，在邮箱里边点击链接跳转网页完成验证。b.移动时代的邮箱验证方式：往邮箱发送一封验证邮件，里边包含简短的几个数字验证码，用户在 App 里边填写数字验证码完成验证。如下图所示，知乎并没有往邮箱里边发送验证链接，而是像手机短信一样发送数字验证码：现在很多人会在手机上安装邮件客户端，当有新邮件的时候，能够收到 push 通知。用户在注册的时候能够像输入手机验证码一样，不离开 App 直接极其快捷的完成验证。这样做更有利于用户完成注册流程。让注册变得更加简单快捷。5.注册登录是否需要统一？有的 App 把注册和登录统一为一个整体。用户通过手机/邮箱+验证码的方式登录，不需要记密码。（1）只用手机号（无需密码）统一注册登录方式比如 Viber 不需要用户记住密码，每次登录都通过手机号加验证码的方式，如图所示：解决了需要用户需要记密码的烦恼，是不是很完美啊？完美吗？完美吗？完美吗？一点也不完美好不好，说完美的请听我吐槽：知不知道老用户登录的时候还要等短信！我之前在账号充了很多钱，现在收不到验证码了，登录不进去了，这不坑爹么！如果我以后换手机号怎么办？旧手机号被运营商回收了，而我又忘记注销账号的话，别人就能登录了啊！而且正如前面所说一定要考虑用户收不到验证码的情况，比如我的手机号正好就收不到验证码了，关键是我不能做任何操作，完全没法登录。（2）只用邮箱（无需密码）统一注册登录方式Medium 自己的账号体系则采用了邮箱统一注册登录，不用密码的方式，如图所示：这种方式的好处是降低用户注册门槛，连密码都不需要填写就能成功注册。但是，我也要吐槽 Medium 这种统一注册登录的方式：妈蛋，没有密码对于一个老用户来说登录起来非常麻烦啊！手机客户端总是过一段时间登录的授权就过期了，需要重新登录，我宁愿手动输入一遍密码，也不愿意用到邮箱里边去点验证邮件登录。有时候要等一会邮件才能收到邮件，等的花儿都谢了有木有，有时候不方便翻墙去 Gmail 收邮件。你们千万不要被 Medium 带坏了，做互联网不应该让用户等……等……等……等。6.第三方注册本文后面单独讨论讨论第三方注册的问题。7.注册的时候需要用户填写哪些信息？坚持一个原则：尽可能的精简，如非必要，不要索取。有的备孕类软件会要求填写预产期，有的社交软件会要求填写性别、年龄，多是因为跟其业务相关。顺带黑一下星巴克 App ，注册过的人应该知道，无力吐槽，没注册过星巴克的也欢迎去注册一下，回来一起吐槽。8.其它注册登录注意事项（1）密码输入次数有些用户刚注册完，还没一分钟就忘记了密码，或者因为误输入了字母导致密码错误，不能登录。不要让用户注册的时候重复输入登录密码确认（支付密码除外），因为会降低转化率！建议采用只输入一次密码，但是可以显示隐藏密码的方式。（国外有一篇文章讲为什么不要让用户输入确认密码，在微信里回复「输入确认密码」查看此文。）但是已经注册成功之后，用户要修改密码过程中，我觉得还是需要确认密码的。跟着我默念三遍：不要让用户注册的时候重复输入密码确认！不要让用户注册的时候重复输入确认密码！不要让用户注册的时候重复输入确认密码！默念完了么？默念完了我们来做思考题吧：思考？
看下图，注册 Gmail 的时候该不该让用户重复输入密码确认？
（2）默认键盘是否弹出?采用哪种键盘？比如有些注册流程是输入手机号之后，进入下个页面输入验证码，验证码输入页面就自动把键盘弹出来，别让用户在输入框里点击一下之后再弹出键盘。手机号码注册的时候，数字键盘输入效率甩开字母键盘几条街。输入验证码的时候，如果验证码只有数字，则也应该使用数字键盘。至于那些手机短信验证码里边发送字母的我就懒得吐槽了。说到短信验证码，我想到一个思考题：思考？
点外卖的饿了么在注册阶段并不是通过手机短信验证的方式，而是通过电话语音的方式。
请思考电话语音验证码和手机短信验证码有什么差别？
（3）默认显示以手机号注册为例讲一下默认显示。如果你的用户是面向全球的，手机号应该显示国家代码，如果只是国内的，可以不显示国家代码。比如微信注册的时候根据定位自动会选择中国大陆，并在手机号前面加上（86）。还有就是手机号显示方式。显示手机号的时候分段显示更利于用户查错。对比以下两种显示方式：方式一：方式二：（86）138 是不是方式二更加清晰明了呢。（4）自动完成以邮箱自动补全为例讲一下什么是自动完成。我有时候输入太快经常把自己的邮箱BeInLoveWithInternet@gmail.
错误的输入成了BeInLoveWithInternet@gmai.
然后等半天都等不到注册确认邮件，最好才发现自己少输入了一个字母。如果邮箱注册或者登录的时候有自动补全邮箱域名是不是更好，比如新浪微博这样：（5）用户协议虽然没有用户会看，但是有用户协议在法律上在理。用户协议最好在线的，不要放在客户端本地写死。（6）密码校验安全性应该避免用户输入过于简单的密码，这是对用户负责也是最自己负责。当然密码到底要多复杂还是得看自己的业务。但至少要保证密码有一定的长度，比如至少 6 位或至少 8 位，密码越长越安全。思考？
密码一：12 位的纯小写字母密码
密码二：6 位长的大小写字母+@符号
思考一下，以上两种密码哪个更加安全？
有一篇国外的文章（在我的微信公众号里回复「密码短语」查看英文原文），讲了一个观点很有意思：提示用户输入「passphrase」而不是输入「password」来增加安全性。因为英语为母语的人看到「passphrase（密码短语）」比看到「password（单词密码）」后，潜意识会输入更长的密码。有兴趣的朋友可以尝试一下做个试验，填写密码的时候提示用户：方案 A：用拼音输入一句话暗号作为密码吧方案 B：请输入 8-16 位密码用方案 A 的时候最好给个案例，比如提示：请不要输入「zhimakaimen」做完 AB Test 后记得回来告诉我结果哦。（7）对应类型的输入框应该与它的类型相匹配比如手机号注册过程，输入验证码的输入框，验证码一般就 6 位，那么输入框也应该相应变短，而不是根手机号输入框一样长。这些视觉上的细节会让你家 App 的用户体验锦上添花。三、第三方注册登录所谓第三方注册，普遍做法是用第三方授权后生成了一个自己账号体系的账号。那我们想想为什么用户使用第三方注册登录，因为简单快捷，不需要输入密码呀。所以在第三方注册登录过程中任何违背这一目的的流程都是降低用户体验的糟糕流程。1.第三方授权后还需要继续自己的账号体系注册反面案例一：第三方注册授权之后，又继续让填手机号/邮箱，密码。谁家用的这种方式，赶紧把产品经理拖出去打屁股。Are you fuck Kiding me?作为用户，我为什么用第三方注册登录，不就是为了快捷么。你再让我填那么多信息，你猜我会不会放弃。再拿追妹子举例，好不容易向妹子表白了：「女神，做我女朋友吧」。姑娘说「好呀好呀」。你突然说「答应我了啊，先等等，请你提供一下你的单身证明，你的财产证明，你的户口本复印件、身份证复印件……」。姑娘给你一巴掌，道「死变态」。然后到手的女神飞了。2.用户昵称是否必要？为什么需要昵称？可不可以不要昵称？如果用户的昵称是公开的，比如用户可能通过评论等方式显示出来，让更多的人看到，则需要一个昵称。如果登录仅仅是为了认证，同步数据，或者说不会展示给用户，完全可以不要昵称。反面案例二：第三方注册授权之后，继续让用户补充用户名。如果用户名不允许重复且被占用的情况下，如何提示用户更换用户名非常重要，特别是当你的用户基数大了之后，用户名重复的概率非常大，用户可能想了几个名字之后总是提示用户名被占用，用户内心是很崩溃的，很可能跳出。所以这个时候提示用户如何修改用户名很重要。还有更好的方式就是给出建议的用户名，比如微博注册的时候，如果用户名被占用，会给出建议的用户名。3.自动生成昵称，简化注册流程，提高转化率正面案例三：第三方授权注册之后，直接登录成功，不需要用户补充用户名。不需要用户补充用户名要分两种情况：a.用户名不需要暴露出来，这样的话，可以自动生成用户名，即使是乱码看不懂都没关系。b.用户名会暴露出来，并作为用户身份的识别。这样的话最好能够在第三方获取的昵称基础上自动生成。比如我通过第三方授权注册时，获取到了我的微信昵称「跟互联网谈恋爱」，如果此用户名已经被占用了，自动生成为「跟互联网谈恋爱13UM」。采用这种方式的话一定要支持用户修改用户名，如果不能修改用户名的话，可能会暴露用户隐私，还有可能因为用户对自动生成的用户名不满意而引起吐槽。比如网易新闻，第三方授权之后自动生成了用户名虽然不满意，但是可以修改。↑网易新闻第三方登录时自动生成昵称4.与独立账号绑定问题用户可能注册了独立账号，也可能用第三方注册登录了，这是两套系统，会被认为是两个用户，是否有必要让用户把两个账号做关联起来，成为一个账号呢？我的看法是，如果要做这个功能，不要放在 App 里边，复杂的操作放到 web 端去。四、注册登录首页这个单独写一篇文章来说。五、App 登录流程设计注意事项1.记住用户之前的登录状态、记住之前账号、记住之前登录方式（1）记住用户之前的登录状态所谓记住用户之前登录的账号就是即使用户退出了，当用户下次来登录的时候，询问用户是否使用之前的账号登录，用户只需要点击确认一下就能成功。但是对于安全性较高的 App 不建议采用该方式，对于安全性不高的应用，可以采用该方式。比如丁香医生：（2）记住用户之前的账号就是当用户退出了，下次登录的时候，用户名默认已经帮用户输入完成了，用户只需要输入密码就可，无需重复输入账号/手机号/邮箱。比如滴滴出行：（3）记住之前的登录方式对于有多种第三方登录的 App，用户可能之前选择了某种第三方登录方式，下次来登录的时候，用户可能已经忘记了上次选择的第三方登录方式了。比如上次用微信登录，这次来了用了微博登录，这时候就相当于两个账号了，用户肯会迷惑为什么数据丢失了。所以给用户一个提示会更好，比如前面提到的简书：2.用户名/手机号/邮箱、密码校验用户登录过程中明显把手机号输入错误了，比如少了一位数这种明显的错误，就应该先提示用户，而不是等用户输入完毕了去点了登录按钮报错之后再提示。同理邮箱也能校验，比如我前面举例我经常因为输入太快把自己的邮箱BeInLoveWithInternet@gmail.
错误的输入成了BeInLoveWithInternet@gmai.
如果是在登录过程中，我可能会非常奇怪，明明密码对的，为啥登录不成功呢。对于这种著名的邮箱域名简单判断一下会让你家 App 的用户体验锦上添花的。至于密码也是能校验的，比如用户输入的密码明显不符合你们家密码规则，这个时候就应该提示用户可能密码有误。3.密码工具支持：1Password、Safari1Password 那么贵，使用的人不多，但是使用 1Password 的人多半是高端用户，一个高端用户对你的价值可能赶上好几个小白用户了。让这帮高端用户爽了，更利于建立口碑不是吗？更何况支持 1Password 又没什么技术难度，没有理由不支持。iOS 上还能通过 Safari 存储密码，比如知乎就是这么干的，1Password 用的人少，但是 Safari 大家都有嘛，这个真的很方便。比如知乎：4.找回密码必须有要允许用户在密码忘记的时候可以找回。除非是安全系数超超超超超超级高的可以不允许用户找回密码，比如某某某。思考？
我说的这个某某某是哪个 App？
这个产品的确不允许找回密码，而且我觉得它这么做非常合理，就是不应该允许找回密码。
5.通过短信验证码登录有人看了我前面吐槽 Viber 把注册和登录统一成短信方式，可能会为 Viber 叫委屈。通过短信验证码登录的确可以让用户避免忘记密码的烦恼，但是 Viber 使用的姿势不对。来，我们看一下正确的姿势是怎样的，请看微信：看到了么，微信完美的解决了这个问题，对于已经注册过的用户，默认使用密码登录；对于记不住密码或者不愿意输入密码的用户，可以用通过短信验证码登录。 6.登录不成功登录不成功的时候用户心理上是焦躁的，这个时候尽可能告诉用户 Why and How，而不是把问题直接抛给用户。a.尽可能提示用户登录不成功的原因比如可能用户最近改过密码，但是用户忘记了还是习惯性的用老密码，这个时候如果提示「你在1周前修改过密码」，用户看到之后心想「原来如此，我怎么还用老密码输入，哈哈」，这样可以减少用户焦虑。举例：Gmail↑Gmail 输入错误密码提示b.告诉用户该怎么办？比如提示用户找回密码、（可能是服务器问题，或者用户输入错误次数过多）稍后尝试、联系客服等等。7.即使出错也要机智的处理比如你的注册登录首页默认是登录，新用户可能来了就在登录框里开始注册了，这个时候肯定不能登录成功啦。询问用户是否要注册，并把用户已经填写的信息自动填充到注册输入表单里边，别让用户再次输入。再比如用户可能账号或者密码错误没有登录成功，这个时候最好保留账号信息，删除密码输入框里边的信息，让用户重新输入密码，而不是把所有信息清空。（当然这种问题 App 里边还是比较少见的。）8.登录成功后登录成功后涉及的主要为：提示用户、页面跳转、状态变更。（1）提示用户成功这个不多说了。提示的方法有很多，不要去弹窗提醒，也没太大必要通过 Toast 文案提示。只要页面有明显变化能够让用户不用动脑子就能看出来登录成功了就行。（2）页面跳转当用户使用某个功能的时候提示登录，进入登录页面，用户在登录页面登录成功后应该跳转到应该跳转的页面。举例：比如用户想要评论的时候你让用户跳转到注册登录页面，用户完成登录后页面应该跳回到用户之前的页面，继续用户的操作。（3）状态变更有些功能用户登录状态和未登录状态是不一样的，登录成功后应该进行相应的更改。比如登录成功后会员状态的变更，比如点赞状态的变更等等。六、美化你的注册登录为什么要美化？俗话说「人靠衣装，App 靠逼装」，正如前面所说的，这诱导用户注册登录就像跟姑娘表白一样，要想提高成功率，当然要把自己打扮的帅帅的样子。给用户留下良好的印象，同时给用户传达对用户的好处，并能让用户几乎没有学习成本的进行接下来的操作。1.UI 美化：这个不多说了，这应该是视觉设计师的工作了。简介优雅的 UI 不仅能让用户感受到你的逼格，还能没有学习成本的继续自己的操作。2. 动效或视频：强制登录的尤其重要！主要是向用户传达对用户的好处，因为完成注册登录时需要成本的，给用户展示注册登录之后的好处，以便吸引用户完成此操作。这个时候通过动态的展示会更利于吸引用户。知乎不支持动图，请点动图的链接： 比如这样是不是更能吸引你登录呢？3.微交互微交互就是用来提升逼格的，让用户赏心悦目的享受注册登录过程。以 dribble 上一个很火的动图举例注册登录过程的微交互：知乎不支持动图，请点击动图链接： 七、细节加分项还有一些细节问题，我就不一一细讲了：1.按钮默认显示状态、用户输入信息后按钮颜色变化效果2.短信验证码的倒计时如何设置3.错误提示、异常提示的方式4.用户尝试返回的处理5.输入框上附带输入框的标签写在最后：如果你的应用必须登录之后才能开始使用，如何提高用户注册成功率？有的应用因该业务逻辑限制，必须让用户注册之后才能使用，比如微信的核心业务就是基于账号体系的，用户不注册就是没法给用户使用，这个时候如何提高用户注册成功率呢？文章预告：1.《如果应用必须让用户登录后才能使用，如何提高用户注册成功率？》正在撰写中2.《如何做好 App 注册登录？看这一篇就够了（二）》正在撰写中接下来两篇文章包含大量动图，由于知乎不支持 GIF 动图，建议你关注我的微信查看。本文由微信公众号「跟互联网谈恋爱」原创，未经许可，禁止转载，欢迎关注我的微信号。21 条评论分享收藏感谢收起