专栏首页FREE SOLO基于微信社交链的读书APP——微信读书,用户体验5要素简要分析

基于微信社交链的读书APP——微信读书,用户体验5要素简要分析

微信读书发布于2015年8月28日,是腾讯旗下的微信推出的一款基于微信社交链的读书类APP,在这里你可以体验到个人定制化的阅读风格以及和好友一起探讨交流读书心得。

1 . 产品slogan 让阅读不再孤独

2 . 产品定位 从产品的slogan,让阅读不再孤独,表明产品从社交链切入阅读这一块,和市面其他阅读产品定位不一样,形成产品差异化竞争。

通过从微信的强大用户量导流至微信读书,打造和朋友一起阅读氛围,目前微信推出的看一看功能也有异曲同工之处。

产品宣传页上主推的四大功能分别是,精心打磨的阅读体验、和好友发现优质好书、和好友讨论交流碰撞、和好友比拼阅读时长,主推的功能紧紧扣住社交和阅读体验,意在营造社区阅读氛围,从而激励用户多读书,增加阅读时长。该模式和以前学校中的读书俱乐部一样,只是把模式搬移到网上。

从产品的调性、书籍的类别和相关数据得出,微信读书的用户群体为18-35岁希望通过读书来实现自我提升,平常通过阅读来消遣时间和有知识付费习惯的学生、社会精英分子及职场人士。

a.职业:学生、职场人士

b.地域:一线、二线城市

c.年龄:18-25岁

从产品结构来看,微信读书结构清晰,层级架构逻辑合理,主要功能入口明显,对用户来说具有易用性。主要功能我、想法、书架和发现都放在一级入口,其中发现模块包含系统推荐、读书活动、搜索功能、书城功能和好友在看的书。

书架包含管理自己的书籍以及添加新的书籍。想法包含系统推荐的公众号文章和好友的想法。我的里面包含个人通知、笔记、书单等关乎个人信息的。

相比于市场中同类产品,微信读书把书城放到二级入口,书城是内嵌在发现里的二级入口。书城放在二级入口,表明产品突出的是好友和系统推荐这一块,突出社交读书的理念。

一、微信读书之——表现层

从:图标设计、整体设计风格、配色、排版这4个方面展开分析。

1、图标

仔细看,会发现是一本摊开的书,白色部分为书本摊开的侧面,白色呼应了市场上书籍的默认颜色白色。再往上看,是大范围的蓝色,预示着“知识的海洋”。右下角有微信消息的图案,清楚的点明了app实现读者交流、阅读式社交的产品亮点,与“让阅读不再孤单”的slogan遥相呼应。

一个好的设计,应该是如此:每一个布局,每一个元素,都有其价值、有缘由、有逻辑,这几点微信读书图标的设计都满足,可以说是很完美的设计了。

不过,做过一些问卷调查,遗憾的发现很多用户没能察觉到图标是一本书摊开的样子,因此我认为在白色部分再加上一点浅灰色的似有若无的线条,可能会更完美。

2、设计风格

谈到阅读,我们脑海里会憧憬什么景象呢?一个窗明几净的书房,满是书香的气息,点上一支檀香。好不惬意,给我一个书房,我能看到地老天荒。

微信读书采用了扁平化设计风格,去除冗余、厚重和繁杂的装饰效果,让“阅读内容”本身重新作为核心被凸显出来。

3个内容页面都十分明显的突出了内容部分,没有过多的装饰效果,让用户能够更加专心的沉浸在阅读中,不受其他元素的干扰。

3、配色

APP的主色调默认为白色,同时提供了黑色模式。辅助色为蓝色,我们可以看到底部tab切换,以及设置页面的开关、每日一答页面皆为蓝色。以及个人中心的导航图标有一点小面积的辅助色。

界面配色符合界面的色彩搭配的比例 6:3:1,是比较舒服的配色,因为阅读需要一个干净的环境,用户才能专心于内容的阅读。

再来说说核心的阅读页面,阅读界面则提供了白色、护眼绿色、纸皮黄色、黑夜模式的黑色,白/黑模式对应白天阅读和夜晚阅读,而绿色、黄色则满足了用户护眼的心理需求。阅读想法的输入、查看选用了白字灰底的设计,不会与阅读页面形成强大的反差。

整体来说,配色还是非常的清爽、简洁,使用起来不会有负担感和累赘感。把APP也做一个人来看,众所周知的穿衣搭配规则:穿在外面的衣服,不要超过3个颜色,否则就会让人看上去显得不清新,显得累赘。

4、APP排版

1)整体版式

APP整体采用了常见的标签式底部导航模式,符合拇指热区操作的一种导航模式。底部的4个标签分别为:发现、书架、故事、我的。对应APP的4个重要模块,可通过点击标签进行模块间进行快速的切换。

2)页面版式

页面版式大概可分为这几个部分:信息的排布、图片的使用、颜色的使用、留白的艺术。

以“发现”页面为例,本页面采用了非常流行的卡片式布局,它能直观得突出书籍本身,达到向用户推荐的目的。在信息的排布上,书籍相关讯息遵循了人们视觉焦点在页面上半部分的规则,并且突出了书名的展示。

