手机淘宝的信息结构与任务分析

NOTE：自学交互的学生党一枚，欢迎各种拍砖吐槽，楼主感激不尽！

本文为学习后的练习文章，仅从信息结构层面分析淘宝产品的优点。

一   产品概述

手机淘宝是阿里巴巴推出的一款移动端多模式合一的在线购物应用，涵盖了阿里巴巴旗下多网站的商户、商品和生活服务资源，旨在为用户提供移动端一站式购物体验。

因其承载的内容庞大，因而相对于其他APP其信息结构更加复杂多元，其核心在于通过合理的信息设计和多样化功能以促成用户为自己满意的商品下单这一目标动作的实现。

下面，楼主将试图从信息结构和任务设计上纵向横向地对淘宝如何促成其目标动作的实现进行分析。

产品版本：5.2.7  Build 1-8048-326365

系统环境：小米手机2S   配备基于Android 5.0.2的MIUI 6开发版（5.4.3）

二   基本信息结构（粗略）

三   逐页详细分析

3.1 首页

图2： 首页

首页的信息结构如上图所示，分为首屏部分和非首屏部分，依次按照淘宝希望用户关注的重要程度排序；

首屏上，搜索、Banner和业务入口显然是首屏优先级最高的，此外还有特价信息和特色商品推荐供闲逛用户打开应用后有地可去；

上划页面后的非首屏部分，按照用户查找欲望深度的不断加深而不断个性化，直至猜你喜欢和他在买。

在首页，大多数用户购买需求的第一层（我要什么&我大概要什么）能得到较好的满足，从整个APP的逻辑设计来看，首页的优先级也高于其他任何页面，这从返回逻辑一见端倪（应用内返回的终点站是首页而不是其他一级页面）。

3.2 微淘

图3：微淘

微淘功能试图为买家和买家、买家和卖家建立一种社交关系，买家通过收藏关注卖家的店铺便可在此发现卖家的最新商品动态，除此之外，买家还可以和达人级别的买家建立联系，通过达人导购的形式促进同好买家的集聚；这两项类似社交的功能最终仍然基于大目标：买家能购买到自己希望的商品。

信息层面，手淘遵循用户视线流动和信息的重要性对信息进行整理：

在店铺动态上，首先通过板块聚合，用户可以很快了解上新内容，其次为了吸引用户关注更多店铺，手淘还准备了三个特色的聚合板块供用户选择；

作为电商来说，店铺的曝光始终是最重要的，手淘在此页花费大面积展示店铺和该店铺最新上新产品，可能意在提高用户进入店铺的可能性和可能的转化率，同时卖家呼吁买家收藏的积极性也能随即得到进一步增强。同样基于增加买家关注量，在收藏店铺下方根据用户喜好展示了许多相关店铺供用户参考。

在达人导购上，手淘设计了类似社交动态内容的动态页面，并按照看->买->增的逻辑分成三个TAB，即遵循买家对该板块兴趣程度和购买欲望依次设置TAB；在动态或商品下方，还可以像社交产品一样进行评价、点赞和分享，如此买家之间的浅度社交有利于买家的相关商品信息的传播并间接促进买家在淘宝的消费。

3.3 发现

 图4：发现

发现是为满足更进一步个性化的购物需求而设置的，通过应用内的应用（比如“吧啦”）引导用户发布信息，通过类似社交应用的形式和功能间接激发购物欲望，同时这又是买卖家之间沟通的桥梁，可以进一步达成卖家对商品的精准推荐。

信息结构上，上方是应用的列表，用户可以直接点击进入，下方是每个应用最新的动态消息，直接点击动态进入到详情页。应用内应用的设计并不复杂，是用户很熟悉的应用形态，在层级返回时也照顾到其特性设置了返回当前应用内应用主页或是手淘主页的选项。

3.4 购物车

 图5：购物车

购物车的存在大多数情况下是满足用户购买多件商品或是想购暂存需求，类似于实体超市的购物车。

购物车的核心动作是结算，其按钮也格外显眼；此外，用户可以通过多选控件管理商品及查看总价格。此页面仍然服务于用户的最终下单。

