文章结构如下
操作环境
设备型号:iPhoneX
操作系统:iOS 11.2
app版本:2.3.4
1战略层
1.1产品简介
定位:微信读书是基于微信关系链的社交阅读应用。
slogan:让让阅读不再孤独。
特色:精心打磨阅读体验,和好友发现优质好书,和好友讨论交流碰撞,和好友比拼阅读时长。
1.2用户分析
用户群体
根据易观万象提供的微信读书用户属性分析,微信读书的用户没有明显的性别差异,以具有中高等消费能力的年轻人为主。
在地域方面,用户多分布在超一线和一线城市中。
一线和超一线城市中,具有中高消费能力的年轻人往往有很强的奋斗精神,以大学生、白领、精英为代表,他们对知识和书籍的渴也高于一般人,这就对应了微信读书的书城中多以出版文学为主,而不是网络文学。
用户行为
根据分时使用时长可以看出,用户主要在白天进行阅读,在中午、晚饭期间和下班之后的自由时间内出现了不同幅度的使用高峰,体现了移动阅读的碎片化特性,即用户大多利用碎片化时间进行阅读。
用户需求
根据上文分析,我们把生活在一线城市的大学生、白领和精英作为第一用户画像,将需求分为阅读+社交两个大类,并从这两个维度去深入分析用户需求。
阅读维度
社交维度
1.3市场分析
根据易观在2017年7月5日发布的《中国移动阅读市场年度综合分析2017》,互联网已巨头全面布局泛娱乐生态,移动阅读出于高速发展区。
截至2016年末,中国移动阅读市场规模已达到118.6亿元,基于目前商业模式稳定、产业发展相对成熟的发展情况可以推测,未来行业收入增速将保持匀速增长。
根据易观万象提供的数据(安卓应用),整个综合阅读领域的的DAU在6000万到8000万之间,而微信读书的DAU在100万左右,和QQ阅读及掌阅等巨头动辄千万级的DAU相比,还存在一定差距。
下图是几大主流阅读app和微信读书的DAU对比(时间为2018年1月)
2范围层
微信读书的主要功能为阅读和社交,特色功能包括个性推荐,免费领书,时长兑换书币,听书电台等。利用KANO模型,可以将功能进行以下分类:
3结构层
微信读书的功能结构如下图所示
微信读书总体结构清晰,底部导航栏共分为“我”,“想法”,“书架”,“发现”四个部分,其中阅读界面是一个比较重要的界面,且有多个入口,所以在上述结构图中单独画了出来。下面逐一进行分析:
发现
最能体现“和好友发现优质好书”这一特色的页面,通过左右滑动卡片的方式发现不同内容,书城也放在本页面中。由于特色是“和好友发现优质好书”,所以弱化了书城的入口,只在页面右上角有一个很小的按钮。
想法
最能体现“和好友讨论交流碰撞”这一特色的页面,类似朋友圈,可以看到自己和好友动态并点赞评论,采用上下滑动的信息流形式,点击页面右上角的按钮可以直接发表看法。
书架
书架是阅读类app中经典的九宫格样式,页面下拉可以出现搜索框,添加按钮在页面最下方。
我
能体现“和好友比拼阅读时长”的页面,除账户和好友排名外还有用户管理、设置等低频辅助功能,结构简单清晰。
阅读界面
能体现“精心打磨阅读体验”的页面,整体布局和主流阅读app大同小异,听书时页面会悬浮一个圆形播放器,使整个页面更生动。
个人想法
个人认为以下方面体验不好:
1)发现页面只显示一条发现内容,虽然整体来说页面比较简洁,但是用户想要发现更多内容,就需要不停滑动,单次操作获得的信息较少从而导致信息获取成本较大。
2)听书作为一个辅助阅读的功能设计太过复杂,点击听书后会弹出目录页和播放器页,操作过于复杂,完全可以用一个页面代替,如下图
4框架层
本节主要从界面设计、导航设计、信息设计等框架层面对产品核心功能进行体验和分析,分为阅读功能相关页面和社交功能相关页面两部分,为防止文章过于冗长,针对两个功能只分别挑一个页面进行分析。
4.1阅读功能-发现主页
发现中左右滑动可以出现不同的卡片,共分为七种不同类型。
个人想法:
首先是左右滑动不方便问题,上文已说过。其次这里既然是“和好友发现优质好书”,不妨增加用户推荐书籍的功能,用户阅读完一本书后,如果觉得书籍优质可以选择推荐给好友并填写推荐理由,而其他用户可以在发现里看到好友推荐的书。
4.2社交功能-想法主页
个人想法:
根据个人使用体验,好友里分享想法的行为比较少,每天能看到的动态条数不超过5条,虽然根本原因是好友的阅读时间不够多,并且分享之后也只有微信读书里的好友能看到,造成用户分享欲望低,但可以采取一定措施激励用户分享,比如:
1)用户写想法可以得到书币
2)想法写完后可以直接分享到朋友圈
5表现层
这里用视觉设计四要素来简单分析下微信读书的UI设计:
结构清晰
微信读书产品布局结构清晰,用经典的底部导航方式,将主要模块分开。每一模块中不同元素之间有留白相隔,展示内容一目了然,如下图:
美观
微信读书页面简洁,每个页面元素较少但重点突出。蓝色为主色调,蓝色属冷色,所以使用了黄、橙和暖红等暖色进行点缀,使界面更加和谐,如上图中“我”的主页面。背景色是灰白色,白色的模块叠加在背景色上,层次丰富。字体大小基本控制在三种字体大小,不会显得很乱。
一致性
产品视觉效果的一致性体现在文字、按钮、背景色、图标、图片的统一。拿底部导航栏为例,四个按钮都采用中空设计,大小一致,外部线条粗细一致,颜色一致,使用的文字一致。
视觉和用户体验的统一
设计目的是为了带来更好的用户体验,而不是仅仅好看。和用户体验统一的视觉设计可以帮助用户更好的使用产品,下面以微信读书的书城-搜索框的设计为例说明。
在读书类app中,用户进入书城的目的有两个:一是搜索,二是浏览书城。有数据说明,用户使用搜索功能要多于浏览书城,所以在微信读书的设计中,用户刚进来书城时,搜索框做的尤其突出,如下图
当用户进来书城的目的不是使用搜索时,就会下意识的向下滑动页面浏览书城,所以在这种场景下搜索框应该弱化,如下图。这就体现了视觉设计和用户体验的统一。
其它作品:
子弹短信swot分析://www.greatytc.com/p/ea8ee66bb63e