例研究，包括 Intuit 的 Harmony

 生态系统、使用 Rizzo 框架的 Lonely Planet，当然还有 Google基于其材料设计语言的 Polymer。让我们看看我们做了什么以及如何成功实现这一目标。 产品需求 从历史上看，MailRu Group 的许多服务在很大程度上都是第三方内容的聚合商。我们拥有庞大的用户群，这些用户群来自流行的互连产品（例如网络邮件、我们的门户主页、Messenger 等）。许多用户还阅读一般主题或特定主题（例如汽车或家庭等）的新闻。对于他们中的很大一部分来说，主要的吸引力是门户网站的主页。它列出并更新所有媒体网站的热门话题，以便用户可以从那里阅读新闻。 门户主页 门户主页。邮件ru。（查看大图） 结果，用户绕过产品主页，直接进入文章页面。他们通常只是关闭浏览器选项。



卡并返回门户主页。而且，很多用户根本不知道这些文章来自不同的产品；他们只是将其视为一个大型新闻网站。 在基于内容的项目成为我们业务部门的一部分之后，关键任务之一是降低对门户主页的依赖。为了扩大受众，产品经理强制创建编辑内容，在定位和 购买电话号码列表 身份方面投入更多精力，并在搜索引擎优化和社交媒体营销方面更加努力。它带来了重大变化。 另一个目标是让用户远离文章页面。它是来自搜索引擎、社交网络和门户主页的人们的登陆页面。这里的解决方案是在文章页面上显示相关内容；例如，活动指南网站的电影和演员、健康的诊所和咨询、或者汽车杂志的二手车。这是增加页面浏览量以及其他基本指标的更广泛目标的一部分。 交叉链接 交叉链接。（查看大图） 导航路径图 导航路径图。 我们。







是如何做到的，第 1 部分：设计 当我们在 2012 年底开始开发新的活动指南网站时，我们将其设为“汉堡驱动”；也就是说，在现代促销网站和移动网络上积极使用的一堆容器或行。这个想法当时并没有像现在这样被高估。 活动指南网站 活动指南网站。（查看大图） 与通常的基于栏目的方法相比，内容被挤进“玻璃杯”中，使用“汉堡”使我们能够拥有类似杂志的设计，其中有大量的空白、大的版式和插图。每个容器都可以有自己的组成，使我们能够改变内容的呈现方式。 如何制作汉堡 如何制作汉堡。（查看大图） 这里最重要的想法是这种结构的便利性。您可以轻松地在页面中添加或删除容器；甚至也可以交换它们。创建特殊项目或新页面非常简单。就像真正的汉堡一样，您只需将组件放在面包之间（页眉和。