叮咚一下送菜到家：叮咚买菜的用户体验申报

本文以Ajax之父杰西 詹姆斯加勒特[美] ( Jesse James Garrett )所著的《用户体验要素：以用户为中央的产品设计》一书为根本，从用户体验设计的角度对当前生鲜电商黑马APP——“叮咚买菜”浅析（重点剖析界面和交互行为）。

对生鲜电商行业的设计事情进行梳理，以加强设计师对用户体验设计的理解和运用。

（本文仅代表笔者个人不雅观点及理解，欢迎示正）

一、用户体验的定义“用户体验并不是指一件产品本身如何事情，而是产品如何与外界发生联系并发挥浸染，也便是人们如何打仗和利用他。
”“真正的产品形态绝对不是由功能所决定的，而是该当由用户自身的生理感想熏染和行为来决定的。
”“用户体验设计常日要办理的是运用环境的综合问题。
”

以上是Jesse对用户体验的定义。
用户体验可以普通理解为：用户在某特定环境中利用某产品更高效地办理实际问题。
该过程涉及人（用户）、工具（产品）、问题（运用环境），个中人是主导，工具做事于人，在特定环境中办理特定问题。

二、用户体验要素的五个层面

自下而上分别是（从抽象到详细）：

计策层：企业外部的用户需求+企业内部的产品目标；范围层：功能型产品的功能规格/信息型产品的内容需求；构造层：功能型产品的交互设计/信息型产品的信息架构；框架层；信息设计+功能型产品的界面设计；表现层：为产品创建感知体验：（常日为）视觉设计

2.1 计策层

2.1.1 观点剖析

计策层须要首先回答的两个基本问题：

上述两个问题中，第一个问题来自企业内部对产品的定位——即产品目标，也可以理解为企业的商业目标或商业驱出发分。
第二个问题来自企业外部——即用户需求。

对付商业公司来说，任何行为的根本目的和终极目的是为公司带来利润。
但是不同公司的商业行为不同，即公司计策定位各不相同，根据公司计策定位的不同，与之相对应的产品定位以及产品所面向的用户群体也不同。
以是产品目标（或商业目标）可以理解为公司的计策定位。

注：公司的计策定位要明确“边界”，即明确“什么时候到达终点”，避免盲目决策。

与公司自身计策定位的相对应的，是来自市场的广大用户。
计策定位的制订要与用户需求相对应。
这里的用户需求不等同于需求文档中的用户需求，而是对全体用户群体的把控，即产品做事于哪一类人群，这类人群有什么样的共性。
计策层的用户需求可以通过创建用户画像来实现。

综上所述，计策层须要办理的两个问题可以概括为一个问题：“我们为什么要开拓这个产品？”

2.1.2 实例剖析

产品名称：叮咚买菜

产品先容：自营生鲜平台及供应配送做事的生活做事类app，紧张供应的产品包括蔬菜，豆制品，水果，肉禽蛋，水产海鲜，米面粮油，休闲食品等。
叮咚买菜作为电商行业中垂直领域——生鲜电商的一匹黑马，在全体生鲜电商行业尚未成熟的本日得以存活并保持高速发展，个中部分地区已旋转盈亏。

产品定位：叮咚买菜属于新零售模式下的电商代表，差异于传统零售（线下零售做事），新零售模式连接线上和线下（O2O）以获取更大流量从而创造营收。
通过线长进口获客并供应线下做事。
扩大其做事范围，不再限定于线下有限的范围，从而得到更高的代价。
叮咚买菜通过“前置仓配货—配送到家”的做事模式提高做事质量和做事效率。
个中，前置仓配货直接为配送到家缩短了配送韶光，在对菜品质量有严格哀求的生鲜电商领域中，有效的担保了菜品的“鲜”的同时涵盖了3000+的SKU生鲜菜品，，知足用户的多样化需求。
同时，由于生鲜产品属于生活刚需，前置仓的涌现使得叮咚买菜可以喊出“最快29分钟投递”的口号以提高市场竞争力，建立市场壁垒。

叮咚买菜进一步细化定位：新零售模式下的生鲜电商做事以差异于其他综合电商平台。
当前叮咚买菜多布局于海内一线二线城市。
其商业布局一方面来自于自身的计策定位，另一方面来自于市场环境（用户群体）限定。
一、二线城市经济发达、拥有互联网思维的年轻人所占比重较大，更随意马虎接管新鲜事物（新零售模式）同时该人群收入较高，对生活品质有一定哀求，且消费不雅观念较为新潮，随意马虎接管新鲜事物。
同时，由于一、二线城市生活节奏快，事情压力大，该类人群可自由支配韶光有限等浩瀚成分影响，该类人群的共性特点与新零售电商的定位相契合。
叮咚买菜办理了该类人群没有韶光买菜这一实际问题，同时迎合了该类人群高品质生活质量的需求——为用户供应高质量高品质的生鲜食材。

