Windows 10通用版网易云阅读概念设计

起点学院产品经理365成长计划,2天线下闭门集训+1年在线学习,全面掌握BAT产品经理体系。了解详情

tongy9ngbanyunyuedu

无论是在哪个平台,网易系产品都有上佳的口碑,尤其是在市场份额极低的Windows平台,网易多年来不离不弃,不仅保证了旗下多款产品的正常维护和更新,还在Windows 10发布后相继推出通用版,实属大陆互联网公司的“良心企业”。

其中,网易的两大重头产品——云音乐和云阅读,前者已经完成了通用版的搭建并顺利上线,而后者则仍停留在Windows 8版本,无论是交互上还是功能上都与Android和iOS版本有极大的差距。因此,笔者利用过年前后,越俎代庖,完成了通用版网易云阅读的概念设计,希望能够给予网易相关人员一些帮助和启发,不当的地方还望多多指正。

微信截图_20160217145331

一 模式分析

网易云阅读的功能和内容构成极其复杂,其中包含:

  • 图书和杂志阅读(类似于多看、豆瓣阅读)
  • 网络文学(类似于红袖添香、潇湘)
  • 资讯订阅(类似于鲜果、ZAKER)
  • 阅读圈(类似于Seed)

这种复杂的功能组合,一方面提供了全方位的阅读服务,另一方面也让网易云阅读显得臃肿而奇怪,每一方面都有略显粗糙的可能,难以和各个项目中的业界翘楚实现竞争。所幸的是,网易并没有让我们失望,利用自身媒体和门户的资源优势,网易成功的将图书、杂志、网文和资讯整合在一起,着力于打造华语最大的文字内容生产和阅读平台,利用资源的广度提供全方位的阅读体验:

  • 精致阅读(图书、杂志)
  • 碎片阅读(网文、资讯订阅)
  • 社交阅读(阅读圈)

并且,网易大力推广的原创作者计划,促进云阅读平台吸纳海量的原创文字内容,实现从B2C到UGC再到PGC的打通和包揽。

因此,未来的网易云阅读,将是UGC+PGC+CRG模式的结合:

  • 网页端(原创文学,精英创作PGC+UGC)
  • 移动端(阅读圈,草根再创作CRG)

这种模式,一方面保证了通过付费阅读,刺激了内容生产(自媒体+网文),保证自身在内容上的量与质的优势,行程良性循环;另一方面也为大量草根提供了发声的机会,着力于在未来搭建一个属于网易的媒体社交平台,成为网易在互联网的通行证。

二 功能架构

微信截图_20160217145816

目前网易云阅读在iOS和Android平台上的架构是有区别的,尤其是阅读圈的层级在Android平台上被极大的弱化,这十分的不应该。

目前,阅读圈无论从活跃度还是阅读体验上都非常糟糕,但糟糕并不意味着抛弃。作为承载网易未来的一个重要平台,阅读圈仍需要网易利用资源优势提供补给来逐步壮大。

而另一方面,图书、杂志、网文三个门类,在阅读体验上相对接近,因而统一于书架中,是相对合理的,而资讯订阅则单独于另一个入口,最后一个入口属于商店。

通用版网易云阅读依然采用了汉堡菜单,这一方面是为了保证桌面端和移动端的统一性,另一方面则是鉴于大尺寸屏幕的阅读体验更佳,因而桌面端的使用体验要格外照顾。

微信截图_20160217150535

三 书架

微信截图_20160217150417

书架的交互和界面设计与其他平台类似,只不过在功能键和布局上进行了Windows平台转化。

最大的差别在于重新设计了最近阅读一栏。

无论是iOS还是Android平台的网易云阅读,亦或是其他的阅读类应用,都基本采用书目封面作为最近阅读内容提示,视觉上很容易与书架中所呈现的书籍混淆,且存在误操作的可能。因此,笔者将最近阅读卡片更改为:

  • 书目封面模糊作为背景;
  • 即将阅读的文字内容引用;
  • 书目和章目信息;
  • 单一书目占据一张卡片,左右滑动切换书目。

这种设计在直观度上有所欠缺,但希望用未读的文字作为吸引,诱使读者回到之前的节点继续阅读。

微信截图_20160217150811

四 商店

微信截图_20160217151122

