时间: 2021-07-30 10:41:55 人气: 34 评论: 0
首页框架结构及样式
导航栏
先是进行了老页面的框架结构及样式的改动。
在国际站中**类型繁多，在业务上为了满足每个**阶段中的不同的需求，从而出现了多种版本的后台首页，在这过程中出现了历史遗的留问：风格差异越大，用户体验上毫无延续性。在设计前简单分析了后台首页功能本身作用于操作体验的平衡性。
首页更多是承载关键性动态提示、相关信息第一层级入口和用户操作的主行为。
比起前台产品信息的可视化展示、后台更多的作用是【工具】。
在交互阶段从新调整了MA后台信息结构。
把信息模块中的需要强化的【待办事项】和【**生命周期引导】主要价值点内容放在了最核心位置，在用户从免费**到基础认证**，再到成为收费**过程中这个结构始终不**有变化。
把当前的ma后台大多数页面分为两个模块：一级二级导航区、内容操作区，从缩略图可以看出目前的设计，导航的视觉层级高于内容操作区。
1)用户来到MA后台某个界面如产品管理页主要目的是什么?
对自己发布的产品进行管理(包括查看发布的产品是否通过审核、对未通过审核的产品进行编辑等)
2)用户来到MA后台某界面如何行为?
一般是先查看自己关心的内容如审核未通过的产品，然后进行相应的操作如编辑或删除，用户想要离开本页面时，**去找导航
3)导航的作用是什么?
告诉用户MA后台有哪些内容可管理，当前你在哪个页面，当用户需要离开本页面或迷路时，能快速找到他想要去的页面
从以上对问题的解答，可初步得出结论：
MA后台的导航是可以弱化的，但要固定导航的位置，同时清晰表达当前的位置
为了验证这个分析思路的合理性，我还需要看看其他网站的做法：
1、支付宝首页的改版，老版的视觉层级最高的时导航及推广的活动，问了周围的同事，来到支付宝首页最常用的功能是什么?基本上作为老用户的我们主要是进行登录操作;新版首页针对新用户强调了支付宝的核心价值，针对老用户强调登录操作，而原先视觉层级很高的导航被弱化，但仍然不失导航的作用。
我们前后也尝试了好几种方案来达到这个目的：
版本1：将一级导航和页头统一用灰色底，形成一个整体，和内容分离
用研同学选取4000名海外用户，将新老版本图**分别发给2000名用户，设置两项任务：
1、首先看到的是MA首页，需要对自己的产品进行管理，让用户点击图**上的区域(验证一级导航)
2、进入产品管理页面，用户需要发布新产品，再次点击(验证二级导航)
从调研结果看：
在内容定位上，新版本导航用户点击率高于老版本
这个项目整个过程比较完整，我同时扮演了一次PM的角色，受益很多，让我看到从视觉专业角度想办法促进产品体验，我们的设计是可被衡量的，设计师不仅仅是资源，我们也可以主导发起需求，来达到用户体验提升甚至促进业务目标达成的效果。
来源：pmtoo