撤除公司内部对自身产品的计策定位之外，还须要用户研究员对照计策定位（产品定位）对市场中的用户群体进行用户研究。
用户研究的方法包括但不限于问卷调查、小组调查等。
终极根据研究结果整理输出具有高度概括性的用户画像（人物角色），用户画像是从用户研究中提取出的可以称为可用样例的虚拟人物。
定义需求=人物角色+场景描述。

总结概括：计策层须要完成的事情分为两部分

公司决策层对产品的整体定位；用户研究员根据产品定位对用户群体进行调研，整理输出用户需求文档，为后续事情及决策供应参考代价。

2.2 范围层

2.2.1 观点剖析

当把用户需求和产品目标转变成产品该当供应给用户什么样的内容和功能时，计策就变成了范围。

范围层面对的问题转变为：“我们要开拓的是什么？”

范围层分为“功能型产品”和“信息型产品”两部分。
个中，信息型产品可以理解为门户网站（搜狐、百度、新浪等）之类的以信息通报为紧张目标的产品，功能型产品为帮助办理用户某个实际问题的产品，例如“滴滴打车”帮助用户办理打车难的问题、“叮咚买菜”帮助用户办理买菜难的问题。
在当前的手机运用App中，功能型产品和信息型产品的界线已经不再那么清晰，取而代之的是在一款产品中你中有我，我中有你的一种共存模式。
例如，新浪微博既可以理解为信息型产品：一种信息传播介质，用户可以利用微博浏览各种新闻轶事；同时也可以理解为功能型产品：一种社交工具，在微博上自由揭橥辞吐，与好友进行互动等社交行为。

2.2.2 实例剖析

叮咚买菜作为功能型产品，在范围层中确定的是产品向用户供应什么样的功能，或者可以理解为明确产品的功能规格。
在这一过程中须要用户研究员或产品经理将计策层中将用户需求转换为产品功能需求文档。
在功能需求文档中须要比拟需求实现的可行性以及确定需求优先级。
由于项目开拓的韶光本钱、技能本钱以及经济本钱是有限的，以是要评估哪些需求最能知足计策目标。
哪些需求可以在后期迭代中进行以不影响核心业务的实现。

在确定产品功能规格的同时要特殊把稳，避免陷入“范围蠕变”—滚雪球效应。
以担保在每一阶段过程中明确产品须要若何的功能，不须要若何的功能，以提高项目开拓效率，节约预算。

叮咚买菜作为生鲜电商垂直领域的代表之一，其核心功能是支持用户线上选购+线下配送。
随着市场变革以及用户需求变革，为提升下单量以及复购率，产品功能也在也在不断优化，下图显示了叮咚买菜自上线以来至2020年2月的版本迭代总结。
（图片来源于网络）

从上表中可以看出，产品的每一次迭代更新都是环绕产品核心功能进行，留存老客户，吸引新客户以提高平台下单量和复购率。
例如上表中所示：V8.7.0版本更新中，增加了商品推举这一功能根据客户购买历史进行智能推举以吸引用户复购；V8.19.0版本更新中菜谱支持分享至微信这一功能，通过微信这一社交软件在社交平台上吸引新客户，完成引流拉新。

当前叮咚买菜版本已更新至V9.23.2，运用内已加入叮咚直播功能，在短视频/直播行业大火的市场背景下，“叮咚买菜”通过加入直播功能以吸引用户，并不代表该产品转型为短视频领域，而是顺应实时发展趋势，利用平台直播这一媒介，进一步拓宽获客渠道，其核心业务依然是为用户供应O2O的生鲜电商做事。
产品迭代的过程解释了产品功能需求优先级的意义并且有限避免项目盲目扩展造成的资源摧残浪费蹂躏。

总结概括：范围层中须要完成事情为输出明确的产品功能需求文档。
功能需求文档内须要注明需求优先级。
功能需求文档的书写规范在此文中不再赘述，更多详细先容请查阅《用户体验要素》一书或其他同类文章。

2.3 构造层

2.3.1 观点剖析

构造层属于五个阶段中的中间层，也是产品开拓过程中从抽象到详细的转变。
在这一层级中，产品开拓的紧张任务是交互设计和信息架构培植。

