为生活而来，饿了么2020体验设计升级

“饿了么”是一个大家熟悉的外卖品牌，也是中国成立最早的外卖品牌。自2008年创立至今已陪大家走过近十二年。在这十二年中，饿了么为广大用户提供了以餐饮到家服务为主的众多产品和功能。2020年的疫情，来得突然。它给整个社会带来了巨大的冲击，也给饿了么带来了巨大的挑战。疫情期间，消费者的习惯以及商家服务的形态都发生了非常大的变化。这些变化改变着每一个人，外卖、超市配送等服务变成了刚需。在这样的背景下，饿了么开启了全面升级，聚焦身边经济。

设计侧根据业务变化，对饿了么App进行了大范围的体验优化。其包含了设计语言、界面框架、以及全链路场景。所有的改变都是为了给用户营造更加良好的体验环境。我们希望作为产品与用户的纽带，通过设计体验的改进有效建立品牌与用户的深度沟通。

如何打造业务丰富的本地生活平台，我们结合饿了么本地生活平台的特点，聚焦出三个关键词：生趣、包容、轻快。

一.有生趣：挖掘更丰富的品牌情感触达

我们希望通过设计手段，提升饿了么的品牌温度，与用户展开更深层次的沟通。这种温度叫做“生趣”，即“生活的乐趣”。它包含了餐饮外卖的满足感，生活服务的贴心感，休闲玩乐的喜悦感，同城配送的便利感，这些都是平台能够带给用户的生活中的多样乐趣。

让“色彩”增添温度

基于饿了么品牌从工具化到生活平台的转型，9.1版本我们将原本深沉的蓝色改为更加明快的、暖调的蓝。将色彩融入进生活的一丝温暖，削减过往品牌色中冰冷的工具感。同时选取对比色中的暖橙色作为辅助色，与主色平衡。

9.1.版饿了么App主色：

基础主色环：

规范上基于标准色，延展出包含54种颜色的同色系色版，适用于不同场景，满足界面设计中对色彩的应用需求。

54色的配色系统&主色系色盘应用规范：

让“IP”带出趣味性

我们尝试让品牌IP“饿小宝”为产品带来更多情感表达。从基础组件的默认空态，到餐饮店铺的满减助手，再到平台内较大的运营活动，与用户的每一个可能性的触点，我们都希望通过IP饿小宝来完成。

让“吃豆”互动形象化

717新的吃货卡上线，为了给吃货卡制造记忆点，我们设计了吃豆人的形象，让用户通过生动有趣的互动方式收集吃货豆，以此来提升吃货卡的亲和力与趣味性。

吃豆人的形象出发点来源于饿了么logo最初的设计灵感——经典游戏吃豆人，致敬这个深入人心的“吃货”形象的同时，结合饿了么的品牌基因，创造出了这个属于饿了么的吃豆人形象。

设计前期我们尝试了很多草图方向，根据大家熟悉的外卖小哥、饿了么 logo、吃豆人经典形象以及外卖箱几种方向进行设计上的发散。

吃豆人形象经过团队小伙伴的几轮脑暴筛选以后定下了初步造型。以logo的e为源点，设计了极简的吃豆人形象。经过造型和色彩上的几轮的优化调整，最终定下了当前大家看到的吃货卡上的形象。

让“开机”体验更出彩

随着饿了么版本更新，也为用户带来了更丰富的功能体验。开机屏设计logo掀开一角，展现缤纷色彩，带来更多乐趣。

此外我们也尝试了，结合本地生活的核心吃喝玩乐，更加视觉化的启动页设计。

一.有生趣：挖掘更丰富的品牌情感触达

我们常常把框架层的设计比作“容器”，而容器一定有“容”的部分，也有“器”的部分。就像水晶杯，“容”的部分在于对酒体色彩、质感、甚至是香气的衬托和突显，“器”的部分在于杯体自身工艺的精巧和标准化。

映射到产品设计中，也是如此：

“容”：产品表达鲜明易辨

识别的第一感知是颜色，在老版本中，我们所有的产品围绕“外卖”业务，因此色彩上也更多聚焦在“品牌蓝”的传达和渗透。

在9.0的设计中，我们以全新“外卖蓝”为基准，延展了所有行业和频道的色彩心智。因此，不仅仅是对于单一颜色的升级，更是设计上对于品牌升级、业务品类丰富后，带来“缤纷生活”的一整套诠释：

在文字展示上，我们对原有字号梯度进行了梳理，精简了若干种不常用的字号，并对主标以上的字号有进一步提升，在如今大屏当道的趋势下，保障主要信息的清晰可读：

收敛了4种不常用的字号，保障全局字号梯度精简：

从32px主标以上进行加粗，强化信息主次：

在图标表达上，精简了原先断点状的分割，使得图形整体更为聚焦，并结合以新的品牌语言，使之个性鲜明，整体有序：

“器”：组织框架灵活通用

本地生活的内容呈现千人前面，因地制宜。因此，新版页面的组织形式多以“卡片式”为主，便于在不同场景下，各内容模块的灵活排布。

采用卡片式设计的四大Tab：首页、真香、订单、我的：

对于商品、店铺等单颗粒度的内容，我们在不同场景下有不同的卡片承接形式，使得整体的供需匹配效率趋于最大化。

店铺、菜品、榜单、内容等卡片类型：

页面结构上，我们将主要的产品形式进行了汇总归纳，沉淀出以下几种搭建样式，保障产品理解上的横向统一：

三.变轻快：打造更顺畅的服务体验

从本地生活服务的设计体验来说，我们的服务包含了外卖、团购、到店自取、点餐、预定等链路设计，用户更在意的是整个服务过程的体验便捷度、优惠度。所以以用户为中心，我们细化了两大纬度的设计表达。

更丰富的行业内容

升级前，因各行业导购频道历史业务不同阶的发展，难以保持各频道的框架、体验一致。随着平台升级为吃喝玩乐，在各业态频道设计上，梳理了整体框架一致性、丰富导购场景的优惠玩法，降低了用户对信息框架的理解成本、强化导购内容丰富的感知。

在本地生活店铺体验上，我们将原本团购、外卖的两套设计框架不统一的体验，升级为框架统一的服务体验，弱化用户理解成本，通过颜色、服务信息建立到店、到家心智。

更明确的优惠感知

服务交易链路上，进行了全链路梳理场景，从信息、模块、视觉细节保持全链路优惠一致性的同时，消除干扰、强化了红包的视觉表达，让信息更加聚焦用户目标。

新升级的饿了么在设计框架、模块组件、视觉语言在设计表达上更富有层次及依据，同时在保持服务体验一致性的同时，基于饿了么送万物的产品策略，设计将不断探索、丰富场景及玩法的优惠内容，提供更便捷轻快的吃喝玩乐服务体验。

2020是饿了么的新开始，产品设计团队将会继续探索更多元的设计语言，为用户带来更丰富多样化的可能性，也请期待设计团队未来在本地生活领域带来更多用户价值于创新。

感谢阅读，以上文章由阿里巴巴本地生活产品设计团队创作，版权归属本地生活产品设计所有，转载请注明出处，感谢您的合作。

转载注明出处格式

文章来自站酷：本地生活产品设计