移动产品信息架构(3):首页布局

标签: 晓生 信息架构 | 发表时间:2013-09-24 22:35 | 作者:晓生
出处:http://daichuanqing.com

首页设计的优劣决定了用户使用的第一印象,其布局直接反应了产品的信息架构。不合理的首页,其产品的信息架构必然是失败的。首页要留住用户,显示符合预期的页面结构,展示用户最需要的内容,还要吸引用户点击更多的页面。网站首页可以排列很多元素,而手机的小屏只能显示最重要的内容或功能,这恰恰反应出用户对于一款应用程序的核心需求。

用户可以通过链接越过首页,直接访问网站的子页面,而手机首页的曝光率几乎是100%。很多用户在首页停留的几秒种时间内,是否继续使用取决于他们能立即找到想要的内容或途径。所以,首页的转化率是觉得应用程序整体转化率的最大因素。

想设计一个优秀的首页,需要了解各种元素在信息架构中占据的作用,并能合理利用。

人工推荐

2013-09-11 162320

人工推荐的内容可以来自编辑、运营或市场人员。这种方式来源于媒体,只是互联网和APP转变了呈现方式,但其本质没有改变。人工推荐不只是需要筛选出热门内容,还需要有明锐的眼光在新上线内容中挖掘中优质内容,编辑呈现方式吸引用户,甚至是借用一些手法强推某些内容。

产品的气质,内容的整体质量占据了主要因素,而人工给内容打上的标签、截图或说明性文字等也能成为内容的一部分,这些元素同时会影响点击率。

为了培养用户持续使用的习惯,内容必须持续更新,因而首页的内容更会注重质量和时效性。

专题

专题是某种方式聚合的多条内容。优点是可以一次推荐多条内容,有利于用户查看相似的内容。以时间或事件的专题有时效性,需要编辑人员敏锐的直觉和对内容良好的理解,当内容较少时,需要编辑挑选内容,策划专题,增加更多的信息量,梳理内容之间的关系,获取用户关注。

IMG_0268

内容性专题能帮助用户快速地发现某一分类下的优质内容,不但能帮助用户发现单一内容,还可能让用户某一分类感兴趣。产品不只是等待用户发现内容,还可以推荐内容或教育用户。

内容排序

2013-09-11 161716

内容排序通常有热门内容、新上线或用户点击次数等。热门内容是根据用户行为的排序,优点是不需要人工维护,缺点可能是更新频率较低。限定一定时间段,可以增加首页内容的更新频率。新上线是曝光新内容的手段,很少有纯粹按照上线时间排序,通常会增加上升速度等维度来把控曝光内容的质量。

算法推荐

算法推荐是根据用户行为推荐的个人化内容。算法有助于帮忙发现可能喜欢的内容,减少用户查找的成本,避免查看重复内容。算法实现的是自动化推荐,适合内容复杂的产品,但其技术成本较高,不成熟的算法效果可能不如编辑推荐。

内容入口

IMG_0254

首页有限,无法呈现所有内容,需要入口将用户引导至其他页面。用户目标明确时,引导至分类页面中能更好地满足用户需求,一是用户进入分类时需求比较集中,二是子页面能采用不同的布局呈现这些内容,三是分担首页所承担的压力。

内容分类

2013-09-23 213209 2013-09-09 160012

用户在首页切换分类,一定程序上可以形成多个首页。这对于用户需求比较分散或者内容分类较多的客户端是比较有效的,同时用利于曝光更多的内容。

另外的做法是用户第一次使用时,定制初始化分类内容,之后首页只显示这些分类内容。这种交互有利于用户定制个性化首页,但有选择成本,也不利于曝光新分类中的内容。

用户行为

用户行为是历史行为记录。对于商品,用户很少会重复购买,而对于视频,用户会继续上一次行为继续播放或者追看最新剧集。首页呈现这些有延续性的行为记录,可以在首页增加转化率,用户也能减少操作步骤。

搜索

2013-09-09 155140 2013-09-09 155119

查找内容时,搜索是用户目标最明确的。产品满足用户需求的比例,或者未满足的需求,可以直观地从搜索转化率和搜索记录中体现出来。因为用户在操作前带有强烈的目标,所以搜索界面的转化率也是很高的。

相关 [移动 产品 信息架构] 推荐:

移动产品信息架构(3):首页布局

