Ymatou Seller's Homepage Redesign

项目概览

项目时间：2016.08-2016.10

项目简介：每个做生意的人最关心的问题一定是和生意相关的问题（比如成交额和成交量等）和待办事项（比如接单，发货，回答买家的问题等）。
之前首页的信息展露不合理，进入首页的入口不明显，买手用户进入后台的容易迷失。通过对首页的改版，在首页合理露出信息，让用户的操作更为聚焦。

团队角色

角色定位：用户研究，交互设计

方法：头脑风暴，用户访谈，快速原型生成

负责内容：
设定目标和任务
洞悉用户痛点
用户访谈
创建用户场景
用户路径分析
信息架构梳理
低保真/高保真原型图
改版设计

旧版首页概览

2016年8月之前版本的首页的问题非常突出，组成页面主体的三个内容区块含有较少有效信息，信息层次与其重要程度不相称，而页面顶栏这个容易被用户忽视的区域却充满各种的信息，杂乱无重点。另外，页面选用的UI也需要优化。总体来说，旧版首页的信息层级结构不合理，用户对首页的使用率非常低。

改版主要目标

首页本质上是一个导航页(Navigation Page)，它的最终目标是分流，即引导用户去其他的页面。商家后台的主页同样也扮演了这样一个角色，它需要帮助商家用户快速清晰地定位他们想要获取的信息，提供通往其他功能模块的着陆页面的快速通道，以及提醒他们需要处理的事务。
因此主要的改版目标有：

重新布局：

根据买手用户对不同模块业务的关注度，使用频率以及所接受消息与其关联程度重构首页布局。

聚焦生意：

首页作为经营生意的聚合窗口，扮演了“工作台”的功能，买手用户能通过首页快速的解决和生意相关的问题。

提高效率：

让买手用户能快速地处理代办事项，知悉重要的事项和了解当前的经营状态。

后台首页主要解决用户的 3 个问题：

例如：
赚了多少钱？
有多少人下单了？
生意有没有变好？

例如：
有顾客来提问吗？回复了吗？
有多少未接订单？
有多少订单今天要发货？
之前的单有没有需要退换货处理的？
有没有违规要处理的？
在售的商品有缺货吗？

例如：
如何让老顾客再下单？
如何吸引更多的新客？
需要增加新的商品吗？
如何让生意变得更好？

用户概念路径图

根据以往数据和用户调研信息，从用户角度梳理了买手用户进入买手后台的主要操作路径。

功能信息层级图

根据用户路径以及产品端对功能划分的定义，构建了功能信息层级图。主要的功能模块为五大块，涵盖了十多个重要导航入口。

用户研究发现

收集了6个用户的调研数据，并和之前的用户调研信息做比对，发现了三个忽略的问题点。这几个问题点为我们定位问题和形成功能模块提供了参考依据。

发现 1

买手没有我们想象的“专业”
在很多情况下需要指导

发现 2

买手会使用不同的设备来完成特定任务

发现 3

在国外生活的买手希望以当地货币计算盈亏

页面信息布局

页面功能的平铺，采用卡片式设计将功能组块在首页平铺展现，首页首屏优先放置重要信息。如下图所示，1-7为首页首屏展现的重要信息。由于APP和Web页面大小存在差异，因此在布局上也略有不同。PC主要是左右中布局，在中间又根据信息的重要程度以不同大小的卡片区块划分；APP则是上下结构，一些相对次级的信息收入到二级页面当中。

高保真原型图

根据之前整理的用户概念路径，功能信息层级以及用户研究的反馈，设计了几个重要功能模块的展示方案以及需要展示的概念功能，绘制了低保真原型图。随后，采用项目相关方头脑风暴以及非相关方快速测试的方式收集数据，对不同的概念进行整合和优化。最终，绘制了高保真原型图及书写了相关交互说明文档。

特征

左侧导航

包含买手用户信息和自定义快捷入口。
页面原有的横向导航命名比较抽象，买手用户每次登陆页面需要一定的记忆成本或尝试多次寻找进入次级页面，增设左侧快捷入口减少用户的认知负荷，让用户快速定位到页面。
快捷入口的自定义功能主要用以满足不同买手对常用模块的差异化需求。
icon风格的导航设计主要减少不同设备切换的认知差异以及贴合未来响应式的应用。