交互设计的目的便是明确人与机器的沟通办法，交互设计的事情内容可以大略理解为将繁芜的软件变得大略易用，将软件的某些功能/特性处理为用户熟习的某个观点，使得用户可以零成本地，根据自身对周围环境的理解自然地节制/学会利用某项产品。

在《用户体验要素》一书中，作者Jesse以电子商务网站中的“购物车”为例来阐明交互设计：“购物车”是一个容器，作为一个容器，用户将选购的商品放进“购物车”中，以及末了下单时利用“结账”来比喻完成一笔购物订单。

在上述例子中，将用户在电子商务网站中的一次购物操作类比做线下阛阓中人们的实际行为：推着购物车进入超市，把将要选购的商品放进购物车中，末了在柜台前为车中选购的商品进行结账。
交互设计便是将购物这一实际行为利用到电子商务网站中，让用户以传统的、熟习的行为办法完成线上购物这一行为。

在交互设计过程中，不可避免的一个问题是“用户缺点行为”的办理方案。
仍旧以购物车为例，在现实生活中，如果在超市购物结账时，忽然有某项商品不想要了，可以向收银员解释，以确保其不会将我们不想要的商品算入总金额中，避免经济丢失。
同样的问题也存在于电子商务网站的用户行为中，用户将多个商品添加到购物车中，末了结账时有某个商品不想要，我们可以将这一环境理解为“用户缺点”行为，这时就须要网站供应撤销或退单功能，确保用户可以在结账时将不想要商品退还给阛阓（网站）。

与交互设计相辅相成的是产品的信息架构培植。
任何一款产品，无论是信息型产品、功能型产品（如今已不再严格区分二者），都须要对产品内容进行架构培植。
使其信息内容构造化而不是凌乱无章的排列的页面中。

信息架构的基本单位是节点。
节点可以是任意信息片段或组合。
他可以小到是一个数字，也可以大到是全体图书馆。
不同产品对节点的定义不尽相同。

构造包括多种类型，例如层级构造、矩阵构造、自然构造和线性构造。

层级构造（也称为树状构造或中央辐射构造）：节点与节点之间存在父子级关系。
子节点代表更狭义的观点。
从属于代表广义类别的父节点。
（不是每个节点都有子节点，但是每个节点都有父节点，最上层节点称为根节点）

线性构造：呈线性排列，范例的线性构造有文章内容、阅读时的阅读顺序等。

矩阵构造：许可用户在节点与节点之间进行多维度移动。
矩阵构造常日帮助那些拥有不同需求的用户。
例如，用户在电子商务网站中的商品时，某些用户以价格为紧张影响成分选购商品，某些用户以配送韶光为紧张影响成分选购商品。

自然构造：节点被逐一连接，不遵照任何同等的模式。
该类构造常日见于探索类游戏产品。

值得把稳的是，一款产品并非只有一种构造，而是多种构造共同浸染，才能使产品信息架构完善，详细案例不才文中给出。

在产品信息架构培植时，要遵照一定的命名原则，由于不是所有用户都是专业的产品研究职员。
在对信息内容进行命名时要牢记，我们的产品是面向大众的产品，而并非做事于某一类专业人群（专业类软件例如编程、设计软件除外）。
设计师应该避免利用晦涩难懂的专业术语给用户的带来困扰，而是该当用普通易懂的措辞降落用户的学习本钱。
例如，在智能导航系统内，设计师不应该用专业理论给用户遍及智能导航的观点，而是该当用普通易懂的话语见告用户：“您只需说出或输入目的地，系统将为您自动选择最优路线。
”对用户来讲，大略的一句话将比繁芜的理论更具有说服力。

2.3.2 实例剖析

仍旧以叮咚买菜剖析在范围层所确定的产品的交互设计办法以及信息架构

首先剖析“叮咚买菜”的交互设计办法。
叮咚买菜作为垂直电商领域——生鲜电商的代表，其核心业务的交互逻辑与传统电商平台（天猫、京东等）没有根本差别：用户登录——选购商品——确认订单——结账付款——等待收货。
与传统电商所不同的是，叮咚买菜仅支持手机移动端利用而不支持PC端。
以是其交互办法符合移动设备的交互原则。

笔者以新用户的身份登录运用，产品版本为V.9.23.2。

当前，移动端设备的交互办法以手势交互和与语音交互为主，叮咚买菜暂不支持人机语音交互。
以是重点剖析产品的手势交互办法。

