UE Design | 回顾官网3.0迭代-分析篇·方案设计与评审-京东云开发者社区

<center>![](//img1.jcloudcs.com/developer.jdcloud.com/c53bfaf5-95a9-444b-995e-7b84b3c2150920210128150845.gif)</center>

# 方案设计与评审
#### 方案设计
按照设定的设计目标，针对现有问题，交互组设计了三个方案，具体可见：
<center>![](//img1.jcloudcs.com/developer.jdcloud.com/0acede3b-f911-432b-abce-06cf29b30ff820210128151137.png)</center>
<center>![](//img1.jcloudcs.com/developer.jdcloud.com/13955a00-060f-415e-b6ca-c13bc285ec3e20210128151149.png)</center>
<center>![](//img1.jcloudcs.com/developer.jdcloud.com/9b0bbc5e-fe2e-4c4d-a153-0b06111e4b7d20210128151200.png)</center>
说明：导航的改版方案直接定稿为平铺式，无需设计

#### 方案评审
###### 三个方案的设计各有特点：
**方案1：**

banner位置增加了一些微体验的设计；

产品楼层左右布局，分类展示，扩展性较强；

明星产品楼层抽屉式的样式设计，弱化了原有的形式感过强；

解决方案楼楼层优化了交互效果；

数据中心楼层增加了品牌展示的内容；

对现有楼层顺序调整，将不重要的云市场下潜。

**问题：明星产品楼层无论是内容还是数量，扩展性稍差；**

**方案2：**

产品楼层采用上下平铺样式，默认展开一层，在京东云产品较少的情况下，很直观的展示了所有产品；

明星产品，左右布局，可摆放更多内容，也有相应的扩展方案；

**问题：产品楼层，如果某项产品过多，是否出现滚动条；**

**方案3：**

运营位对原有样式优化，弱化了icon；

产品楼层，上下结构，可左右切换产品，扩展性提高；

明星产品同方案2；

解决方案产品楼层对原有的交互动销做了优化；

数据中心，增加了更多内容的展示，在鼠标移入各点时，可以展示当前点的详细数据，极大地丰富了该楼层；

**问题：产品楼层部分逻辑处理较复杂，左右滚动展示产品的方式较为隐藏；**

##### 结论：

三个方案基本解决了现有官网首页存在的问题，各设计者优化并解决各方案的问题，视觉安排三人分别按照三个方案出设计图，最终评审设计！
<center>![](//img1.jcloudcs.com/developer.jdcloud.com/0a8e9290-6f83-4779-901b-4c2c65b376d720210128151415.png)</center>

<center>![](//img1.jcloudcs.com/developer.jdcloud.com/a86a2f98-803d-4a8f-a870-94c0bd2b740f20210128151435.png)</center>
<center>![](//img1.jcloudcs.com/developer.jdcloud.com/5a2ddf55-d5eb-4e11-88d3-497faf1373d420210128151447.png)</center>
<center>![](//img1.jcloudcs.com/developer.jdcloud.com/a86a2f98-803d-4a8f-a870-94c0bd2b740f20210128151435.png)</center>
<center>![](//img1.jcloudcs.com/developer.jdcloud.com/82b13fa6-23a8-44ca-ab24-1136e83585e920210128151504.png)</center>