视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
饿了么APP端首页设计分析
2025-10-05 17:09:48 责编:小OO
文档
饿了么APP端首页设计分析

分析意义:

1、找出异同点

2、找出优秀点

3、找出缺憾点

分析方向:

1、功能设计

2、交互设计

3、UI设计

分析研究对象:饿了么andorid V4.3.5

以下将从每个页面的功能进行分析,某些具备参考性的功能会特别标注。

首页:

作为饿了么用户第一眼所看到的页面,能看出饿了么的产品经理对于首页的设计思维有以下几点:

1、所有非订餐的主要功能,均藏的较深。

2、突出显示地址栏,以提示用户当前看到的餐厅属于哪个地址范围。

3、主推签约的品牌餐厅。

4、其次显示非签约的外卖餐厅。

以上可以从首页中看到这个思路。

一、则边栏

对比我要外卖、美团外卖、百度外卖,均没有采取则边栏的设计,目前也只有饿了么采取了则边栏设计。

业界对于则边栏的定义为:必须但不常用的功能,可采取则边栏设计。

针对则边栏的研究,我带着以下几个问题,并尝试着去寻找一个合理的答案。

1、为什么采用则边栏而不采取导航栏形式提供功能入口。

2、则边栏的操作用户是否便利

3、把功能放入则边栏中,产品经理的意图是什么。

而饿了么则边栏功能包括:

必须但不常用,直观的感觉所包含的功能有:我的红包、礼品中心、邀请好友、关于我们、美食相机。

而饿单中心这个功能,对于用户来说,为每次下单均需要用到的功能,如果放入则边栏是否会不合适?

下面将对则边栏中每个功能进行分析。

1、用户中心入口

饿了么并没有通过明显的文字描述让用户知道这个是用户中心的入口,可理解到产品经理的构思,采用头像+名称的形式,用户在习惯上即认为点击即可看到关于我的账号下的内容,并且可联想到是关于如昵称、密码、账户绑定等与账号系统相关的功能。

而个人中心的信息,用户可谓是万年都不会编辑一次(至少我是这样),放入则边栏也属于合理。

2、我要订餐

实际上,这个功能即为关闭则边栏,显示首页内容。在思考这个功能的时候,第一感觉是理解不了为什么这里会加入首页入口,而不是采取手势操作或物理按钮供用户返回。抱着存在即合理的思维,尝试去理解产品经理的想法,或许有以下几点。

A、普通用户对于手势操作的理解并未太深。

B、普通用户未习惯物理按钮的返回操作

C、使用按钮入口,可更让用户理解这个按钮的行为

而饿了么的做法,则提醒了我们,不能太高估用户对于手机操作的熟悉程度。

在关闭则边栏的操作上,饿了么同样提供了左划关闭(手势)、返回按钮关闭(物理按钮)两种办法,而对一些小白用户,增加一个则边栏的入口,何乐而不为呢。

3、饿单中心

则边栏中的饿单中心,则是令我感觉最不适宜放入这里的功能,但我们仔细考虑一下用户场景则不然。

普通用户电话下单流程

1、看餐单(传单)。

2、打电话报出想要的餐品,并得到餐厅确认。

3、等待外卖员电话准备开吃。

使用APP订餐

1、选择餐厅餐品下单。

2、查看订单状态了解订单进度

3、随时查看IM信息,了解情况

4、等待外卖员电话准备开吃。

在考虑产品功能上,要想象用户使用这个产品的理由。最核心的理由是比现有的订餐渠道更便捷。

饿了么这样的做法,则是告诉用户,下完单什么都不需要做,等吃吧。在APP端上不需要过多地提示用户订单的进度状态,所培养的用户习惯就是以下两点:

1、选择餐厅餐品下单。

2、等待外卖员电话准备开吃。

不然,凭什么叫用户不打电话呢?

4、我的红包、礼品中心、关于我们、美食相机。

这些其实也是属于不常用的功能,这里不过多进行分析了。

二、首页的设计理念

刚才描述了一大堆则边栏的设计理念,原因在于饿了么的一个特别的设计。而现在讲拉回正题,说说首页的设计。

实际上,饿了么的设计与目前APP所采取的列表式设计一致,简洁、信息清晰。并且合理地运用各个位置,使版本更充实。

1、地址栏

饿了么的地址栏,直接显示与标题栏中(51的标题栏是放LOGO的),考虑的设计理念,用户都是通过桌面LOGO进入的,还不知道你是什么?

并且首页版面紧凑,应该尽量利用各个可利用的位置。

地址栏采取过长滚动显示的形式,这里则需要说说文字滚动的使用规则。

文字滚动效果或省略效果,适用于用户可联想到的内容。(滚的不是文字,滚的是寂寞)各位产品经理,需要紧记,所谓文字的滚动效果,实际上需要做到的是用户看一眼就能知道所表达的内容。例如饿了么采取地址栏滚动的形式,而地址栏的信息来源又来源于用户(要么用户自己编辑,要么自己当前位置)所以我只需要进行简单的显示即可让用户知道全部内容。而采取换行的话,则有点小题大造了。下载本文

显示全文
专题