基本的手势交互办法分为单指交互、双指交互、多指交互。
个中单指交互和双指交互较为常见。
如下图所示：（滑动包括旁边滑动和高下滑动。
）

不同交互手势的运用频率是不同的，高频利用的是单击手势和滑动手势，之以是高频利用单击手势和滑动手势是由于移动设备真个屏幕大小有限，单页所承载的信息内容有限，须要利用单击或滑动手势进行翻页或信息层级更替。
例如，阅读类运用支持用户单击或滑动操作模拟现实中读书翻页的动作进行信息更新和层级交替。

其次是双指捏合和扩展手势，同样受限于移动设备的屏幕大小，须要展示内容细节的产品或产品的某个功能须要支持双指捏合和扩展手势。
例如手机内的相册，用户进入相册，单击某张缩略图以显示选中的照片，若用户想查看照片细节，则须要双指扩展以放大图片，再通过双指捏合缩小或还原图片默认大小。
这里的双指捏合和扩展手势仿照了人眼到被不雅观察物体的间隔变革，由于移动设备是信息载体，人无法实际靠近被不雅观察物体，通过双指扩展表示将物体靠近人眼以查看细节，双指捏合表示将物体阔别人眼表示查看体整体形态。

（单指）拖拽和单指长按手势一样平常运用于元素的移动或元素隐蔽信息的展示。
例如，在购物车内长按某个商品条款显示是否删除该该商品，网页内拖拽滚动条进行页面上翻下翻操作。

“叮咚买菜”的交互手势将不才一节中结合界面、导航设计进行进一步剖析解释。

叮咚买菜的信息架构如下图所示：

该信息架构仅展示界面内一级分类，未将所有子级分类逐一解释。
不才一节中结合产品的界面设计剖析信息架构的分类

2.4 框架层

2.4.1 观点剖析

框架层内末了的输出产物是设计师们熟知的线框图，也称为低保真模型。
线框图包括界面设计，交互办法解释以及界面之间的相互关系。
线框图的对一个页面中所有的组成部分以及他们如何结合到一起的最直不雅观的描述。
也是用户所能看到的产品最“原始”的样子。

在构造层对产品交互办法和信息架构定义的根本上，在这一阶段要确定用什么样的功能和形式来实现他。
根据《用户体验要素》一书的定义，将框架层的事情内容分为界面设计、导航设计和信息设计。
同样的，在设计移动运用时，该定义也具有主要的参考代价。
下面将结合“叮咚买菜”的信息架构详细剖析其交互办法和界面布局。

2.4.2 实例剖析

笔者以新用户身份进入运用，其首页如下图所示：

默认显示首页内容， 最上方是用户定位以及中央，单击可以修正定位以及查看内容。
向下是搜索栏，单击搜索框进入搜索页面，搜索页由三部分组成，分别是：搜索栏，用户自行搜索，搜索功能支持关键字自动补全；搜索历史（如果有的话），按照韶光线显示搜索过的内容，方便用户快速查看；搜索推举，运用自动显示部分关键搜索字，方便用户快速查看，并且支持刷新“推举内容”。
搜索页面如下图所示：

首页内新人尝鲜价霸占页面一半以上空间，包括新人价格优惠推举商品以及优惠券包。
这样的页面布局在吸引用户视线的同时，也为了吸引新人下单，增强用户粘性。

新人活动下方是首页金刚区，也是底部导航等分类页的所有分类入口。
由于分类较多，页面承载有限，以是支持旁边滑动查看所有分类项。
金刚区内绿色滑块很好的提示用户该区域支持旁边滑动以查看剩余内容，否则未显示内容只能等待用户自行探索，从而降落隐蔽内容曝光，造成资源摧残浪费蹂躏。

基本任意一款手机运用默认支持高下滑动操作，该运用首屏上划后，搜索栏置顶显示，页面内其他信息被更替，页面如下。

金刚区之下是轮播banner。
默认5s自动更新。
点击banner进入活动页面。
banner区下方是一组产品周边干系功能入口。
分别是“绿卡会员”、“叮咚农场”和“约请邻友”。
虽然不是产品核心业务，该类功能对留存拉新仍旧发挥主要浸染。

长期活动分别是：限时抢购、绿卡特惠、新品尝鲜和平价菜场。
单击任一区域进入对应的活动详情页。