3.5 商品详情页

 图6：商品详情页

商品详情页虽相对简单，但仍可看出诸多对买家购买决策影响的因素：

在该页面最显眼的元素依次是商品图像、价格、加入购物车和立即购买，它们在该页首屏形成一条稍弯曲的视觉纵线，用户沿着这条线再关注与之相关的信息（诸如：邮费、销量、评价等等），倘若用户仍然不达成下单意愿，上划可见包括评分的商家信息和最新评论，进一步促进用户产生购买决策。

3.6 订单详情页

 图7：订单详情页

当用户进入订单详情页，意味着两种情况：一是用户决定下单准备（或暂时放弃）付款，二是用户付款后查看发货信息和物流信息。前者情况下，该页面的核心任务是促成用户下单，后者情况下在于用户查看物流和申请售后，在这些核心任务的驱动下，页面展现出细微的差别，但都加亮提示了这些任务。

3.7 我的淘宝

图8：我的淘宝

我的淘宝页面中核心任务是用户对订单的管理，手淘将这些功能按次序横向平铺于页面中央上方的位置，亦是最显眼的位置供用户随时方便查阅。此外还有用户基本信息、淘宝增值服务、设置等等。

3.8 消息

 图9：消息

消息功能入口和返回首页一样覆盖了手淘的几乎每个页面，这样设计的目的是方便用户时刻查看消息以及和卖家和淘友买家进行沟通。

四  横向信息梳理

除了以上纵向对每个页面的梳理外，楼主仍然试图横向对手淘的信息进行梳理。

4.1  信息的聚合方式

手淘中最重要的两种信息元素是商品和商家，手淘通过以下方式将他们聚合为用户显示。

a. 通过业务属性的不同对商品和商家进行聚合（例如首页的天猫、聚划算）；

b. 通过相似的类别对商品和商家进行聚合（例如首页的类目）；

c. 通过具备某种相同的商品属性对商品进行聚合（例如首页的特色市场）；

d. 通过购买人群的特征对商品进行聚合（例如首页的达人淘、微淘的达人导购）；

e. 通过消费者的喜好进行商品聚合（例如首页的猜你喜欢和微淘的店铺推荐）；

4.2 信息的查找方式

手淘主要的信息查找方式有文字搜索和相机扫描，前者基于文字语音，后者基于图像。

文字搜索方面支持对三种属性的元素（宝贝、天猫、店铺）进行搜索，搜索时遇到细分属性不同还支持直接点选跳转，筛选条件根据优先级适当做了隐藏，基本符合用户需求。

拍立淘，利用手机拍照和手机中的图片通过图像识别技术识别出对应类别或具体的某件商品，经试用该功能能准确识别商品颜色和类别，至于具体某一件商品来说则和拍摄方式、角度和光源相关。

4.3 买家的消费引导

手淘在买家消费引导上做了很多尝试，举例如下：

占据首屏的淘宝头条、淘抢购满足了价格导向型的用户需求，有好货则满足了品质导向型用户的需求，爱逛街则满足了闲逛型用户的需求，它们都很好地引导了大部分的用户群；而对于更加细分的需求则需要上划才能看到，例如达人淘、猜你喜欢等等；

微淘页面通过上新频道、有逼格这类含有出新寓意的分类入口吸引用户关注收藏店铺的新产品，同时在收藏店铺下还列有同类用户喜爱的店铺，引导用户更多地收藏和消费。

五  小结与收获

综上所述，手机淘宝作为一款电商应用，其在设计的每个组成部分都致力于希望用户达成购买期望商品这样一个目标，虽体量庞大但具备很强的逻辑性，是电商类应用的经典之作。

说说收获：通过手机淘宝的分析，使我更加清晰了产品设计时应始终围绕产品目标展开，其中有产品的战略目标和产品的用户目标，后通过目标的分解得到每个界面达成的任务并思考信息结构的设计如何推进任务实现。

作者：Kevin   福建福州

Wechat: Kevin_Alexander_Chen（欢迎交流）