在本文中,我们将通过对比三家不同基因的生活类APP:美团、大众点评和百度糯米,来谈一谈生活类的APP该如何设计信息框架。 2016年7月的今天,生活类APP的竞争已经趋于稳定。根据APP Annie 2016年6月的生活类APP在IOS下载量排名,在TOP10的APP里面,美团、大众点评和百度糯米分别占据了第一、三和四的地位。作为团购类生活APP,这三款是当之无愧的行业龙头。 三款APP的信息框架概览 在产品设计过程中,信息架构到底是用来做什么的呢?其实很简单,设计信息框架只有一个目的:让用户可以在一定的"信息规划"下更容易的找到自己想要的"东西"。除此以外,信息架构还具有以下作用:出于"产品目标"通过"信息架构设计"去教育、说服、通知用户。 图 2 美团APP的信息框架图 从美团APP的信息框架图中可以发现,美团的一级菜单分为五项:首页、附近、值得去、我的和更多。美团将最主要的:美食、电影、酒店等功能放到了最核心第一版最开头最显眼的位置上,而购物商场、热门频道、放在中间,猜你喜欢放到最后。而附近和值得去又进行了二级分类:工作餐、去哪玩、美食、推荐等。在一级菜单"我的"中,美团最强调我的订单,其次是我的钱包、抵用券等,并在最后包括了我要合作给予商家。美团提供了"更多",以放置无处放置的功能和一些功能开关,包括省流量模式、支付问题等。 图3 大众点评APP的信息框架图 图4 百度糯米APP的信息框架图 大众点评和百度糯米APP的信息框架非常相似,它们都舍弃了"更多"这个一级菜单。除了"首页"和"我的"之外,其中大众点评强调"闪惠团购"和"发现",而百度糯米则强调了"精选"和"附近"。从二级菜单的对比中我们可以看出,大众点评强调用过PGC的方式推荐精选和优惠的内容,而百度糯米强调功能性对比的直观排名。而"我的"菜单中,百度糯米最强调糯米券、收藏和卡包,然后是钱包和订单,而大众点评最突出强调点评功能,然后才是收藏和订单。更加具体的对比和分析,将在下文中讨论。 一级菜单怎么分? 一级菜单,也即是一款APP的主目录,放哪些内容,该怎么呈现,很大程度上决定了用户对产品的第一印象。一个好的一级菜单需要能直观体现产品的最核心功能。从用户的角度讲,就是告诉用户哪些需求我们的产品可以满足,也就是回答"我们产品是做什么的"这个问题。从产品的角度出发,一级菜单代表了功能的"总分类",接下来的功能都应该按照这个分类进行展开。所以,一个好的一级菜单在用户看完之后,马上知道想要的功能在哪个菜单之下。下面,我们通过对比美团、大众点评和百度糯米的一级菜单,探究一下生活类一级菜单设计的基本逻辑。 信息架构梳理的依据是什么?首先,我们需要明白,信息架构受到哪些因素的影响。从大的方面可以分为两点:"用户需求"和"产品目标",与上述的A和B两点作用有着对应关系。具体实践中,可能受到的影响因素包括: 用户层面的思考:用户的理解能力;用户的熟悉程度(已有心理模型、操作习惯等);目标内容的使用频率(低频高级功能一般会"藏"的比较深);内容的数量;内容信息的语义等等 产品层面的思考:产品的核心价值、产品的主线功能、特色功能等 比如说美团,它强调"推荐",所以把5个类目中的两个都放成了推荐(一是按距离推荐、一是按PGC来推荐)。但是,大众点评除了"推荐"之外,更强调"优惠"。所以大众点评专门设置了一个"闪惠团购"的类目,用来刺激用户消费。这里,就体现了产品层面的层面的额思考,到底你的产品的核心价值是什么,特色的功能是什么。 又比如说,一级菜单的数量一般3-5个比较合适。尤其是对于功能和内容都非常庞大和复杂的生活类APP来说,一级菜单应该更强调核心功能,这就是考虑了用户的理解能力和对目标内容的使用频率了。同时,三款产品都有"我的"这个分类,这就强调了生活类产品的商业本质。生活类APP要求用户注册,才能使用团购功能,才能开启点评,才能收藏店铺。而且在注册的时候往往都会要求用手机号注册,以增加用户的使用深度。因此,"我的"这个分类应该放在一级菜单里面。 生活类APP首页的信息框架 一款产品的首页,也就是第一版面、默认版面,应该呈现这款产品的最核心功能。而生活类APP最核心的功能应该是提供生活资讯的推荐,这里包括美食、电影、九点、娱乐休闲、外卖(独立)、KTV等等。其次,作为生活类APP,或者最直接的商业模式就是B2C平台,其主要的作用应该是推广B同时便利C,所以首页还应该强调广告和banner。把三款最主流的生活APP的首页,截图放在一起(图5),可以发现它们的首页布局竞惊人地相似。 图5 美团、大众点评和百度糯米(从左至右)的首页 首先,第一栏永远是地区-搜索-特色功能。地区放在最前是因为生活类APP有强烈的地域性,北京版的内容跟天津版可以完全不同。而生活类APP,尤其是这种团购为导向的APP,正如前文所说,是以内容为主体的,而且内容非常多非常杂,也就是说,搜索功能会非常重要。所以搜索也是放在首页的顶端。然而,什么是特色功能,就是由这款产品的基因决定的了。美团的首页是消息,一点进去就会要求用户登录,所以美团想强调它的核心思想是为"用户"推荐精品。大众点评搜索框右边是一个+号,是输入新的点评功能,所以大众点评想要强调自己的"点评"属性。百度是购物车,这就不必解释了。 然后,首页的上半部,是整个产品最核心功能区。这里包括美食、电影、酒店、外卖等,一共分为三个小页面,共有30个分类。点开最后一个"全部",将会展开所有的功能分类,有点像百科全书的目录。然而,这些功能只选择了其中10个放在首页,而留下更多的空间给下面的banner,这就很好的利用了二八效应。80%的用户只会用到20%的功能。所以首页不宜过度列举分类,而是把最主要的几个比如美食和电影,放到最显眼的地方。 最后,首页还布局了大量的banner。这些banner说到底是三种,一种是优惠,一种是热门,一种猜你喜欢。这不仅可以应用在生活类的APP当中,实际上,所有互联网产品只要涉及到推荐(比如说QQ音乐推荐歌曲),都离不开这三种套路:便宜、热门、定制。当然具体情况会稍微不一样,比如说美团还把"购物商城"放到了这个地方,是为了强调美团在功能上比另外两家的优势(百度糯米和大众点评暂时没有这个功能)。 生活类APP信息框架设计小技巧:添加特色功能 在进行信息框架设置的时候,介绍一个相对简单的秘诀,那就是模仿已有的相似的产品,然后同时突出自己的特色功能。那么生活类APP可以有哪些特色功能呢?下面我们将三个产品的特色进行对比,谈一谈生活类产品有哪些可以做的尝试。 特色一:社交元素 特色二:商圈 美食也好,电影也罢。所有的生活娱乐形式,最终大部分都会以"商圈"的形式聚集。而美团将这种商区实现了分类,也是生活类APP可以改进的方向。举个例子,在北京,周末想要出来玩首先会想到去王府井还是去三里屯,而不是去哪家饭店哪个小区。将商圈作为一种推荐的形式,是美团特有的竞争力。 特色三:PGC专家产生内容 正如前文里面反复强调,生活类APP的本质是B2C,B2C就意味着产品需要推荐内容。而专家推荐,就是一种很常用也又很有效的方式。美团、大众点评和百度糯米三款产品里面,百度糯米完全放弃了这种形式,而美团是简单的把相似的餐厅进行分类,用几句话对分类进行描述,只能算最初级的PGC,只有大众点评,依托其强大的社交功能,产生了大量精彩的PGC推荐文章。这些文章不仅在大众点评用户端传播,也经常被分享到第三方社交平台如微博和微信的朋友圈。 特色四:自定义排行榜 结语 如今,pm们都更热衷于"用户""功能",而网上对于信息框架设计的相关文章也比较少,所以想试着总结一下信息框架设计有什么实用的技巧。本文重点关注了一级菜单的、首页和特色功能的设计,主要的切入点是生活类APP。通过对美团、大众点评和百度糯米进行对比,看这类APP在信息框架设计方面有哪些值得学习的地方,希望读者阅读完后可以跟我进行讨论。