BACK >
教你学会分析移动端产品设计:百度外卖
作者:吾诺瀚卓    浏览次数:90    日期:2017-07-13

用百度外卖的案例分分钟教你学会怎么掌握最佳的移动端产品设计分析的方法下面就和小编一起去学习一下吧,教你学会分析移动端产品的方法!

今天我将从大家经常用到的百度外卖(iOS v4.4.1),阐述我自己分析一款App时运用的思维逻辑和过程,当然我说的不一定对,希望能给新手朋友们一些思路。

信息架构梳理

教你学会分析移动端产品设计:百度外卖

我之前有跟进App迭代的习惯,比如百度外卖就是其中之一,当它更新来到了v4.4.1之后,和之前可谓发生了天翻地覆的变化,当我重新开始尝试分析它的时候,我采取的办法依旧还是和分析一款陌生App一样,从已有产品的信息架构入手。

一个产品没有信息架构梳理,就像在盖一座迟早都会倒的楼。

信息架构到底是个什么东西呢?其实我所理解的并没有江湖传说的那么悬,我一般会把App的每一个点击事件都点击一遍,然后做相应的记录,比如我做百度外卖如下这张信息架构图大概用了一个半小时,整个过程乏善可陈:「点击一下,记录页面信息,再点击一下」如此循环。

但是这就像是破案一样,你会从中发现一些线索去了解百度外卖的产品经理和交互设计师们当时是如何思考的。

下面请看百度外卖v4.4.1信息架构梳理图:

Part 1 – 首页

教你学会分析移动端产品设计:百度外卖

首页整个单元中存在几个奇妙的交互亮点:

用力上拉,百度外卖会根据最近的一些热点更换不同的插画。

这是情感化设计的一种体现方式,偶尔给用户带来发现的惊喜。

教你学会分析移动端产品设计:百度外卖

搜索框上滑消失过后会隐藏到右侧,如下图所示:

教你学会分析移动端产品设计:百度外卖

大Banner 不仅支持滑动,点击右下角按钮可供预览。

虽然这个功能看似没有什么特别重要的作用,但这是交互设计师为愉悦用户设计的小把戏,明显我感受到了他们的诚意:

教你学会分析移动端产品设计:百度外卖

购物车列表隐藏当前定位不可送的物品。

教你学会分析移动端产品设计:百度外卖

外卖类产品有一个用户情景是这样的,用户今天在家里面放了一堆食物在购物车但是未支付,过了几天在公司不知道吃什么的时候,发现我还有个购物车,于是打开匆忙下单,谁曾想你在家时放在购物车内的外卖不一定能送到单位地址。肯定是百度外卖遇到很多这样的用户反馈,所以产品做出了这样的交互:隐藏当前定位不可送达的物品。接下来是分析百度外卖iOS交互信息的架构的亮点。