之后是分类推举区域，分别是：猜你喜好、特价匆匆销、丰硕午餐、火锅到家和季候新品。
区域内支持旁边滑动、或者单击推举条款标办法显示不用区域推举商品。
并采取无限流的办法展示商品，给用户带来沉浸式的购物体验。
同时，在上划时，推举条款作为首页内二级导航置顶显示在搜索栏之下，帮助用户快速定位所处的页面层级。

首页内容支持双击图标返回页面顶层。

全局导航仅支持单击切换，不支持旁边滑动切换。

分类页如图所示：

分类页内容根据菜品属性不同进行分类。
商品一级类目与首页中金刚区分类相同。
一级类目包括：蔬菜豆制品、肉禽蛋、水产海鲜、水果鲜花、乳品烘焙、冷冻食品、粮油调味、方便速食、快手菜、火锅到家、网红打卡地、零食酒饮、营养早餐、鲜花宠物、熟食卤味、日日鲜、个护清洁、绿卡专享。
一级类目固定显示在搜索框下方，可点击“全部”展开所有一级类目。
当选择一级类目时，当选中条款高亮显示，并且当选中条款相对位置保持不变，别的条款产生相对位移。

左侧为二级类目，右侧为二级类目对应的商品展示区域。
商品列表区域顶部为商品三级类目（部分二级类眼前没有三级类目），当前类眼前的商品显示到末了时，向上滑动屏幕自动切换至后一个类目商品，所对应的类目变为选中状态高亮显示。
单击不同类目标签也可以切换至对应的类目商品页。

商品展示区由以下元素组成：购买按钮，商品图片，商品名称及价格，商品关键信息（商品特色，烹饪办法，特惠标签，销量冠军等信息）。
个中部分商品对存储条件的分外哀求在商品解释中也有明显标注。

不同客户对该页面的条款列表的需求不同，对付有明确需求/购买意向的用户，再搜索框中输入关键字点击搜索，根据搜索结果直接查看并下单；对付需求模糊/购买意向不强的用户可以通过分级类目浏览商品，心仪商品可以点击购买按钮添加至购物车中。

在该页面内，对付依赖分类条款浏览商品的用户来讲，其操作路径/视线路径如下图所示：

并非所有二级类目之下都含有三级类目，以是当用户参照分类条款浏览商品时，至少须要三次操作：选择一级类目，选择二级类目，选择相应的商品缩略图。

点击商品先容区域，进入产品详情页：全局导航消逝。

产品图片自动轮播（5s更新），也可旁边滑动查看上/下一张图片。
单击图片区域全屏显示图片后，支持双击放大图片（三次双击缩放至默认大小）或双指捏合缩放，默认大小时，单击图片退出全屏显示状态。
回到产品详情页。

页面顶部分布有返回按钮（返回上一级）和分享按钮（分享至第三方运用：微信/朋友圈）。
向上滑动至商品图片消逝时，该页面内二级导航涌如今页面顶部，分别是商品、评价、详情、推举。
单击导航名称，相应内容在屏幕内联动显示，或滑动屏幕显示不同内容时，相对应的导航为高亮选中状态。

在商批驳价区与详情先容先容区之间有单独的关联推举商品区域。
（该区域并未在二级导航中表示）该区域所展示的商品为当前商品详情页的干系商品。
（或依据烹饪办法推举、或根据饮食搭配推举）。
关联推举为三页内容，用户在该区域内可旁边滑动查看所有推举商品，同理，单击缩略图进入商品详情页或单击购物车按钮加入“购物车”。

页面底部为我的购物车与加入购物车按钮，若购物车内有商品，则购物车按钮根据商品数量高亮显示以提示用户当前所选购商品数量。

点击购物车按钮则进入全局导航下的购物车界面。

购物车内商品默认为选中状态——已选购。
用户可点击选中按钮取消选择（商品条款仍旧保存在购物车内）。
若用户想删除购物车内商品，有以下几种办法：

可长按商品条款删除该商品；点击屏幕右上角删除按钮删除已选中商品；向左滑动商品条款涌现删除按钮，点击删除。

该页面内，已选购商品上方有换购通道。
根据单次消费金额进行换购。
该区域内旁边滑动查看可换购商品。
同理，单击换购商品区域进入对应的商品详情页。
已选购商品下方是商品推举区。
系统根据用户购买历史或浏览历史进行智能推举。

无论是商品推举还是换购功能，都是为了吸引客户下单，提高客单价。

浏览至推举商品底部时，涌现一键回到顶部按钮。
方便用户快速定位。
当用户对购物车内商品确认无误后，点击结算按钮进入结算界面。
界面如下：