留白艺术在这里使用的非常到位,整个页面除了书籍本身似乎看不到任何多余的东西,突出了“阅读”的核心功能,底部好友在读的设计再次点明了主题:让阅读不在孤单。

最贴心的当属卡片2端的留白,让使用者很轻松就知道可以左右两边切换,很多的APP使用卡片式设计时就没有考虑到这样的细节问题。

二、微信读书之——框架层

在微信读书的表现层下,就蕴藏着其框架层,我们来看看,微信读书是怎么通过框架层来优化设计的布局的。

以核心的阅读页面为例,阅读的时候,页面顶部有章节信息,让用户清楚地知道自己处在哪个章节的阅读。底部带有当前页面的想法数量,让用户感觉到他不是一个人在阅读,再次点明“让阅读不再孤单”的slogan。右下角的前页面数/总页数的显示,与纸质书的页码呼应,符合用户阅读习惯。

页面的其他操作在用户点击页面空白处,此页面相关的操作按钮展示出来,其中较为突出的功能是“听”以及“想法输入框”,当用户的手势操作不再是左滑的时候,说明用户不是要进行下一页切换的操作,此时出现页面的操作按钮比较符合用户操作习惯。

当点击划线的内容时,展示此内容对应的阅读用户想法,想法输入框固定在底部,方便阅读者随时点击输入内容,而想法列表会根据划线内容在屏幕中的位置来改变,是为了方便用户在看想法的时候,不遮挡划线内容,从而达到用户既可以查看划线内容,同时还能输入想法。

再来看看书城页面,一般来说,一个页面的首屏展示的内容就足够我们看出主要的设计思想和想要展示的重点信息了。

顶栏是页面标题和搜索栏,然后是4类文章的导航。除此之外“猜你喜欢”部分成了整个首屏内容的视觉焦点,也就是用户一进入页面就会第一眼看到的地方——用户喜欢的书籍推荐。=

再往下就是不同维度,不同分类的书籍推荐,每种书籍推荐一般为3-6本书,每屏承载1-2种书籍推荐,点击查看全部跳转到对应类别的书籍页面。

这种页面设计方式,让信息层级划分比较明显,主次分明,符合浏览习惯,用户使用时也不会眼花缭乱。

三、微信读书之——结构层

结构层我们分2部分来分析:信息架构、交互设计。

1)信息架构:

APP整体采用了常见的标签式底部导航模式,符合拇指热区操作的一种导航模式。底部的4个标签分别为:发现、书架、故事、我的。对应APP的4个重要模块,可通过点击标签进行模块间进行快速的切换

看书的第一步是找到一本书,所以“发现”放在底部标签的第一位。打开微信读书的目的是看书,因此“书架”紧随“发现”放在底部标签的第二位。“我的”页面位置与行业大部分的APP一样,在最右边,“故事”模块自然而然就紧随其左了。

整体信息架构比较清晰,也符合用户的操作习惯。

2)交互设计:

不知道大家发现没有,在阅读场景下关闭APP后再打开APP时,会自动帮你把上次阅读的书籍打开到你最后阅读的页面,这交互实在是很贴心。这相当于我们纸质阅读中的书签,这样,用户再次打开书籍的时候,就不会因为找不到上次阅读的内容而苦恼了。

以及阅读界面,有人划过线的句子会以虚线形式显示出来,如果阅读的人也想标记,只需随意点击虚线的任何地方就会自动选中虚线部分内容,无需用户手动从文字开头到结尾再画一遍。忙忙书海里,既然能选到同一本书,某种程度上来说,这些用户也是有一定的共鸣的。因此这个交互也非常实用。

诸如此类有好的交互还有许多,这里就不一一叙述了。

四、微信读书之——范围层

要在移动端满足用户阅读的需求,我们需要什么?想象下在实际生活中,当你需要阅读的时候,你需要什么?是不是闲的去到图书馆找到一本或者多本你喜欢的书籍?而去图书馆通常需要登记人员的信息通过这些信息来与用户所借的书籍相关联。

基础需求:用户个人的账号信息,用来管理用户的个人信息以及书籍的借还情况等。

而基础需求之后便是阅读的核心需求,也就是如何找到用户喜爱的书籍进行阅读。

第一层需求:快速找到用户喜欢的书籍进行阅读。找到书籍后,书籍存放在哪里?当有不同类别的书籍怎么放置?书籍阅读环境是怎么样的?阅读过程需要哪些工具?书籍看完了不知道该看什么时怎么办?等等需求也就随之而出。

而当用户已经确定了要阅读的书籍后,进入阅读阶段,在读到经典段落或篇幅时,会不会情不自禁的抒发一些感慨,如此第二层需求便也呼之欲出。

第二层需求:做阅读笔记、读后感,记录即刻的阅读想法。记录想法一段时间后再重温书本或者完成阅读后想要查看自己在阅读时的想法,也想看看看过这本书的其他好友得想法等等,以此也催生出许多相关联的需求;

以上3层需求紧密相连构成了微信阅读的4个模块。

