My Alibaba后台首页及导航风格改版项目总结

　　首页框架结构及样式

　　导航栏

先是进行了老页面的框架结构及样式的改动。

在国际站中会员类型繁多，在业务上为了满足每个会员阶段中的不同的需求，从而出现了多种版本的后台首页，在这过程中出现了历史遗的留问：风格差异越大，用户体验上毫无延续性。在设计前简单分析了后台首页功能本身作用于操作体验的平衡性。

首页更多是承载关键性动态提示、相关信息第一层级入口和用户操作的主行为。

在交互阶段从新调整了MA后台信息结构。

把信息模块中的需要强化的【待办事项】和【会员生命周期引导】主要价值点内容放在了最核心位置，在用户从免费会员到基础认证会员，再到成为收费会员过程中这个结构始终不会有变化。

把当前的ma后台大多数页面分为两个模块：一级二级导航区、内容操抚州危机公关作区，从缩略图可以看出目前的设计，导航的视觉层级高于内容操作区。

1)用户来到MA后台某个界面如产品管理页主要目的是什么?

对自己发布的产品进行管理(包括查看发布的产品是否通过审核、对未通过审核的产品进行编辑等)

2)用户来到MA后台某界面如何行为?

一般是先查看自己关心的内容如审核未通过的产品，然后进行相应的操作如编辑或删除，用户想要离开本页面时，会去找导航

3)导航的作用是什么?

告诉用户MA后台有哪些内容可管理，当前你在哪个页面，当用户需要离开本页面或迷路时，能快速找到他想要去的页面

　　从以上对问题的解答，可初广告投放的渠道步得出结论：

MA后台的导航是可以弱化的，但要固定导航的位置，同时清晰表达当前的位置

为了验证这个分析思路的合理性，我还需要看看其他网站的做法：

1、支付宝首页的改版，老版的视觉层级最高的时导航及推广的活动，问了周围的同事，来到支付宝首页最常用的功能是什么?基本上作为老用户的我们主要是进行登录操作;新版首页针对新用户强调了支付宝的核心价值，针对老用户强调登录操作，而原先视觉层级很高的导航被弱化，但仍然不失导航的作用。

我们前后也尝试了好几种方案来达到这个目的：

版本1：将一级导航和页头统一用灰色底，形成一个整体，和内容分离

用研同学选取4000名海外用户，将新老版本图片分别发给2000名用户，设置两项任务：

1、首先看到的是MA首页，需要对自己的产品进行管理，让用户点击图片上的区域(验证一级导航)

2、进入产品管理页面，用户需要发布新产品，再次点击(验证二级导航)

从调研结果看：

在内容定位上，新版本导航用户点击率高于老版本

这个项目整个过程比较完整，我同时扮演了一次PM的角色，受益很多，让我看到从视觉专业角度想办法促进产品体验，我们的设计是可被衡量的，设计师不仅仅是资源，我们也可以主导发起需求，来达到用户体验提升甚至促进业务目标达成的效果。

来源：pmtoo