对于电子商务网站来说，产品详情页是影响产品转化率的重要因素，一个优秀的产品详情页可以吸引用户点进来并且购买产品。
体验环境与产品简介：
系统版本：MIUI 11.0.5
体验时间：2020.11
产品名称：BILIBILI(俗称B站)
产品类型：视频社交APP
体验版本：6.12.0
一、产品分析——基于用户体验五要素 1.1 战略层1.1.1 产品定位
1.1.1.1 市场概况
2020年中国网络视频行业试产规模预计达2940亿元。
视频平台用户、流量、内容进一步向头部平台集中，内容竞争成为行业焦点，丰富用户消费场景成为企业长期发展的目标。
图片来源：比达咨询
流量不是唯一目标，强化内容、注重互动成提升留存重点。
我国视频行业基本实现互联网用户的大规模覆盖，市场也从增量市场进入存量市场，需要抢夺用户市场、细化视频内容，流量不是唯一目标，强化内容、注重互动成提升留存重点
图片来源：比达咨询
网络视频用户年轻群体占比高。
网络视频用户男性略高于女性。年龄结构偏年轻化，35岁以下占89.39%，25岁以下占23.8%。
图片来源：比达咨询
年轻群体文娱消费需求旺盛。
规模高达2.8亿的90后及00后的消费群体中，文娱消费占比占总支出的28.9%。其中24岁以下的用户中，视频服务和游戏服务等在线娱乐产品占用这群用户的娱乐消费时间的比例分别达到27.1%和9.2%
图片来源：比达咨询
1.1.1.2 产品概况
哔哩哔哩成立于2009年6月26日，早期是一个ACG（动画、漫画、游戏 ）内容创作与分享的视频网站，目标用户为二次元群体。经过11年的发展，B站通过拓宽自己的内容领域不断吸引拥有着不同内容需求的用户，目前已涉及到的领域包括音乐、舞蹈、知识、数码、生活、美食、鬼畜、时尚、影视等，业务板块也从内容创作逐步向直播、游戏、电商等模块拓展。B站目前已成长为“中国年轻世代高度聚集的文化社区和视频平台”。
1.1.2 用户需求定位
B站作为一个UGC/PUGC为主的网站，其用户可以大致分为两类：内容消费者与内容生产者。其中内容消费者在用户总量上占大多数，内容生产者又可分为UGC生产者（大多数个人up主）、PUGC生产者（自带团队的专职up主）和传统PGC生产者（入驻B站的共青团中央等）。
但两类用户并不是分离的，一部分内容生产者是从内容消费者转换而来的，内容消费者在消费、分享、互动的过程中，创作或自我展现的需求被激发，从而成为一名小up主，通过优质内容的持续产出与运营，一小部分会逐渐成长为一名拥有相当粉丝量的up主甚至细分内容的意见领袖。
用户金字塔 图片来源：自制
下文笔者主要以数量占绝大多数的内容消费者及UGC内容生产者为对象进行分析：
1.1.2.1 用户属性
百度指数、极光大数据、艾瑞咨询、B站2018年年报对用户均有定量刻画，具体数据和统计口径上有些许的不同，但整体来说B站的用户有如下属性：
1.1.2.2 用户特征
在2019中国网络版权保护与发展大会上，B站董事长兼首席执行官陈睿有一段发言：
“关于我们的用户群体，有一个说法叫“Generation Z”，叫Z世代，以90后、00后用户为主，我曾经总结过他们三个特点——文化自信、道德自律和知识素养。文化自信是指现在Z世代对于国风、对于传统文化、对于中国自有的文化，他们有更客观的理解，同时他们也更有自信和自豪感。道德自律源于他们从小受到更好的教育并拥有更好的物质生活。知识素养也来自于更好的教育，他们生于互联网普及的时代，他们是网生的一代，他们无论是获取知识，还是寻找自己的兴趣爱好，都比作为70后的我们要方便很多。”
Z世代用户特征 图片来源：bilibili官方
1.1.2.3 用户需求
根据用户的特点，推导出其需求囊括以下几个方面：
用户需求图 图片来源：自制
1.2 范围层1.2.1 内容需求
结合战略层所总结的用户需求，可以将内容需求分解为基础需求与衍生需求两个层面。
在基础需求层面即UGC/PUGC侧，内容消费者需要优质的影视作品、丰富的UGC内容以及高质量的社交环境，内容生者，需要简单易用的内容创作平台、多元的创作激励机制和精准的内容分发渠道。
基础需求图 图片来源：自制
在衍生需求层面，用户会从对UGC/PUGC内容的消费进一步衍生到会员、游戏、购物及直播等领域。这也成为了平台创收的重要来源。
衍生需求图 图片来源：自制
1.2.2 功能规格
在上述内容需求的基础上，总结功能规格如下图所示：
功能规格图 图片来源：自制
1.3 结构层1.3.1 信息架构
B站产品信息架构主要包括首页、频道、综合、游戏、会员购、我的六个模块。
首页为UGV/PUGC分发的主要渠道，其中包括推荐、直播、热门、追番、影视、抗击肺炎和小康七个功能。
频道为UGV/PUGC分发的另一渠道，进一步细化分区，为不同喜好的用户提供感兴趣的内容。
综合主要为用户关注的up主更新的内容，方便用户观看已订阅内容。除此之外，新版本进行了地区功能的内测，笔者理解这是B站进一步拓展产品社区属性、服务下沉市场的举措。
游戏为B站的主要盈利增值点，提供游戏下载代理业务，同时充分发挥自身社群及内容生产优势，建立游戏社区鼓励二次创作，提高游戏用户对产品的粘性。
会员购为B站的电商平台，主要售卖ACG衍生产品、B站周边等。
我的模块包含用户个人信息管理、创作中心，还包含大会员服务等增值服务。
产品架构图 图片来源：自制
1.3.2 交互设计
以UGC/PUGC功能为例分析B站的交互设计。
1.3.2.1 个性化内容推荐，多渠道内容分发
在内容推荐界面，app基于算法自动给用户推送感兴趣内容，用户可以长按视频或视频下的三点添加至稍后再看和进行反馈。除此之外，用户还可以通过选择直播、热门、追番、影视、频道等多种方式，获取感兴趣内容，减少信息获取成本，提高获取准确性，增加用户粘性。
1.3.2.2 操作简单易用
在手势方面，B站app主要采用点击（短时间、长时间）、下拉、滑动（左右、上下）等动作进行操作，操作简单。大多数操作可以通过一只手完成，降低用户的使用门槛。
1.3.2.3 鼓励用户互动
在视频的播放界面，视频内容下方设置了点赞、不喜欢、投币、收藏、分享的互动按钮，按钮较明显，长按点赞按钮能够一键三连，降低用户互动门槛。除此之外，视频弹幕的设置一方面增加了用户观看视频的乐趣，一方面能鼓励用户参与讨论，同时也能提高内容创作者的创作激情，从而有利于B站良好社区氛围的建立。
1.4 框架层1.4.1 界面设计
1.4.1.1 启动界面
B站的启动界面是几版本轮换的，卡通形象都是22娘和33娘体现了B站ACG特质，文字方面“你感兴趣的视频都在B站”是B站的slogan，十周年和十一周年则是B站的大事记。在启动页面后是广告界面。
启动界面 图片来源：自制
1.4.1.2 登录界面
点击登录界面后，会自动弹出本机号码一键登录的页面，点击这个按钮可以实现快速登录，降低了用户登录门槛。
选择其他方式登录时，可以使用密码登录也可以使用短信验证码登录，方便不同设备段的用户选择最方便的登录方式。当输入密码/验证码时，22娘和33娘会捂住眼睛，体现了公司对用户个人隐私的重视，是个很可爱的、有亮点的设计~
页面设计上，将重要按钮布置在屏幕的右上侧，使用户可以右手单手完成大部分操作。
登录界面 图片来源：部分来自互联网
1.4.1.3 内容展示界面
内容展示界面采用模块化网格化布局，以图片+文字的形式展示内容，展示页面头部是滑动信息展示框/分类信息入口，下端则是推荐信息/排行信息/订阅信息，这样布置使得页面重点突出、层次分明也充分利用了展示空间。
对于不同类型的信息排版也有所不同。
综上，界面设置上根据用户感兴趣的概率给不同的信息以不同的展示面积推荐信息<排行信息<订阅信息，从而影响用户在单位信息的停留时间，提高用户粘性。
内容展示界面 图片来源：自制
1.4.1.4 播放界面
播放界面包含视频内容、视频信息与相关推荐三个模块。
全屏播放时，为了使用户沉浸式体验，将视频的互动按钮及推荐信息布置在全屏内，用户不需要推出全屏模式，进行互动和相关内容的查看。
播放界面 图片来源：自制
1.4.1.5 我的&个人主页
我的页面包含个人基本信息、创作中心、推荐服务和更多服务四个模块，信息展示上用矢量图标+文字展示，使用频率由上到下逐级降低，符合使用习惯。在个人基本信息模块，“我的大会员”入口很大且很明显，引导用户进行增值消费。
个人主页，包含个人信息及主页、动态、投稿、收藏几个模块，几个模块的功能上主页包含动态、投稿、追番、收藏，动态包含投稿，个人认为逻辑关系不是特别清晰，个人在使用软件的时候也会存在不明确每个部分功能的困惑。
我的&个人主页 图片来源：自制
1.4.2 导航设计
包含内容导航、功能导航。
功能导航在界面设计中已经说明：
在内容导航方面，主要布置在页面下方和页面上方，下方是tag为一级导航使用点击的方式切换，上方的tag为二级导航使用左右滑动的方式切换，这样的交互设计有利于信息层级的清晰组织。
除此之外，外右上角布置了游戏和消息的入口，消息与左上角用户头像都属于个人信息，游戏入口布置在首页笔者猜测可能是由于这是B站重要的盈利模块需要以浅入口的形式在重要位置显示，但又与主营UGC/PUGC视频内容分属两个不同类别，不太方便纳入下方的各级tag中。
功能导航页面 图片来源：自制
1.4.3 信息设计
包含内容信息与错误信息，其中内容信息已在内容展示界面进行了阐述。
错误信息包含加载失败以及搜索无结果，均用22娘和33娘对应的可爱卡通形象展示，可爱的形象有利于缓解用户的“断网焦虑”。在加载失败页面中加入了刷新按钮，减少用户重新加载的操作流程。
错误信息页面 图片来源：自制
1.5 表现层内容型页面紧凑充实：采用模块化网格化布局采用图片+文字的形式展示信息，不同的信息主次分明，布局紧凑充实。
功能型页面简洁美观：粉色/彩色logo，大量留白，给用户一种简洁、美观的感官体验。
整体视觉风格一致：产品图标、字体、配色等元素的视觉体验都保持了活泼的二次元风格，符合二次元文化爱好者的视觉需求。
二、功能优化汇总“人人都是产品经理”网站中关于B站的产品报告共计14篇中通过用户调研产品痛点所提出的所有产品改进方案如下表所示。综合考虑功能价值与开发难度，给出了功能评价。
其中，提出改进意见最多的功能是播放功能，主要的改进建议有“长视频播放节点”的设置、“稍后再看”功能的改善、“评论区”课代表功能等。其中，“长视频播放节点”功能已在6.12.0版本中进行了改进。
视频播放节点 图片来源：截图
其次是分区和频道功能，本人在日常使用和调查过程中，也发现这一功能没有被用户很好的使用，同时个人感觉频道功能也存在布局不合理不美观、排列逻辑性较差等问题。在优化频道功能入口上，6.12.0版本中进行了改进。
频道功能入口优化 图片来源：自制
除此之外，粉丝群、兴趣圈这些功能也被反复提及。注意到，兴趣圈功能在2015年末于4.8.10版本中曾上架，产品形式上类似于百度贴吧，但该功能于2017年末下架。
通过调查，总结下架可能原因包括：
兴趣圈功能的出现体现了B站在社区领域的野心，但是要经营好如此体量的社区势必需要花费巨大的成本。下阶段是否有必要推出相应功能需要慎重思考。
（前）兴趣圈界面截图 图片来源：自制
同城功能正版本6.12.0版本中进行内测，这很难不让人想到快手的同城功能。在同城功能中，大家不太会关注到头部up主的内容，而是更聚焦于普通人的生活，内容更具真实性，有利于长尾兴趣生态的培养。
其次，该功能有利于拓展下沉市场，成为本地服务入口，招聘、房产及二手车等模块被快手排在优先级的最前，为快手变现拓宽道路。但需要注意的是，快手在地区的高渗透率让它有了在发展同城服务的用户基础，B站是否具有这一能力需要综合分析。
同城界面截图 图片来源：自制
三、无法复制的社区氛围社区是什么？首先明确社区、社交、媒体这三个概念，
不可否认的是，与其他平台相比，B站的用户忠诚度高、粘性高，社区氛围好，B站是怎么做到的呢？
3.1 合理的机制构建B站在创作者-创作内容-消费者-创作者这一闭环中，建立了许多值得借鉴的机制。
图片来源：自制
良好的社会氛围为用户提供了良好的产品体验，又由于户在社区当中投入了精力、感情、时间，产出了评论、心情、视频，这些会转为用户迁移的成本。余军在《产品方法论》中提出产品是企业与用户价值交换的媒介，其中：
用户价值=（新体验-旧体验）-替换成本
B站做到了自身用户体验高，迁移到其他产品的替换成本高，进一步稳固了自身用户价值。
3.2 稳健的扩张策略将社区产品的发展按照社区规模简单分为三个阶段，0-10冷启动期，10-100生态搭建期，100-10000扩张期.
3.2.1 0-10冷启动期
“社区产品作为一款以内容主打的产品，在0-10的冷启动阶段，产品的核心kpi就是需要产出足够多符合产品定位方向的优质内容，并且构建产品的第一道护城河。”
B站早期作为一个AGC内容创作与分享的视频网站，在二次元群体积攒了口碑和人气，成为产品的第一道护城河。
3.2.2 10-100生态搭建期
“这个阶段的重点是潜移默化的教育用户，使其逐步在使用过程中明确社区的规则和边界，即哪些行为在这里是被鼓励的，哪些行为是不鼓励的，哪些行为是无所谓的，哪些行为是必须禁止的。”
对于生产者而言，B站鼓励其产出优质内容，于2018年1月上线“bilibili创作激励计划”，并在此后多次进行激励计划升级。
图片来源：bilibili官方
对于消费者而言，B站一方面设计了弹幕、评论、点赞等多种互动方式鼓励用户互动；另一方面明确规则底线，设置正式会员答题门槛，并于2017年年末开始更新《风纪委员会周报》、《小黑屋周报》，打击不合规行为。
图片来源：bilibili官方
3.2.3 100-10000扩张期
“这个阶段是产品的快速扩张期，在产品机制和运营人员的共同努力下，内容生态基本形成。开始进入增长阶段，这个阶段最重要的事情是调节新老用户之间的矛盾。”
新用户与老用户的边界是社区的内容和基本定位建立了认知。新用户短时间内大量涌入，对于产品的原有内容生态可能是严重的损害。在这点上，B站采取了谨慎的产品的增长节奏和商业化节奏，进行新用户教育。在年龄小的用户加入，成为年轻潮流的代表的同时，做好细化分区做内容分层，减小不同年龄段用户冲突。
四、总结“世界是你们的，也是我们的，但是归根结底是你们的。你们青年人朝气蓬勃，正在兴旺时期，好像早晨八九点钟的太阳。希望寄托在你们身上。”——毛泽东
得年轻人者得天下，B站作为一个年轻人聚集、受年轻人喜爱的社区，前途光明。然而随着年轻人不断成长需求会产生变化，B站如何适应这一变化与用户共同成长是其一大挑战。除此之外，如何协调新老用户的矛盾，在维持口碑的基础上做好产品变现也是现阶段面临的问题。
