童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

内容产品:如何设计清晰友好的首页(二)

9月9日 相思宫投稿
  在首页的Redesign之前,首先要思考号首页应该承载哪些内容,承担什么责任,达到什么目的。
  上一篇文章《内容产品:如何设计清晰友好的首界面(一)》写了十点APP首页存在的几个问题,总结一下:
  首页放置了太多icon,导致界面凌乱;
  顶部功能区功能过多;
  轮播图没有设计规范,与系统状态栏、顶部功能区“乱作一团”;
  导航不够清晰,并且没有涵盖所有内容类型;
  悬浮按钮太多且功能重复。
  下面开始思考如何Redesign,在这之前,首先要想一下首页应该承载哪些内容,承担什么责任,达到什么目的。
  以网易云音乐v6。0。1为例,首页是叫做“发现”的Tab,我将这个界面分为两大部分:
  第一部分由轮播图、导航、推荐歌单、新碟新歌四个版块组成的,这是核心区域,负责向用户展示云音乐最重要、最核心的内容,如歌单和音乐库;
  第二部分是“云村精选”,用于满足用户的“闲逛”需求,与Tab名称“发现”呼应。这里使用了现在比较容易抓住和留住用户的视频信息流,根据用户行为推荐视频内容,中间插入直播推荐、歌单推荐、话题推荐、会员专属内容推荐等,从而达到为其他版块引流的目的。
  得到v5。7。0的首页也叫做“发现”,内容与版块的安排同样有规律可循,我也将其分为两大部分:
  第一部分是轮播图、导航、直播预告入口、罗辑思维李翔知识内参组成的核心区域,用户可以在这里找到自己想要的以及得到APP中最核心的内容;
  第二部分我归纳为由“与导航对应的版块话题式内容推荐版块”组成:
  与导航对应的版块:得到APP的导航包括听书、电子书、商城、专题、课程五个部分,“每天听本书”版块与导航中“听书”对应,“最近更新的课程”、“热门排行榜”与导航中“课程”对应,“电子书独家特价”与导航中“电子书”对应,“实物商城”与导航中”商城“对应。
  话题式内容推荐版块:第二部分更加注重向用户推荐内容,采用了较为灵活的“话题式”推荐方式,即提炼、设置话题,围绕话题推荐合适的内容,可能推荐一套课程,也可能推荐某套课程中某一节。例如话题”帮你新增四种思维“中推荐了梁宁的产品思维30讲整套课程,而话题”跟微信学产品迭代的学问“中则推荐了梁宁产品思维30讲中的第16节课”系统迭代:微信红包的意外与刻意“。
  在上面的两个例子中,首页都承担着以下作用:
  让用户第一时间知道这是什么类型的APP,可以提供哪些内容,用户知道去哪里找自己想要的内容;
  为用户推荐内容,向重要内容引流。
  回过头来看十点读书APP,暂时还没有看出首页内容版块设置的逻辑和规律,但是可以推测出十点APP想通过首页达到的目的:
  用户可以通过首页导航、搜索等找到想要的内容;
  推荐十点号大V,向十点号自媒体引流;
  展示和推荐重要的课程。
  因此我将以上述三点为原则,展开对十点读书APP首页的Redesign。
  目前十点APP呈现出的内容类型和结构如下图所示:
  十点读书APP现有内容结构
  通过上图我们可以看到,十点APP划分了多个类目,每个类目包含23个层级,且类目与层级间有重合的部分、关系混乱,例如“成长图书馆”中的“传记”打开后直接跳转至“人物故事馆”类目。
  我仔细看了各个类目中的内容,个人认为可将十点读书APP的内容分成以下几个大类:
  有声书
  精选好课
  十点电台
  熊爷解忧书库
  十点号自媒体
  由于底部Tab栏中的“发现”即为十点号内容信息流,因此无需在导航中设置“十点号”,那么整理后的导航结构如下:
  十点读书APP导航结构优化
  有声书由“成长图书馆”、“人物图书馆”、“精品有声书”、“有声书”合并而来,在内部按照文学、传记、历史、小说等属性进行分类;
  精选好课原位于首页底部的“精选好课”版块加入顶部宫格导航中,内部按照职场、人文社科等属性分类;
  十点电台原“治愈电台”只推荐主播的十点号而非直接推荐电台节目,用户获取电台内容的路径较长。新的“十点电台”直接推荐电台节目,并将同为电台类型的“睡前儿童故事”纳入其中,内部也会按照电台属性分类;
  熊爷解忧书库谷声熊可以理解为十点读书自己的IP或吉祥物,因为作为单独的一部分存在,内部按照原有的效率、习惯、理财等进行分类。
  导航结构重新优化后也就解决了上面提到三个原则中第一条:用户可以通过首页导航、搜索等找到想要的内容。
  接下来考虑导航以下部分的版块布局,结合目前线上十点读书APP的内容布局,可以推测出十点读书非常重视十点号自媒体内容的展示,向自媒体引流,引导用户关注大V,所以后面版块设置时需要同样注意向十点号引流。
  这里其实考验的是内容的运营策划能力,可以借鉴得到APP的模式,利用话题推荐内容等。
  综上所述,我对十点读书APP首界面的Redesign如下图所示:
  十点读书APPRedesign原型图
  “日签”功能入口转移至界面左上角;
  将“下载管理”入口从首页移除,可考虑收纳进“已购”T
  将“历史记录”入口从首页移除,原因是播放器本身已经保留了用户的播放历史,用户是否有查阅多条、多天前历史记录的需求未可知;
  重新规划设计宫格导航,避免给用户过多模糊的选项;
  按照十点读书本身的内容体系设计了导航以下的内容版块,以达到向十点自媒体引流、推荐课程的目的。
  以上为全部内容,本文仅用于学习,并不针对任何组织和个人。