五、微信读书之——战略层

我们都知道战略层的2个关键词:用户需求、企业目标,那就一起来猜想一下,微信阅读背后的战略是什么。

1)用户需求:

微信读书面向的用户是谁?我想大家应该都听过这些话:工作之前都是用的qq,工作后就用微信了;qq都是95后,00后用的…诸如此类的问题产品论坛中比比皆是,这的确说明了一个问题,微信面向的更多是中青年人群也就是职场人群。

我们能为用户解决什么问题?对于中国的大多数青年来说,进入职场意味着背井离乡,意味着孤单。其次,职场最缺乏是什么知识?当然是技能,技能是职场人生存的核心本领。微信阅读需要解决的是职场人群2大痛点:情感抒发、自我提升。

2)企业目标:

微信读书有什么资源?撇开腾讯强大的资金实力、牛叉的技术团队等雄厚基础实力不谈,微信读书光是得益于微信这个庞大的拥有数10亿计用户的APP,在用户量上已经比其他同类APP捷足先登了不知道多少步,更何况,我们根本也没办法撇开其雄厚的资金库以及牛逼的技术支撑。

腾讯能从微信读书的项目中获得什么?从近年来腾讯涉足的各个领域来看,腾讯是想通过构建一个强大的产品生态矩阵,来扩大自己的平台影响力和加强自身的优势。微信凭借其海量且忠诚的用户量无疑是腾讯排兵布阵最好的工具,腾讯想借助微信这个工具涉足更多更广的领域,同时也在不遗余力的向市场规范靠拢。

从强求音乐买下海量正版音乐公开叫板网易云音乐、腾讯视频大肆购买视频版权蓄力、倡导通过IP化来实现游戏版权进入正轨,都预示着腾讯正在加速通过规范行业,来让自己的资金和平台优势扩大。微信读书也是此战略下的产物。

如果我是PM我会提出以下几点优化:

1 . 优化听书功能的语音朗读模块以及提供原稿对照。

针对语音朗读模块:优化朗读的声音或给予用户私人定制化的声音并且配备背景音乐。目前由于朗读模块声音过于机械化,大部分用户不愿使用该功能,无法发挥功能的本来用途,在后续的使用中优化该模块能有效提高用户体验。

针对听书栏目提供原稿:用户在使用听书栏目时难免存在听不清发音,无法识别等问题,提供原稿方便用户识别未听清部分。

2 . 增加推荐书单功能。用户将书按主题书单归类,用户的优秀书单被系统推荐可被其他用户收藏,这对创立书单的用户属于正向反馈,其他用户亦可找到同一主题下的书,增强社交读书属性,培养UGC氛围。

3 . 完善对听书的搜索功能。搜索功能是全局搜索,不是只是搜索电子书籍是否存在,若只存在听书栏目也应显示出相应的结果,否则这样无法满足用户想要搜索听书栏目的需求。

4 . 增加书籍页面评价按星级查看功能。书籍详情页是一个客观的页面,评价应多元显示,目前产品评价页面按人气综合排序,排在前面的基本都是好评,或许存在刷好评的机制存在,若增加按星级查看功能,可减少上述因素的影响,用户可多方面客观考察该书籍是否值得购买和阅读。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Java单向链表实现

    葆宁
  • 华为面试题:写一个程序要求出用1,2,5这三个数不同个数组合的和为100的组合个数(Java实现)

    因此,组合总数为100以内的偶数+95以内的奇数+90以内的偶数+…+5以内的奇数+1,

    葆宁
  • 项目开发计划

    版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。 ...

    葆宁
  • 【目标检测系列】个人整理目标检测框架yolo v1深入剖析

    faster-RCNN在目标检测精度上已经能够达到一个很高的水准,但是作为RCNN系列的最巅峰,它提出了RPN网络产生推荐性区域,但是它依旧有着一些缺点,这些区...

    小草AI
  • Vue实现微信授权登录

    任我行RQ
  • 微信终于坐不住了,要帮你管一管朋友圈里的「微商」

    知晓君
  • GIF图像转换为多张JPG

    HTML5学堂:在JS效果中,有一个使用代码处理多张连续的JPG图像,显示为动态GIF图的效果。于是乎,自己不得不制作多个连续的JPG图片。既然要做素材,也就顺...

    HTML5学堂
  • Python自动抢红包,超详细教程,再也不会错过微信红包了!

    提到抢红包,就不得不提Xposed框架,它简直是个抢红包的神器,但使用Xposed框架有一个前提条件:手机需要root,对于苹果手机的话就需要越狱了。现在的手机...

    疯狂软件李刚
  • Table configuration with catalog null, schema null错误的一个原因

    Generation Warnings Occured Table configuration with catalog null, schema nul...

    用户5640963
  • 2.4.2、Google Analytics高级应用——行为流报告

    GA 里面有一个用户流报告,还有一个行为流报告,如果不去细看,第一感觉会是这两个报告不是一样的吗,长得那么像。下面就要介绍一下用户流报告和行为流报告的异同点:

    GA小站

扫码关注云+社区

领取腾讯云代金券