第一站 - 轻松上网从此开始!

上网第一站

当前位置: > SEO >

用百度外卖的案例,教你学会分析移动端产品的方法!

时间:2017-06-30 15:16来源:我来投稿获取授权
以下内容来自网络或网友投稿,www.swdyz.com不承担连带责任,如有侵权问题请联系我删除。投稿如果是首发请注明‘第一站首发’。如果你对本站有什么好的要求或建议。那么都非常感谢你能-联系我|版权认领
@DesignerSeany :今天我将从大家经常用到的百度外卖(iOS v4.4.1)说开去,阐述我自己分析一款App时运用的思维逻辑和过程,当然我说的不一定对,希望能给新手朋友们一些思路。 信息架构梳理 我

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

  信息架构梳理

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

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

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

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

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

  

用百度外卖的案例,教你学会分析移动端产品的方法!

  Part 1 – 首页

  

用百度外卖的案例,教你学会分析移动端产品的方法!

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

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

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

  

用百度外卖的案例,教你学会分析移动端产品的方法!

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

  

用百度外卖的案例,教你学会分析移动端产品的方法!

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

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

  

用百度外卖的案例,教你学会分析移动端产品的方法!

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

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

  

用百度外卖的案例,教你学会分析移动端产品的方法!

  说完了一些交互亮点之后,我们回过头来看看首页的信息架构:

  

用百度外卖的案例,教你学会分析移动端产品的方法!

  在我的信息架构中,我把产品的核心逻辑流程加上了红色五角星。也就是说一个外卖产品中,选择地址,购物车,搜索功能和点餐流程是一定必不可少的。其中我又把点餐流程拆解成了选择店铺、从店铺选择菜品和支付流程三个关键部分以便于大家理解。

  既然只需要红色五角星的功能就可以满足用户的点餐流程,那么近半年来百度外卖app中加入的那些奇奇怪怪的功能是为啥呢?为了理解这个问题,我们先来看一下百度外卖这款产品半年来都做了哪些更新?答案是新增了。

  外卖榜单

  小banner

  遇见你的菜+能量午餐(匠心晚餐)

  精选专题

  频道button数量(从8个变成了现在的19个)

  而且新增的这些内容层级奇高,占据了首页的第一、二屏。

  关于这些新增内容在这里我有一些自己的疑问和思考分享给大家:

  1. 为什么之前已经有了一个大的轮播banner之后仍然要增加一些小的滑动banner?

  

用百度外卖的案例,教你学会分析移动端产品的方法!

  我猜想可能是出于两种考虑:

  为了UI的美观

  在之前我的经验是,一款app,允许用户自定义的图文越少,产品就越能做到美观,外卖产品要面向很多独立商家,每户商家logo千奇百怪,比如大家看看下面这两张图的对比:

  

用百度外卖的案例,教你学会分析移动端产品的方法!

  对比那种四爷牛拉logo被截断的视觉体验来说,首屏加入了一套滑动的小banner无疑是保证用户进入第一眼就能感到饱含食欲的关键。

  但是我认为作为一个体量这么大的产品,不会单纯为了视觉的美观就加入这么大一组滑动banner的,百度外卖加入这个一定有更加深层次的含义,于是我苦思冥想,想出了第二种可能性。

  2. 为了盈利创收

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发布者资料
第一站编辑 查看详细资料 发送留言 加为好友 用户等级:注册会员 注册时间:2012-05-22 19:05 最后登录:2014-08-08 03:08
栏目列表
推荐内容
分享按鈕