关于简书Web改版:看产品演进、优先级和产品上线那些事

前言

  • 2017-1-5,自13年4月简书网正式上线起,经历三年多的简书Web端终于迎来重大改版


    改版截图
  • 相比赞赏,此处的改版却更多换来了大片的吐槽



    官方评论
  • 本文将基于产品的角度,从产品方向、用户需求和功能逻辑的角度分析此次简书Web的改版


目录

目录

1. 产品介绍

我先来简单介绍下简书这款产品:

  • 产品定位:一款内容创作 & 交流的内容型产品
  • 核心功能:简洁、精致的写作 & 阅读环境
  • 核心需求:长尾生活情感抒发 & 文学写作需求
  • 产品逻辑:如下图
产品逻辑

2. 改版概述

本次改版分为功能和UI设计方面,如下图:

改版概述

详情请看官方文章:给你一个更好的简书——简书新网站上线

3. 功能分析

功能改版

3.1 个性化推荐

这是本次改版在功能上变化最大的、同时也是优先级非常高的功能。

3.1.1 功能描述

  • 首页Banner:显示主编精选的文章 & 活动
  • 文章推荐:根据关注专题 & 用户行为个性化推荐文章
  • 专题、作者推荐


    个性化推荐展示图

3.1.2 需求

a. 读者需求

  • 降低用户发现感兴趣文章的成本
    从13年4月至现今17年1月,随着平台上大量优质的文章内容不断产生,用户发现自己感兴趣、需要的文章的成本越来越大;通过积累的用户数据进行文章的个性化推荐大大降低了用户发现感兴趣文章的需求

实际上,现在大部分内容平台都这么做了

  • 避免人工推荐带来的主观和局限性
    以前的推荐满屏充斥着没有营养的鸡汤、被主编控制的首页推荐 ,千篇一律。

b. 作者需求
为知名度较小的作者的文章提供更多的输出渠道,得到更多的曝光率,避免马太效应,即:

  • 被简书推荐的文章阅读量成千上万,未被推荐的文章阅读量大部分过百都难,

虽然有专题投稿,但由于位置不显、入口深,影响力没法和首页相比

没被简书推荐的作者和文章,可能就永远安静地沉默于简书里,哪怕你的文章很好。

c. 产品战略需求
从13年4月至现今17年1月,在这4年的时间里,简书:

  • 保持了纯粹的写作和阅读体验
  • 产生了大量的优质内容
  • 聚集着大量的创作作者

从这次改版看来,简书工具属性的使命已经完成,正往内容分发平台方向演进

这或许便是本次改版最大的目的。

d. 运营需求

  • 随着用户体量的增大,简书开始考虑用户的活跃、留存问题;
  • 从本次Banner功能的推出可以看出简书开始在运营方面下功夫:不断推出各种社群活动提高用户的活跃度、留存度;
Paste_Image.png

e. 商业模式尝试与扩展
从娱乐的写作场景出发,尝试与电影、文学等相关进行场景的扩展从而实现商业化

3.1.3 功能设计出现的问题

a. 推荐功能优先级问题

推荐功能的设计(对于用户来说主要体现在首页的设计)却被简书的用户各种诟病:本质是对功能的优先级和组织没有很好进行优先级排序。主要体现在:

  • 首页主要呈现的是个性化推荐功能,但却掺杂着其他低频功能,如导流App;如下图
Paste_Image.png
  • 在呈现个性化推荐功能时没有对推荐细分功能进行优先级排序,重点不突出,给人一种混乱的感觉

解决方案

  1. 去掉下方的App导流入口(因为主导航已经有明显的“下载App”入口)

我明白简书PM的KPI,但希望简书的PM能进行很好的平衡

  1. 对推荐功能进行一次细分的优先级排序
    Banner推荐 > 文章推荐 > 热点推荐 > 专题推荐 > 作者推荐
  1. 排序的依据是:产品战略需求>用户需求 & 商业需求 >运营需求
  2. 这里是最考验产品经理的功力,因为不仅需要识别需求的真伪、需求的重要性,同时还要去找到各类需求之间的平衡点,比如说用户需求和商业需求。

我和我的设计师小伙伴做了下修改后的Demo,如下图:(左则为显示优先,右侧为辅;将热点推荐收拢在Tab栏里)

效果图

真正把用户放在第一位,在实现用户需求的前提下实现商业需求,我希望简书的产品经理有和我一样的产品价值观。

这里还有一个小的优化点:关于文章的简略显示

Paste_Image.png

其实完全可以去掉,原因是:

  • 此处显示的需求是为了让用户大概了解该文章,但是简书的写作本身没有规范概要的要求,而很多人写作并没有写概要的习惯,使得此处往往是显示正文开端,并未达到让用户了解文章概述的需求
  • 由于没有规范,此处显示往往很乱,影响整个页面的简洁度
  • 修改后的图如下:


    对比图