- - 曉生
首页设计的优劣决定了用户使用的第一印象,其布局直接反应了产品的信息架构. 不合理的首页,其产品的信息架构必然是失败的. 首页要留住用户,显示符合预期的页面结构,展示用户最需要的内容,还要吸引用户点击更多的页面. 网站首页可以排列很多元素,而手机的小屏只能显示最重要的内容或功能,这恰恰反应出用户对于一款应用程序的核心需求.

microblogging和微博信息架构产品差距和影响

- cgeek - demo@virushuo
前一段时间仔细的把国内的微博产品都研究了一圈. 这个话题说起来很复杂,我从信息架构开始说,后面涉及传播方式,社群,阅读负担和信息过滤,第三方和开放性几个方面. 最后会使用我blog这几年的访问数据对新浪微博和twitter传播能力做一个简要分析. 以下除特指某一家的产品,我用国内微博代表国内除饭否之外所有其他微博,因为他们产品都很相似.

为移动而设计:详解智能终端的信息架构

- - WPDang
本文由 uxbooth撰写CDC翻客 lost翻译. 译者注:本文从设计人员的角度出发,提出了移动端设计与传统桌面端设计的不同之处,同时归纳总结并比较了多种主流的设计模式和信息架构,旨在帮助设计、产品、开发相关人员更好的思考移动端设计. 分享给大家,希望有所帮助和启发. 大约在1993年,我父亲带回家一部体型硕大、形似砖头的移动电话.

信息架构

- Michael - Tony-懒得设计
写几篇关于信息架构的文章,系统地输出我理解的信息架构. 发了一篇关于招信息架构实习生的博客,收到不少简历. 但谈起信息架构,多数不了解,稍微了解的扯了很多很偏的东西. 随手搜索了一下,我发现了原因:. 1 《web信息架构》这本书太概念,太学术. 2 有人绑架了“信息架构”这个词,拿出去唬人,内容都是皮毛或者是根本和信息架构不沾边的东西.

【CDC翻客 原创译文】为移动而设计,第一部分:信息架构

- - 腾讯CDC
     译者注:本文从设计人员的角度出发,提出了移动端设计与传统桌面端设计的不同之处,同时归纳总结并比较了多种主流的设计模式和信息架构,旨在帮助设计、产品、开发相关人员更好的思考移动端设计. 分享给大家,希望有所帮助和启发.   英文原文:  http://www.uxbooth.com/articles/designing-for-mobile-part-1-information-architecture/.

web信息架构和社会化

- 丽维 - Tony-懒得设计
大家都喜欢PPT,那就分享吧. 这个演讲稿实际有34页,拆分“动作”之后变成63页面. 下面是简单的解释,为了给书友会各舵主使用的,都分享出来吧. 真害怕误导大家,喜欢速读的朋友直接阅读61页,就可以了. web信息架构这本书是十几年前信息数字化沉淀下来的理论体系,而今,互联网的发展让用户从当初的简单消费到深度参与.

如何优化网站信息架构

- - 钛媒体网
最近突然想写个专题类的文章,关于如何让用户更方便快捷地在网站上寻找到他们需要的信息,当然不能脱离博客的主题——网站数据分析,所以这里主要介绍的是如何通过网站分析来优化网站,实现用户对信息的快速获取,首先介绍的是网站的信息架构. 关于信息架构,网站设计的同学才是专家,我在这里只是班门弄斧,根据大学里面阅读的信息架构类文献资料的一些残存的记忆,再加上这几天临时抱佛脚的简单温习,在这里表述一下我的一点拙见.

移动产品设计之设计

- crystal - 互联网的那点事
移动产品设计最大的差异点在于用户使用场景的变化,场景的变化引发了交互方式巨大的变化,从而也使得信息呈现方式有所不同,再加上硬件设备的差异,最终使得2者千差万别了. 所以,移动产品设计之设计应该首先从用户的使用场景出发,同时考虑用户的硬件设备差异,综合以上2点去帮助用户完成某个任务. 按照我的理解,场景、任务、用户可以称之为设计的三要素,每一个设计实际上都是试图去帮助用户在某个场景下完成某个任务的.

移动产品设计新思路

- - 互联网的那点事
随着时代的变迁,移动产品的设计也有了更多的变化. 用户的需求越来越多、使用的场景也更加复杂. 也因此移动产品就有了更多设计的新思路. 当然,手机的玩法虽然不再被局限在有限的领域,但是对于那些更喜欢用手机拍核桃、钉钉子以及起瓶盖的各位童鞋,还是看看本次由朱坤 @kentzhu 分享的移动产品设计真正的新思路.