卡片|网站改版,让一切更简单

编辑导语:你是否常常会觉得设计的网页太过复杂不够简洁?如何才能变得简单呢?本篇文章中,作者根据自身案例,解决了功能模块冗杂、用户体验不佳、视觉设计陈旧等问题,推荐想要学习网站设计的群体阅读。

卡片|网站改版,让一切更简单
文章插图
从业多年,不难发现一个令人绝望的事实,当数据成为衡量绩效的绝对指标,一个产品好像注定会走臃肿和无序。——执行者们挥舞着OKR的宝剑,在仅有的区域内寸土必争。
你拿了一个入口,他就要放大按钮,流量不够数量来凑,实在不行动效也行。
执行者拿到结果,满意离场,但问题却一直留了下来。
酷家乐主站正是如此。前后十年,我们从“设计工具的引流平台”逐渐泛化,首页交杂着各种功能模块,用户找寻内容的路径被迫拉长。而与此同时,公司不断开疆拓土,首页的内容框架也很难支撑起酷家乐“从家装到全空间”的战略诉求。
所以这一次,我们沉腕拨镫、量体裁衣,终于迎来了全新的主站3.0。
从定义问题出发,我们先行一步,去进行了数据分析和体验走查,发现所有的问题可以化约到3个方向:功能模块冗杂、用户体验不佳、视觉设计陈旧。基于以上,我们确定了我们的设计策略,即:内容去肿、体验导向、视觉升级:

卡片|网站改版,让一切更简单
文章插图
于是我们的设计关键词也就昭然若揭:

卡片|网站改版,让一切更简单
文章插图
一、轻盈:从臃肿回归有序做产品很容易中投射效应的圈套,觉得产品逻辑可以等同于用户理解。我们做生态、做闭环,把产品价值梳理得井井有条,并逐一加诸用户,但用户只在乎自己看到的是什么、这是不是他想要的,对你的产品价值根本不买账。
愿景美好,现实惨淡。我们从用户行为热力图中可以发现,主站首页的滚屏衰减非常严重,除去工具入口“开始设计”外,只有“优秀设计”有一定量的点击,而其余如“社区、变现、品牌馆”等内容鲜少有人问津。

卡片|网站改版,让一切更简单
文章插图
那么,怎么让日益臃肿的产品形态回归轻盈,是这次改版的重点。我们为此进行了如下升级:
1. 模块精简在前期调研中,我们收到了很多用户吐槽,通过整理分析,我们发现主站首页的问题可以归结为三个点:“卡片样式太多”、“内容更新迟滞”、“质量良莠不齐”。所以在这次改版中,我们把低访问、不维护的模块全部舍去,只在首页留下了“设计模板”和“优秀设计”。

卡片|网站改版,让一切更简单
文章插图
同时我们也联同运营去优化了内容分发机制,并在算法推荐后设置了人为关卡,通过审核标准的建立,去保证首页UGC内容的质量。

卡片|网站改版,让一切更简单
文章插图
2. 导航瘦身双导航被诟病已久,“层级难处理”、“入口太混乱”,几乎每个设计师们都在子频道设计时骂过娘。这一次我们双管齐下,不仅合并了双层导航,同时也对此前积微成著的入口进行了归纳和统一,在符合目标的同时,让一切井然有序。

卡片|网站改版,让一切更简单
文章插图
二、体贴:把用户当成主角十年,对一个产品来说已然很长。我们走了太远,回过头想想,我们真的做到“用户至上”了吗?
所以在这次改版中,用户是我们当仁不让的主角,大框架下的每个改动都为了更贴近用户。

推荐阅读