投诉 评论 转载

需求评审中,你需要避免这三大陷阱本文笔者总结了产品经理在做需求评审的过程中需要避免的三大陷阱:从众压力下的不懂装懂;过于关注自我的证实性偏见;脱离问题本身的输赢之争。产品经理日常工作中,需求评审像是家常……设计总比别人的差一点?那是因为你没关注细节!为何一个设计的细节点会使人在感觉上的差异那么大呢?为什么优秀的作品都叫做“别人的设计”?本文将为告诉你问题的答案。很多时候总会常常觉得,为什么自己做的界面看起来总是没有别……快问律师APP需求文档:瞄准移动端法律咨询随着国民法律意识的加强,大众越来越注重通过法律咨询维权。然而随着移动互联网的兴起,PC端法律咨询已不能满足大众需求。因此,笔者将目光瞄准至移动端的法律咨询产品,并设计了一……面型图标vs线型图标,该如何正确使用?在准备做一个App设计时,常常会陷入到该用面型图标还是线型图标的纠结中,那么到底哪种对用户体验来说更合适呢?什么时候该用线型图标,什么时候该用面型图标,不知道大家平时有没……内容产品:如何设计清晰友好的首页(二)在首页的Redesign之前,首先要思考号首页应该承载哪些内容,承担什么责任,达到什么目的。上一篇文章《内容产品:如何设计清晰友好的首界面(一)》写了十点APP首页存在的……B端产品,远比想象中更需要情感化设计C端产品早就将情感化纳入基础的设计体系,而B端产品的情感化设计却远未达到行业标准。人们或许都认为B端设计存在过多的客观因素影响,情感化可能不是特别必要。但是事实上,B端产品也需……设计廉价感悖论:消费审美力与设计话语权过度看重数量而非质量,导致“设计品”沦为“廉价品”,这样的作品自然很难在市场中产生效应,更别提能够让用户记住。如果可以重来的话,北影官方放出的海报提前两天、又或者推后两天……设计第一性原理:心智模型心智模型是产品设计中逃不开的话题,做用户调研就是在与用户的交流中,帮助设计师逐步构建起用户的心智模型,附能产品设计。在《AboutFace》中AlanCooper提出了实现模型……UML:需求分析与设计的利器本文笔者将为大家总结一些在需求分析与设计阶段会常用的到的UML图,并且对每一个UML图进行了详细讲解。最近在学习UML相关的知识,结合了以往的项目以及之前学习编程时的面向……跳槽进大厂,这些设计技法必须会(系列一)本文为大家分享了大厂常用的设计风格之一纹理风格,通过研究,相信你也一定能够从中收获些许设计心得!本周和大家分享一些大厂常用的设计风格,这些风格大家可能平时有见过,但是可能……2个方面,带你深入了解电视端焦点运动设计继上文讲到的电视焦点基础知识后,笔者进一步深化内容,为我们介绍焦点的移动原则以及使用场景。之前写过一篇关于电视焦点的基础文章,主要是适用于想入门的人看的,简单地介绍了电视……SaaS在PMP知识体系下,看这30个项目管理流程本文笔者将结合PMP知识体系,与大家谈谈自己关于SaaS行业的项目管理流程的理解。笔者从事SaaS行业产品经理的工作两年有余,也参与了几个企业级项目的项目管理过程。……
那些不务正业的品牌Apps10家国外最受欢迎的小型电商支付宝钱包的AA制生活硅谷趋势看设计设计对产品越来越重要打造成功的产品以小为始,公听并观阿里的机会在微信的逆向成功学让思维活跃化的几个技巧设计师的思维工具〔ISUX五维创意卡〕腾讯做减法,微信做加法Fenby创始人齐伟:在线教育,有趣有用成功。一个设计师成长可能要经历的5个阶段芬兰手游靠什么征服世界?5大特性成致胜法宝
电脑族要注意预防五种疼痛蜜蜂虾能长多大能活多久3500元以内想购入一只手表,是国产名表海鸥好还是瑞士入门天哪些行为属于扰乱公共秩序行为红薯减肥餐做法有哪些嗓子发炎吃什么药黄豆煮多久才能用于养花黄豆具体煮多久才能用于养花老人出现经常遗精的情况应该怎么办拒绝“无效内卷”,一汽丰田bZ系列终于拿出“秘密武器”热评聚 有关我的小伙伴作文500字随笔介绍几种有趣的户外运动装备

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界