vivo官网,vivo官网首页登录入口

首页 > 经验 > 作者:YD1662022-10-26 06:48:45

2. 信息展示优化

梳理完容器类型后,对信息展示做进一步优化,解决「信息冗余」和「信息展示不全」的问题。

(1)产品信息

以热销产品楼层为例:信息布局不合理导致手机型号展示不完整;可配置副标题但文案较多;通过颜色强调价格但价格并无优势。

新版的信息做了如下优化:优化信息布局为手机型号腾出更多空间,保证展示完整;精炼副标题的核心卖点,转用限制字数的标签进行强调;不强调价格,引导用户关注产品及卖点。

vivo官网,vivo官网首页登录入口(21)

(2)社区、品牌信息

以社区楼层为例:首页社区楼层通过精选内容为官网社区引流,其定位是「入口」,旧版首页将社区内容直接平铺,露出了过多的信息,不符合定位的同时,也在首页造成信息冗余的问题。

因此新版首页做了大幅度精简,只露出最核心的「标题/来源/互动情况」 信息,在有限的界面里露出更多的社区帖子。

vivo官网,vivo官网首页登录入口(22)

3. 视觉规则优化

基于容器的优化策略,进一步制定了详细的视觉规则。

官网首页由不同大小的容器组成,为了更科学地定义容器规格,引入了栅格。

vivo官网,vivo官网首页登录入口(23)

字体上,使用 OriginOS 的定制字体 — 汉仪旗黑,保证可读性及统一性。

vivo官网,vivo官网首页登录入口(24)

上一页23456下一页

栏目热文

文档排行

本站推荐

Copyright © 2018 - 2021 www.yd166.com., All Rights Reserved.