该界面内用户必需进行的操作包括：填写收货地址，选择收货韶光，选择支付办法，确认消费金额。
可选操作包括：在此确认选购商品，是否利用优惠券，订单备注。
所有信息确认无误后，点击提交订单转入第三方支付平台进行支付。

全局导航中，点击“我的”按钮进入个人信息页面。
页面如下：

页面内分为中央、用户信息、用户账户、用户订单、活动入口、其他干系功能、智能推举模块。

点击右上方按钮进入中央，点击用户名称进入个人资料界面变动个人资料。

该页面功能较为简洁，因此不再赘述。

全局导航中，直播页如下：

该页面分为一下几个模块：轮播banner、直播间入口、直播预报、做饭教程。

页面顶部为自动轮播banner，也可旁边滑动翻页查看。
屏幕中央区域是直播间入口和直播预报，点击直播间入口进入直播间不雅观看直播。

屏幕上划至轮播图超出屏幕区域后，显示屏幕标题——“叮咚直播”（下划反之）。
连续上划，做饭灵感下的类目标签栏至标题下方后，类目标签栏固定显示在标题下方，同时涌现一键返回顶部按钮，方便用户快速定位。

用户可旁边滑动查看不同类型教程。
旁边滑动时，相应的类目标签联动显示为当选中状态。
也可单击类目标签直接显示对应内容。
点击教程缩略图进入教程详情页。
类目标签内点击“全部”查看所有分类。

在进行界面更新、界面加载时，采取微交互的设计办法补充用户等待韶光。
由于动画效果不便展示，故文中没有图示解释。

由于韶光有限，未能将运用内所有界面逐一解释，仅剖析至二级界面。

2.5 表现层

2.5.1 观点剖析

框架层中紧张办理可交互元素的布局、信息元素的排布以及界面之间的逻辑关系问题。
在表现层中要结局产品逻辑排布的呈现问题。
将信息呈现给用户的过程，用户吸收信息的过程，被定义为感知设计。

人的感官系统由五方面组成，分别是视觉、听觉、触觉、嗅觉和味觉。
个中，嗅觉和味觉是用户体验设计师很好考虑的范畴。
实物产品的触觉体验属于工业设计领域的观点，例如产品的形状、材质等。
基于屏幕交互的产品目前没有过多的将触觉体验纳入研究范围。
听觉现在已经开始运用于各种产品当中，例如智能音箱、智能语音系统、智能车载系统等。
产品通过捕捉用户发出的语音指令做出一系列反馈为用户供应有效信息。

视觉设计是被运用最多的领域。
险些所有的产品都会涉及视觉设计。
视觉设计过程中，要把稳以下方面：

视觉设计该当使得产品更加易用，而不是分散用户“完成目标”的把稳力。
不应该让视觉设计成为阻碍用户达成目的的成分，而是更好的勾引用户完成目标。
视觉设计要把稳比拟和同等性。
既要突出显示主要内容，又要强调度体同等，例如图标风格的同等性，控件大小同等性以及元素间距的同等性等。
常日利用栅格系统担保页面的同等性，用不同的配色方案表现元素之间的比拟关系。

2.5.2 实例剖析

叮咚买菜的紧张色彩是白色作为背景色，绿色作为赞助色，突出显示为当选中状态。
例如分类条款、全局导航中的当选中状态为绿色，以及商品内容区内的购物车按钮同样突出显示为绿色。
赤色作为点缀色突出显示商品价格、结算按钮以及商品属性标签的笔墨。

商品一级类目利用实物图标直不雅观表现不同类别的商品。

除此以外，运用内其他图标一律采取线性图标，担保界面风格同等性。

界面同等性还表示在不同模块之间保持同等的间距，商品信息展示利用卡片式设计等。

三、总结概括

产品的用户体验设计并不是一劳永逸的过程，而是随着市场规律和用户需求的变革周而复始的进行更替。
在事情过程中，既要考虑现有的本钱：技能、韶光、经济等。
也要考虑用户的真实需求，避免依据“伪需求”进行产品开拓的缺点方向。
正如《用户体验要素》一书中所言，用户体验的开拓过程是一场“马拉松”，而不是“短跑”。
成功的马拉松取决于运动员如何有效地掌握自己的步伐。

产品的开拓是一个漫长的过程，只有遵照客不雅观规律，确保在每一层级都做出精确的决策才能担保终极的产品知足最初的计策目标和用户需求。

本文由 @第生平瓜蛋子 发布于大家都是产品经理。
未经容许，禁止转载。

题图来自Unsplash，基于CC0协议。