b. 作者推荐设计问题

  • 需求场景:推荐用户感兴趣的作者,降低用户搜索的成本
  • 出现的问题:
  • 提供是否感兴趣的信息不足:简书是内容平台,关键点在于内容,但用户只是看名字和头像是无法确定自己是否对这个作者是否感兴趣

这里要和微博、Facebook等社交平台区别,这类社交平台的关键点在于人,直接看名字、头像、粉丝数是足以让用户决定是否关注

  • 一键关注按钮使用频率低:因为关注作者的本质还是内容,哪怕是加了人物简介,可是用户不会因为名字或头像或他有多少个赞而直接关注他,本质还是会点进去先看他的内容再选择是否关注,所以该按钮的使用场景出现的频率非常低;由于首页本身元素较多,而简书以简洁突出,所以选择删去;

此处提供的推荐作者信息是为了吸引用户点进去该作者的个人主页看相关文章,从而完成关注作者的链条

  • 解决方案:
    • 增设个人简介:总得让用户知道这个作者是干嘛的,他才会感兴趣点进去看他的文章吧?
    • 删除了一键关注按钮。
    • 修改图如下:


      对比图

c. 专题推荐设计问题

和作者相比,专题的本质就是内容,名字可以直接反应出该专题的内容,用户是可以直接根据名字和相关信息直接决定是否关注该专题的。但出现的问题是:

  • 提供信息量不够
    用户除了看名字,只是知道专题的内容,但用户关注还需要该专题的热度和受欢迎程度才会选择关注专题。

解决方案:增加了关注量、文章量显示

  • “关注”操作成本高
    用户在看了名字后已经知道这个专题的类型;看了关注量和文章量了解这个专题的受欢迎程序;这两个因素足以让用户决定是否关注。但此处用户需要点击进去才能关注专题,操作成本高且降低转化率。

解决方案:增设一键关注按钮

  • 修改图如下


    对比图

由于对功能进行了排序和重新组织,为了版式的统一性所以将专题推荐和作者推荐做成统一的。

效果图

根据上述的需求,我和我的设计师伙伴做了简单的Demo,仅供阐述上述观点,如下图:

这里非常感谢我的设计师小五。

对比图
对比图

3.2 对象化关注

3.2.1 功能描述

  • 简友关注
简友关注
  • 专题关注
专题关注

3.2.2 需求

  • 以作者和专题为主体和节点,提供更多发现内容资讯的渠道,从而进一步实现内容分发
  • 该需求迎合了产品从工具属性到内容分发平台演进的战略需求

3.3 移动端网页更新

3.3.1 功能描述
在手机网页即可完成:

  • 直接登录,更可在微信里一键登录;
  • 直接点赞、评论;
  • 直接完成关注。
Paste_Image.png

3.3.2 需求

  • 随着社会化媒体的快速发展,类似微博、微信、豆瓣等产品已经成为内容输出的重要渠道,本次移动端Web的更新无疑是加强了站外渠道的分享和互动,为简书上的内容提供更多站外分享渠道
  • 该需求同样迎合了产品从工具属性到内容分发平台演进的战略需求

3.4 夜间模式+字体设置

3.4.1 功能描述

  • 提供了黑夜、白天两种显示模式


    夜间模式
  • 提供网页浏览的字体设置


    字体设置

3.4.2 需求

  • 对阅读场景进行细分,提供更好的阅读环境
  • 字体的设置则是个性化设置

3.4.3 出现的问题
对于夜间模式,属于高频需求;对于字体设置,属于低频非刚需,但是图标却显示的是字体修改的icon,入口的优先级过高。

3.4.4 解决方案

  • 显示夜间模式切换的icon
  • 将字体设置这类低频非刚需放置到个人设置里

效果图

根据上述的需求,我和我的设计师伙伴做了简单的Demo,仅供阐述上述观点,如下图:

新旧版对比

3.5 关于个人主页

  • 出现的问题
    个人主页将个人信息和简介分开放置,对于用户来说,看头像和名字无法第一时间了解该作者,而且个人简介的放置不容易被用户发现


    旧版
  • 解决方案
    个人信息和简介放置在统一模块;同时优化了关注按钮的位置

修改如下图:

效果图

对比图如下:

对比效果图

最终再贴出最终修改的效果图:

效果图1
效果图2
效果图3

4. UI设计

UI改版

4.1 主导航

本次改版中,改动最大的是主导航:从侧导航改成顶部导航:

导航改版

从产品的角度,改版的原因:

  • 首页增设了较多内容(Banner、文章推荐、作者推荐、专题推荐等等),原有导航难以容纳;
  • 导航栏上功能过多,且有的功能使用频率低,需要对功能进行优先级排序


    新旧版导航功能对比

