编辑导语：你是否经常觉得设计出来的网页过于复杂，不够简洁？怎么可能简单？在这篇文章中，作者根据自己的案例，解决了功能模块冗杂、用户体验差、视觉设计过时等问题。并推荐给想学网站设计的群体阅读。
010-35万年的实践，不难发现一个令人绝望的事实。当数据成为衡量性能的绝对指标时，一个产品似乎注定是臃肿无序的。3354执行者挥舞着OKR的剑，为唯一地区的每一寸土地而战。
你拿一个入口，他要放大按钮。流量不够补，所以不行。
执行者得到了结果，满意地离开了，但问题依然存在。
酷家乐总站就是这种情况。十年前，我们从“设计工具的引流平台”逐渐泛化，首页混杂着各种功能模块，迫使用户拉长了寻找内容的路径。同时，公司不断开疆拓土，首页的内容框架难以支撑酷家乐“从家装到全空间”的战略诉求。
所以这一次，我们很努力的去适应环境，终于迎来了全新的主站3.0。
从定义问题开始，我们率先进行了数据分析和体验走查，发现所有的问题都可以归结为三个方向：功能模块冗杂、用户体验差、视觉设计过时。基于以上，我们确定了我们的设计策略，即：内容去膨胀，体验导向，视觉升级：
所以我们的设计关键词很明显：
一、轻盈：把产品从臃肿到有序，很容易陷入投射效果的陷阱，觉得产品逻辑可以等同于用户的理解。我们做生态，做闭环，把产品价值按顺序梳理出来，一个一个加到用户身上，但是用户只关心自己看到的，是不是自己想要的，根本不买你的产品价值。
美好的愿景，黯淡的现实。从用户行为热力图可以发现，主站首页的滚动衰减非常严重。除了工具入口“开始设计”，只有“优秀设计”有一定的点击量，其他如“社区、现金、品牌馆”都很少访问。
那么，如何让日益臃肿的产品形态回归轻盈，就是本次改版的重点。为此，我们进行了以下升级：
1.模块精简。在之前的调研中，我们收到了很多用户的投诉。通过整理分析，我们发现主站首页的问题可以归结为三点：“卡片式太多”、“内容更新延迟”、“质量良莠不齐”。所以在这次改版中，我们舍弃了所有低访问、无维护的模块，只在首页保留了“设计模板”和“优秀设计”。
同时我们还配合运营优化了内容分发机制，在算法推荐后设置了人工关卡。通过建立审核标准，可以保证首页UGC内容的质量。
2.导航瘦身双导航被诟病已久，“层次难处理”，“入口太混乱”。几乎每个设计师在设计子渠道的时候都诅咒过自己的母亲。这一次我们双管齐下，不仅把两层导航结合起来，还把上一层总结统一起来入口，在达到目标的同时让一切井然有序。
二、体贴：以用户为主角的十年，对于一个产品来说，已经是很长的时间了。我们走得太远了。回过头来看，我们真的做到了“客户至上”了吗？
所以这次改版，用户是我们责任的主角，大框架下的每一次改变都是为了更贴近用户。
1.想要给你更多酷炫音乐的核心依然是“快速画图的云设计工具”。我们从数据中发现，用户进入酷我音乐主站后，68%的行为是去工具化的，“设计模板”就是我们为此新增的模块。
用户可以直接选择模板，一键生成方案。同时通过场景的细分呼应更大的人群，也获得了用户的大量好评。
2.瀑布般的水流，让你感觉更舒服。用户的移动主线是“找参照物制定计划”，找参照物的购物感觉很符合瀑布流。于是我们瀑布式的“优秀设计”，让用户有更流畅的浏览体验。我们还解决了标签多而杂的问题。通过码选色和色值校准，使标签和内容协调统一，真正做到用图说话。
3.对于每一个屏幕，我们都不放弃基于后台统计。我们发现用户的屏幕宽度从1280px-2560px不等，大小差异较大。如果采用APP式的一套通吃，不可能让所有用户都有优质的体验。3354所以这次不仅要保持大屏的完美，还要满足小屏。
我们分析了各种布局方案，最终制定出适合主站内容的卡基响应方案。
我们把元素分为两类：一是字体大小和间距。我们设置屏幕断点，在不同的断点使用不同的动态值；第二，内容卡，我们设定基准卡尺寸，通过一个公式计算出动态像素中单张卡的数量和尺寸。
同时，内容曝光率也很重要。通过问题走查，我们配置了一套动态适配规则，保证所有用户都能有完整舒适的浏览体验。
三。未知X:有一些视觉催化剂。不同的视觉意图会与产品产生奇妙而无尽的化学反应，未知的X会渗透到感知和功能的方方面面。这个X应该是什么？形而上学的设计演绎并没有给我们答案。最终我们决定回归原点，去“家装全空间”这个真实的地方来一场头脑风暴，聚焦三个关键词：
但是“温度”不可避免地局限于家居，“技术”很酷但是太冷，“光影”成为团队内外对于空间的表达和美好折射的一致选择：
1.视觉语言改头换面并不是每个版本都需要的。设计师不是用大刀阔斧的手段来证明自己的存在感，更重要的是能在用户感知和实现成本之间找到平衡点。
本着“恰当”的原则，从色彩、肌理、图标三个方面进行提炼，定义出酷家乐主站新的视觉语言。
颜色：原厂品牌蓝色没有毛病。我们使用了它，并对它进行了流畅的解释。同时规范了功能色的使用，避免重蹈“乱”的覆辙。
质地：新的拟态很受欢迎，很适合我们。通过在设计系统中定义边框半径和边框阴影等视觉标记，我们实现了一组轻量级和层次化的组件主题。
图标：玻璃和几何图形的结合非常现代，全新的图标设计也给主站带来了自然灵动的活力。
2.logo升级从2016年到2021年，市面上的设计风格已经经历了几轮的变化，而我们的LOGO一直保持不变。在3D大行其道的时候，原有的平面图形已经很难满足一些场景的诉求。
同时，随着公司业务的发展，出现了“建筑”、“公服”、“造型”logo需求等多种子品牌。所以我们也整体升级了logo，让它有了更广泛的可能性。
3.界面表达设计语言不仅仅是局部元素的呈现，还需要落到场景中进行实际应用。只有通过一致的设计表达，才能让用户有通感体验。
让我们看看如何让用户感受到这种“光”:
第四，总结一些看似简单的变化，往往沉淀了设计师的诸多考量和心血。说实话，出众的视觉表现太容易了，难的是如何放下华而不实的部分，让设计细节真正提升产品。
我们为什么要这么做？我们该怎么办？这样做真的值得吗？有没有更好的解决办法？……多问问自己总是对的，这让我们更优雅地面对设计生涯中的难题。
作者：不戳；微信官方账号：酷家乐用户体验设计
本文由@酷家乐用户体验设计原创发布。每个人都是产品经理。未经许可，禁止复制。
主题图来自Unsplash，基于CC0协议。