正如上文所述,杂志、图书、网文和资讯,这四个项目虽然同属阅读门类,但彼此之间依然缺乏打通的基础,且存在一定的体验差异。

网易云阅读致力于打通四者的商店,以图无差别的阅读体验,但实际效果欠佳,尤其是在Android平台,几个门类层层嵌套,区分模糊,读者经常会不知身处何方,在不同的门类中往返多次。

因此,在通用版网易云阅读中,商店被明确划分为四个不同的子门类,读者通过切换进入不同的门类,这种设计缺乏创新和灵活性,但就目前而言,不失为一个稳妥的解决方案。

微信截图_20160217151309

微信截图_20160217151330

五 阅读

微信截图_20160217151515

资讯订阅是界面设计变化最大的门类。

目前网易云阅读在两大平台上的资讯订阅阅读模式分为两种:

  • 九宫格式入口
  • 顶部标签入口

这两种模式,前者虽无功无过,但不同订阅源之间的切换阅读过于繁琐,需要在两个层级间不断的上下往复;后者则无法全览订阅源,只得通过滑动切换,不够直观。简之,两种模式都需要用户不断的切换以阅读所有门类,操作阻碍过大,不符合现今用户碎片化阅读的需求,因此,笔者决定采用聚合模式来统一所有订阅源,读者打开后所需要的,只是刷新和阅读即可,并且采用杂志卡片来整合资讯消息,提供舒适且美观的阅读体验。

当然,为避免用户不适,笔者也提供了九宫格模式,以方便老用户的阅读习惯。

微信截图_20160217151713

微信截图_20160217151648

六 阅读圈

微信截图_20160217151856

上文已有简短的阐述,阅读圈是网易云阅读乃至网易未来发展的重要环节之一。

网易在产品上别树一帜,即使面对强大的BAT也不逞多让,这既源自网易的内部体制,给予大量中层领袖以极大的产品自主权,也有网易对产品品质的坚守。但这种模式也带来了产品分散化的问题,网易的产品往往相互独立,缺乏联系,更无法像BAT一样行程体系,以“集团军”的形式作战,大大削弱了网易系的整体实力。

脱胎于媒体的阅读圈,以阅读为依托,将用户阅读的行为(评论、点赞、转发等)以信息流的形式展现出来,将用户从订阅新闻源转化为订阅用户,通过社交实现间接阅读,以媒体带社交,以社交反哺媒体,从而实现双赢。阅读圈是一个任何人都可以发声的平台,在初期用户量较少时,需要拉拢知名的业界大拿来吸引用户,通过与微信或微博的接通先将部分关系网引入,并于网易账户绑定,待新关系网形成后,便可弱化引流过程,逐步独立构建自己的关系群。

现阶段的阅读圈,仍是云阅读的一个附属品,用户行为的对象,依然局限于图书资讯等阅读类内容,待阅读圈发展壮大,阅读圈的触角将伸向网易的方方面面,从杂志新闻到音乐视频,从网文博客到在线课堂,每一款网易的应用都将为阅读圈贡献更广的空间,也将因阅读圈而串联为一体。

阅读圈的设计语言类似于Seed与微博的结合体,在展现媒体内容的同时强化了用户行为的存在。但这种设计也带来了阅读效率的下滑,单一卡片的内容承载量太多,单一屏幕能够显示的内容数量太少,这在后期需要精简内容,调整显示方案。

微信截图_20160217152017

由于引入了社交元素,单纯的账户和设置转化为了个人信息流汇总,更加类似于微博等社交平台的个人中心,以满足用户之间彼此关注和沟通的需求。

微信截图_20160217152125

微信截图_20160217152305

本次通用版网易云阅读概念设计,从网易云阅读的战略模式出发,再到架构、功能、布局和交互设计,希望以更广更全面的角度来重新设计云阅读,而不仅仅只是将其迁移到Windows平台,鄙人不才,其中很多内容恐为一家之言,有失偏颇,不当之处,还让专业人士多多指正,共同进步。

 

作者:苏之景苒,知乎专栏:http://zhuanlan.zhihu.com/metrox/20579929

本文由 @苏之景苒 原创发布于人人都是产品经理 ,未经许可,禁止转载。

您的赞赏,是对我创作的最大鼓励。

评论( 0

登录后参与评论
加载中