千盼万盼终于迎来了我们的产品设计升级下篇，整个系列三篇文章集结完毕。温故这边走👇：
等候这么久，那是因为我们准备了个惊喜👇JD Cloud & AI Design Team Redesign，来看看吧！
文末有视频一哦～是不是对于我们的内容有所期待了，直接进入正题，今天给大家分享的是产品设计升级的交互视觉设计、设计落地和验证优化部分。
依据RARRA的模型，站在用户的角度模拟进入官网后的思考路径，从吸引用户-解答疑惑-促使转化-提升留存\时长-增加传播的整个流程思考，每一步要给用户展示什么才能达成目的。
另外本次改版以云官网为基础，要将Cloud、AI、IoT三网的核心内容进行整合，首先要对内容做梳理，提炼出核心内容是什么。云以基础云产品为核心，提供金融、零售、城市等多行业维度的解决方案。AI提供众多的智能产品方案，其中AI研究院是JD在AI领域的学术代表。IoT的核心内容是智能化解决方案、智能硬件及平台能力。在明确了各核心内容后，按照活动、商品、品牌三个方面对内容做模块划分图例：首页内容划分
结合上述的两点思考，定义首页的内容结构如下：以活动为运营核心，贯穿整个页面内；大面积展示产品、解决方案、云市场等产品，通过成功案例、开发者社区、白皮书、新闻动态等内容宣传品牌，建立认知。
图例：首页内容架构
频道页的架构梳理基本也是按照上述思路，在做之前思考明确各频道的特色内容、用户关注点、用户目的、各类场景。以RARRA为核心思想，将”体现价值吸引用户-展示产品-解答疑惑”提炼出WHY-WHAT-HOW的内容架构，并快速验证，复用在各频道页设计思路上。图例：零售频道架构思考
2、页面交互设计
a.针对前面竞品调研、数据分析等反馈出的问题思考如何做优化设计；
b.从浏览场景、用户行为、内容特征几个方面去思考每个楼层如何布局内容。
比如用户行为设计，需要思考用户从看到内容到形成转化之间的思考过程是什么，再根据每一个思考环节做针对性设计，以提高整体转化。以下以头部、行业模块、客户案例三个核心楼层的优化设计为例，介绍一下如何根据场景、用户行为、内容特征思考内容布局的设计。头部设计
原方案Banner区域作为头屏位置很重要，但空间利用率极低，大通栏的形式也导致下方的运营位很弱，点击率提升不上去。此次方案设计时，期望将空间利用起来，做了以下几点处理：
b.增加次要运营位，将运营内容归类放置在不同区域，统一Banner样式；c.根据场景设计：未登录场景，主要考虑新用户，增加拉新、新人引导专区，帮助新用户，提升注册转化率；已登录场景，为老用户提供待支付、待续费、待处理工单、监控报警的快捷入口，缩短用户路径，促使消费转化。图例：头部设计思路
此楼层的设计需求是展示产品，但若是单纯的展示，并无法促使用户看到后进一步去了解产品。在设计此模块时，我们分析用户看到此模块时是怎样的一个思考路径，期望依据场景及用户路径而设计，最终定义了这么一个路径设计：以场景图\场景描述\痛点等吸引用户注意，抛出价值点引起兴趣，然后展示方案或产品让用户进一步了解，当用户产生了足够的兴趣想要咨询时，再以白皮书\最新动态\最佳实践等内容来提升方案可信度，让用户信任产品，形成咨询/购买转化。图例：行业楼层设计
之前版本的成功案例通过用户熟知的案例logo吸引用户点击，再简单介绍案例，展示案例所使用产品，逐步向用户铺述信息，在数据上已经有不错的表现。此次在组织内容时，对原有用户思考路径进行扩展，在介绍案例后增加价值点展示，进一步强化方案价值；在原路径之后增加简单的方案实施描述，让用户了解方案后产生深入探究心理，通过咨询来了解详细方案、解答疑惑，进而带来商机转化。
图例：成功案例的设计思路
33400浏览
