内容产品如何设计清晰友好的首界面(一)

内容产品如何设计清晰友好的首界面（一）界面设计的好坏直接影响用户留存率，作为一个内容家电产品，该如何设计首页界面呢？对于这个问题，张老师有自己的见解。接下来，笔者将与大家讲述：吻合如何设计一个清晰友好的首界面？去年年末我有幸去十点读书参加产品经理职位，当时十点读书刚刚开始做移动APP项目，APP也仅仅上线了一个雏形。遗憾的是我没有通过面试，我将其原因在于理解为“缘分没到”，不过我还是很敬佩十点读书在女性市场中取得这么的成绩和重要地位。几个月后，我再次安装十点读书APP,此时这款APP已经迭代了几个版本，上线了一堆功能，宁愿我在浏览的过程中形成了强烈的想要Redesign他们］APP的想法。我会先通过几篇文章写出我的观点，最后给出我的设计方案，下面进入正题。一些人可能对每周日读书并不陌生，一方面是女性朋友们。十点读书算是来访者从微信公众号起家的，过去几年全部的产品和运营活动都以微信公众号为滩头阵地阵地。十点读书不仅输出内容，进行出版活动，同时还尝试了电商、知识付费等。在去年的面试中所我了解到：十点想要做一款可以将现有的产品和服务内置一站式在一起的APP，那么十点读书APP必然会是包含了多种形式比率的内容和功能的大体量APP，这一点在打开APP的一瞬间也能略为体会，因为首屏的包含的东西真的非常多。十点读书APP首界面第十第一屏给人则最直接的感受就是东西太多太乱了。产生“乱感”的原因在于：采用了太多icon类的设计，这些icon残存在界面的各个地方，相互之间没有明显的对比和亲密关系，也没有使用不同底色等方式对不同版块和重点部分进行视觉上的区分。

可以算作十点APP竞品的得到APP则显得简洁、有条理的多；而同样宫格导航设计的支付宝也有视觉重点、区域划分。得到APP首界面（左）、得到APP首界面（左）、支付宝首界面（右）产品设计时，应当降低风险用户的时间决策时间，降低点击错误率，提高用户获取信息的使用效率。十点APP顶部功能区放置了一个条形搜索边栏，以及下载管理、历史记录、播放器3个icon，这样的统一安排增加了3个并列按钮被误触的可能性。轮播图片很明显没有统一的设计规范，没有预留可清晰衬托系统状态栏和顶部功能区的安全区，杂乱导致全个顶部区域十分杂乱。在这种乱的状态中均，3个icon又采用较细的线条设计，存在感第三度被分散弱化。十点读书APP轮播图十点读书APP轮播图filK*导***愫臣*K，一 MM24Llft—■■CXXl-*--EL*J-+ 1F+3轮播图下面是宫格式导航，包括8个选项。导航的作用在于向用户传递清晰的场景，提供清晰的线索，让APP内的信息更容易被理解。应该尽量添加用户熟悉、可理解的方式设置关键词，避免给用户提供贷款太多选择，使带有目的的用户可以快速寻到所需的信息。十点APP的导航明显很明显并没有达到该些要求。这个导航的风险问题在于：选项的迷惑性：关键词即没有按照内容方式呈现方式（图文、有声书、电台）设置，也没有按照内容内在特性（情感、财经、小说）设置，一个带着目的的用户没办法通过导航知道自己想要的东西到底在哪里。选项粒度粗细有所不同：如果现阶段对现有的选项进行分级的话，“熊爷解忧库”和“睡前儿童故事”可作为一级菜单，而“成长图书馆”、“人物故事馆”、“精品有声书”应属于听书下面的二类菜单，“课堂名师”、“深度美文”、“治愈电台”则属于十点号下的二级菜单。没有精准展示出所有的内容：之所以这么说，是因为上划界面会发现十点APP还有“十点好课“、”十点视频“等版块，而这些内容并没有在导航中体现。非于印用船座值段马.'I中引「星非于印用船座值段马.'I中引「星U三：皆: 吨出图书•卜亨多二图件Hl工"抬彳-十点读书APP截图十点APP十分看重自己的自传媒“十点号”，对于“荐号”这件事也是十分执着，比如：“热门发现”版块所推荐了一排十点号，每个十点号头像下方都有一个醒目的红色加号引导用户加。如今用户每天被海量的信息每星期包围，对于“加关注”这件事变得越来越谨慎，在尚未了解的时候下盲目加关注的人不会太多。在这种情况下，黑色的加号缺憾变成了一个障碍，即便应用程序用户产生了点开头像进去看看的想法，也会小心翼翼防止自己失误点了关注错判才行。再说说两个悬浮在最上层的按钮：“日签”这个功能较为常见，但是十一点没有将其放在某个不起眼的固定位置，最上层而是设计成悬浮按钮放在首届面的最上层。用户可以点击“x”将按钮关闭，但是同一时间再次打开APP它仍旧在那里等着你。比较尴尬的情况是：一旦关闭了这个悬浮按钮，APP当中再没有其他地方找出可以重新找到“日签”，需要再次重新打开APP才行。

26忖事晟mill旬大海的反ti.miM花薛的懒人瘦身法趣门发现26忖事晟mill旬大海的反ti.miM花薛的懒人瘦身法趣门发现唱不曲讨AfeHVB#*&■ 力电4古am«ElA■曲.LU区乱十点读书APP“日签”功能“日签”作为一个“锦上添花”的非核心功能，展示时的优先级无必要如此高。参考其他APP的做法，大多数的产品选择将其放在顶部功能，如有需要在每天用户第一次进入用到时使用Badge提示即可。卧变没哂虺枭球不耳竟唯物（左）、好好住（中）、36kr卧变没哂虺枭球不耳竟唯物（左）、好好住（中）、36kr（右）3«也”十国方行可常坤弟/苛西秋眼莅”Mm作另外一个悬浮播放器在界面顶层的是随身听的入口按钮，除此之外还有一个播放器固定入口碟片在顶部示范区。

十点读书APP截图播放器会保留用户上一次听的音频（有声书、电台等），当没有历史记录可用时播放器会随机展示（推荐）一个音