阿里巴巴副总裁、中内贸事业部总理汪海对外分享时提出 1688 已从信息平台时入数字化营平台时，让 1688 用户平台内完营售一体化的整商业闭环。1688 的使命也升级「数字化济时，让天下难的意！」全新的业务态势下，了好的满足用户需求，阿里巴巴（1688）主客升级势必行。
首页既是业流的中心景，也是家判断法，买家知价值的重要「门面」。从 UED 专业视角来，首页是定义 APP 内体验范式及视觉风格的核心景。
1. 盘点现象，定义问题
满足务的诉求：平台阶性战略同，1688 从曾经的信息平台过渡到交易平台，如今向数字营销平台转，旧的容框架难承载务的发展。
提升流质量：从过去的数据效果来，需重新判断，在 For 色采购需求和服大面采购需求之前，如何衡调优，提升首页的流量转化效能。
体验升：移动端 APP 然生长在机系统上，系统的风格更迭也牵动着 APP 的变化和升。在 8.0 升前，1688APP 存在着 5.0、6.0、7.0 多个由不同计在不同间点所计的景，8.0，APP 趋待从框架层、表现层以及品牌等方面进行统一及升。
1. 聚焦用户价值，基于业务打法升级内容框架
APP 升级前与务对焦，我们收到点诉求：
- 用算法能力去承接首页买家转化；
- 搜索是 B 类、商的核心工具，需要引导更多户更频地使搜索；
- 互网流量红利瓶颈期，需要进一步做好新用户的承。
在容框架制定上，我们聚焦户值，舍掉 7.0 时的容版个性，聚焦做商的个性，仅保留For大面户的营销、容场景，升算法推荐区的曝光率，此区域的商做首页的直接转。
2. 弱化容器，突出内容，塑造心智
视容器升级
做平视框架，选择「大间距分隔」，为内容留出干净、简洁的视空间。
精简内容栅，避免形式给用户阅读带来的负担。
提高留白率，提升页面整的透气，为内容留出更清爽、轻松的阅读空间。
拉大字大小的梯度，加重字颜梯度，提升文字的清晰度和读。
强调版块特性，塑造买家智感知，达业务目标
强化搜索：7.0时，曾线过将搜索到「主观觉得显眼」的测试方案，但相较于之沉浸式搜索，数据几乎变化。
8.0 阶段，从视觉表层跳出看：「强化搜索」并不意把搜索设得「显眼」，达「让多用户高频使用搜索」这一目标。如提升搜索底纹词、搜词精准度吸引力、增加搜索布点，都可能力达业务目标。
基用户单手操时，拇指在屏幕不同区域的点击验，选择将搜索组件移到更易点击、视更聚焦的屏幕位置，上数据提升非常明显。
Banner 升级：7.0 的 Banner 画面富度高，加之描述字段，用户阅读有一定成，难在 3 秒内掌握 Banner 的信息。此外，相比 C 类用户，B 类用户更偏理，我们选择以更冷静、克的「视语气」与 B 类人对，而非渲染氛围引导点击。（上，同样的活动内容，按新、老两版规范设计投放两套 Banner，新版老版 UV CTR 约高出 48%）
For 新人：以差异化的益、个化秒杀、新人攻略做用户的承接。
营销场心智差异化表达：营销由伙拼爆品、天天特卖两部分组成，我们判断爆品主打心智为「卖得火爆又便宜」，特卖主打心智是「时量抢便宜」，选择将两个区块最关键的特质做强化表达。
内容场（直播）动态化、互动感、时传递：抽象出直播间的方形版面+内容叠加形式来设计，大坑位以动图传递给用户直播的动态感，以红包、个化品的时轮播气泡传达直播的互动感、时。
3. 升级品牌，贯穿APP场景
什么APP应用内的品牌设？
品牌设将内层（平台价）与接收层（用户）柔性链接的一环，譬如 APP 场景中，由于商品、商家、商机「」，即使不特意品牌设，用户也能与平台保持刚性、稳的连接。反过看，品牌得很好，但平台「」，用户也不会单奔品牌设平台。我们认， APP 应用内的品牌设，核价于力用户认知到平台特性，感知平台价。从设专业视角看，APP 应用内的品牌设，利于义并统一 APP 内体验范式及视觉风格，保障用户的体验。
每设师所处的业务环境不一样，解决问题策略方式也千差万别， APP 应用内的品牌设中，人选择通过厘清内层（平台）多层次诉求及 For 用户的价点，认知、感知接收层（用户）特质及内倾向，基于内层底料+接收层用户特质确设底层范式，塑造用户感知。
1. 图形范式
在阿巴巴商业操作系统中，1688 聚焦做 B 类业，直服对象是 B 类买家，业细出档尖货、淘工厂、企业采购、淘货源、商代发、工业品超、跨专供等，这些都是有一定 B 类质及体量的景，故在 APP 业门洞及常规图标的表达上，基于扁 vs 写实、轻盈 vs 厚重、活泼 vs 稳重的维度，图形选定轻拟物、弱对比的计范式，塑造 B 类景 For 买家的沉稳、量。
此外，异常/空白场也是平台与用户互动，塑造用户感品牌的机。在空态情感化插图部分的绘上，力求塑形出有份量、易读、有意味的场以示对应空态，并佐以轻微动效，增强空态的互动感。（在收藏夹、我的供应等工具型场，基空态信息的价值考虑，将空态与工具新手引导相结合，并未做常规的插图。）
2. 色彩范式
标准色
随着业务发展，我们基于新业务态势，丰富了 1688 品色，以橙红色作销、利益属性表，以商务蓝作服务、数化属性表，以色作权益属性表。
辅助
在际产品设计中，品牌并不以表达各类业务场中的次的内容。因此，基 VI 品牌，裂变出不同重量、次更富的品牌辅助。
场景用色规则
基于买家角色及场景特征义用色规则。
1688色域及选色示
以 HSB 模式划定出偏沉稳的 1688 色域，在日常 banner 及业景中可灵活取用。
3. 动效范式及应用
动效是设计的重要手段，良的动效表达能增强信息表达强度，清晰信息级关系，提升用户验的舒适度。做动效之前，将 APP 信息结构平整到三，障内容在页面简洁明畅地呈现。
在际落地中，动效现非常依赖技术资源，故动效设计之前，应考虑一个前提：动效设计增益内容表达，价值论证，效果衡量；同时，考虑接收用户的人特质，我们期望动效表达给用户以稳定感，并且在设计表达上能兼顾效率。
在动效呈现部分，主要以缓、缓出、缓动结合曲来节，总的来说，内容场时节奏稍慢，速度缓，分加载，代清信息在 Z 轴上的次关系，内容出场时节奏快，速度快，内容级不用做分消失。
APP 内典型场的动效案例及演示：
4. 业务品牌的价值传递
此外，除以上在图形、彩、动效等基础度收口外，我们也需要将业务品牌放声给买卖家，以达成业务品牌的价值传递。在 1688 向数字营销平台转型的阶段，业务提出「源头货通天下」的口号，我们通设计手段，用 APP 开机启动页及下拉刷新的空间，将「货通天下」的概念强化表达。
以便此次首页改版阶段性的记录。 8.0 的视觉体系里，好突出内，视觉器选择尽可能轻、平，以冷静、克制的「视觉语气」与 B 类商人对话。当然，这设师业务同学阶段性的选择。后续品牌的完善及产品的优化，仍需结合数据持续打磨。
欢迎关注「阿里巴巴UED」的微信众号：
浙公网安备33011002017549号