从设计的角度来看:(非常感谢我的设计师小五的意见)

  • 符合大多数人的阅读&使用习惯,迎合主流的设计风格
  • 导航的Icon识别度低,需要换成文字,但是文字是横的而导航是竖的会导致不协调,同时由于导航功能的减少,会导致下方大处留白
  • 旧版的视觉浏览顺序不流畅,如下:
视觉浏览顺序
  • 旧版导航使用过程中给用户的感觉有点混乱,当进入一个功能页面时用户的注意力会十分分散,感觉哪里都会跳走;新版则人更加简洁、让用户更加专注


    效果对比图

4.2 写作界面优化

去除了多余的元素,更加纯粹、更加简洁

Paste_Image.png

4.3 阅读界面优化

对阅读界面的文章进行重新排版,甚至对每一处间距、行高都进行继续打磨,真的很喜欢这种精致

Paste_Image.png

4.4 其他细节的设计优化页面

在本次改版中,简书对整个Web的视觉设计、交互设计进行了大幅度的优化,如文字的行间距以及字体大小,首页banner图的切换细节交互、loading图的用心设计、各处文字不同灰度区分信息重要程度等等,这里贴几张优化得很明显的地方:

搜索结果页面
关注列表

5. 产品迭代&上线问题

本次简书的Web改版可谓是憋了个大招

  • 功能上:新增了文章、作者和专题推荐、几乎对所有的功能优先级、入口进行了优化
  • 设计上:主导航替换、首页大改版、网站几乎所有的样式都进行了优化

整个简书的Web已经改头换面了。

对很多用户来说,对于本次改版的反应是:

  • 操作上和视觉上不习惯;
  • 页面不再简洁

Paste_Image.png

主要原因是:

  • 版本改动太大:无论是功能上还是设计上
  • 功能设计存在缺陷:无论是优先级、入口还是功能逻辑

于是很多用户反映:提供新老版本切换进行过渡

显然,从产品的角度来说这并不现实。

从上面分析到,设计的改版和功能改变是因为简书产品战略的需求,这是不可改变的。但是,产品要做的,应该是尽量降低用户的不适应:

  • 针对”版本改动太大“问题
    采用产品的小步迭代,尽量以小版本改动逐步迭代,尽可能不要憋大招,从而降低旧用户的不习惯和不适应;
  • 针对”功能设计存在缺陷“问题:
    采用灰度发布 / 内测,先小范围试错,不断完善再逐步扩展到全范围使用

关于简书的微信群公测
简书建立了一个微信群通过用户在里面反馈问题进行公测,可是存在的问题是:

  1. 简书工作人员身份不明,用户根本无法知道自己的问题是否得到解决
    产品 & 运营人员没有改备注也没有表明身份,提出问题后回答问题的根本不知道是谁,所以用户根本不知道自己得到的问题是否传达到简书

群里表明身份的就只有一名技术人员。

  1. 回答问题基本是那一名技术人员,而且回答永远是:Yes or NO
    对于技术人员来说,对需求问题回答的原则是:能解决,或不能解决。
公测群

而在收集用户反馈 / 需求的时候,则是需要PM先判断用户需求的真伪,然后再交给技术进行解决。

6. 碎碎念

  • 本次简书的Web改版是自13年上线以来改版最大的一次,但从用户反馈来看,这次改版并没有得到大家的认可
  • 作为产品经理,我真的很喜欢这次改版,因为简书这个产品终于长大了,被赋予了更多的意义。可是从功能设计和产品上线问题上,简书的团队确实有做得不足的地方,需要各位用户的包容和建议,让简书变得越来越好,而不是一味的吐槽
  • 作为简书的忠实用户,我真的很不喜欢这次改版,因为简书不再纯粹,不再那么特别,泯然众人矣

最后,希望简书的产品经理可以看到这篇文章,也希望简书在成长的过程中,不忘初衷。谢谢您的耐心阅读。


欢迎关注Carson_Ho的简书!

不定期分享关于产品策划方法论干货,追求短、平、快,但却不缺深度

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 128,598评论 19 550
  • 关于简书 简书的诞生其实是很意外的,源自创始人简叔喜欢上Markdown,简叔发现世界上还没有支持Markdown...
    科技Daily阅读 5,015评论 13 99
  • 简书产品分析报告 F组:谢少煌 刘冬阳 雷雅茜 秦茜 周莉莉 周俊华 目 录 一、产品定位 (1)目标市场、目标用...
    Cherry华女阅读 1,804评论 3 23
  • 我想我们每个人都会是罗茜吧,这部电影简直不能再喜欢了。相比罗茜的敢爱敢恨,坦率坚强,善良美丽热情执着,勇敢刚毅我更...
    知足smile阅读 139评论 2 3
  • 中秋次日清晨,恰逢落了一场短时的秋雨,我在居家的园庭信步赏赏秋景,心底油然而生了惬意之情。谚语言“一场秋雨...
    云诗一线阅读 26评论 0 2