以百度外卖为例，为ui设计师们提供一种分析app的思路

《以百度外卖为例，为ui设计师们提供一种分析app的思路》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、以百度外卖为例，为UI设计师们提供一种分析App的思路这篇文章我将从大家经常用到的百度外卖（iOSv4.4.1）说开去，阐述我自己分析一款app时候的思维逻辑和过程，当然我说的不一定对，希望能给新手朋友们一些思路。信息架构梳理我之前一直有跟进一些app迭代的习惯，比如百度外卖就是其中之一，当它更新来到了v4.4.1之后，和之前可谓发生了天翻地覆的变化，当我重新开始尝试分析它的时候，我采取的办法依旧还是和分析一款陌生app一样，从已有产品的信息架构入手。一个产品没有信息架构梳理，就像在盖一所迟早都会倒的楼。信息架构到底是个什么东西

2、呢？其实我所理解的并没有江湖传说的那么悬，我一般会把app的每一个点击事件都点击一遍，然后做相应的记录，比如我做百度外卖如下这张信息架构图大概用了一个半小时，整个过程乏善可陈：『点击一下，记录页面信息，再点击一下』如此循环。但是这就像是破案一样，你会从中发现一些线索去了解百度外卖的产品经理和交互设计师们当时是如何思考的。下面请看百度外卖v4.4.1信息架构梳理图：大家可以先用这张图对比大家现在iOS上的百度外卖(v4.4.1)看看，由于我是整张截图可能会存在字太小页面太长的问题，没关系一会分析的时候我会截大图，而且在文章下方的“

3、下载”按钮可以下载信息架构图。至于图上的星星点点和框框的标记，一会也会详细阐述。Part1–首页首页整个单元中存在几个奇妙的交互亮点：1、用力上拉，百度外卖会根据最近的一些热点更换不同的插画：这是情感化设计的一种体现方式，偶尔给用户带来发现的惊喜。2、搜索框上滑消失过后会隐藏到右侧，如下图所示：3、滑动到信息架构里的『点餐流程』开始时，『为你精选』和『此刻最热』两个tab会置顶。如下图所示：4、点击大banner不仅支持滑动，点击右下角按钮可供预览。虽然这个功能看似没有什么特别重要的作用，但这是交互设计师为愉悦用户设计的小把戏，

4、明显我感受到了他们的诚意：5、购物车列表隐藏当前定位不可送的物品外卖类产品一定有一个用户情景是这样的，用户今天在家里面放了一堆食物在购物车但是未支付，过了几天在公司不知道吃什么的时候发现我还有个购物车于是打开匆忙下单，谁曾想你在家时候放置在购物车内的外卖不一定能送到单位地址，肯定是百度外卖遇到这样的用户反馈很多，所以产品做出了这样的交互：隐藏当前定位不可送达的物品。（看到这个页面的时候我不禁脑补除了一个被广大用户投诉疲于解释的客服生无可恋的表情。）说完了一些交互亮点之后，我们回过头来看看首页的信息架构：在我的信息架构中，我把产品

5、的核心逻辑流程加上了红色五角星。也就是说一个外卖产品中，选择地址，购物车，搜索功能和点餐流程是一定必不可少的。其中我又把点餐流程拆解成了选择店铺、从店铺选择菜品和支付流程三个关键部分以便于大家理解。那么既然只需要红色五角星的功能就可以满足用户的点餐流程，那么近半年来百度外卖app中加入的那些奇奇怪怪的功能是为啥呢？为了理解这个问题，我们先来看一下百度外卖这款产品半年来都做了哪些更新？答案是新增了以下几点：外卖榜单小banner遇见你的菜+能量午餐（匠心晚餐）精选专题频道button数量（从8个变成了现在的19个）而且新增的这些内

6、容层级奇高，占据了首页的第一、二屏关于这些新增内容在这里我有一些自己的疑问和思考分享给大家：1.为什么之前已经有了一个大的轮播banner之后仍然要增加一些小的滑动banner？我猜想可能是出于两种考：1、为了UI的美观在之前我的经验是，一款app，允许用户自定义的图文越少，产品就越能做到美观，外卖产品要面向很多独立商家，每户商家logo千奇百怪，比如大家看看下面这两张图的对比：对比那种四爷牛拉logo被截断的视觉体验来说，首屏加入了一套滑动的小banner无疑是保证用户进入第一眼就能感到饱含食欲的关键。但是我认为作为一个体量这

7、么大的产品，不会单纯为了视觉的美观就加入这么大一组滑动banner的，百度外卖加入这个一定有更加深层次的含义，于是我苦思冥想，想出了第二种可能性。2、为了盈利创收对的你没有看错，百度外卖体量这么大，总会有商业变现产品经理思考广告入口往哪儿放，这么多的店铺，除了默认算法的排名以外还有没有一些别的办法可以取巧？提到变现这种羞羞哒事情总是让我们杏眼含春，欲罢不能，嘴上说不要不要，但是产品形态体现上却很诚实：（好像有什么奇怪的app产品混了进去）3、为什么圆形的频道button数量越来越多了？之前的外卖app，不论是百度还是美团，如今种

8、类都越来越多了，美团从之前的8个变成了现在的16个，百度从之前的8个变成了现在的19个：（换上春节皮肤的icons）有很多人可能和我有同样的思考，比如我现在想喝粥吃粉吃面，那我直接去里面搜就好了啊，为什么现在多出了一个奇怪的『粥粉面』？比如我想吃点小龙虾我直接去