海口官网页面太密，UI改版先砍掉一半内容

一个页面放十七个模块，我数过。那是我们服务过的一家做杀虫剂产品的商家，官网改版之前的首页。老板的诉求很直白：他说产品种类多，客户靠页面找货。理解，但他把这些东西全搬到首页之后，客户什么也找不到了。

内容多不等于客人找得到东西

他后来做全网营销，多平台布局，靠的是渠道而不是页面。这个结果出来之后，官网的任务就变了：从罗列变成引导。改版时我们只做两件事，砍首页模块，砍到剩下四个半屏能看完。我们交付300多个小程序，这种首页大杂烩见过不少。砍下来的那些产品分类，塞进二级页，每个分类页里再列。

层级最多只留三层就够用了

改完的路径是这样的：首页到产品分类到具体产品，三层点到。超过三层，手机上点起来就开始烦躁。判断标准很土但好用：拿手指在屏幕上点三下，还不到，那就太深了。这条我们给做工业品的老板说得最多，江东新区那批做设备的公司，页数多，砍完往往更值钱。

首屏只留一个主要动作口就

改版前首屏有五个按钮，改完留两个：一个询价，一个下载技术资料。多一个按钮，转化就少一分，这个我们反复验证过。做杀虫剂这个品类的客户尤其明白，他要的不是浏览，是问价。所以首屏那句话也改了，从介绍公司改成说清他供什么规格。老爸茶店和兴隆咖啡的页面同理，先说清卖什么。

改版前后的自查清单四条用

你自己也能查，就这几条：

• 首屏有没有一句话说清你卖什么
• 从首页点到目标产品超过三下没有
• 一屏里按钮超过三个就减
• 正文字号手机上能不能一眼看清
• 图片有没有压过，一屏被一张图吃掉

五条里过两条算合格，全过就挺好。秀英区做出口的那批老板改完第一版，客服接到的第一句话是：怎么一下清爽了。我们做UI设计按需求评估，一案一价，海口信服无限交付100多个商业APP，改版范围先谈清楚再动手。我们做UI设计按需求评估，一案一价，改版的范围先谈清楚再动手。顺带说一句，改完UI不接着改网站，等于白改一半。设计与开发分开报价的项目，中间那道缝最容易漏客。

内容砍半的疑问

模块砍掉客户找不到货怎么办？

砍的是首页的罗列，不是砍产品。产品都在二级页，而且分类是照老客户平时找货的习惯分的。

首屏只留两个按钮会不会太少？

正好。客人打开页面平均停留不到一分钟，两个明确动作比五个模糊入口有用。

改版要重新做设计吗？

结构和样式都要动，属于重做。改完连着开发一起做，中间那道缝最容易漏客。

总结

海口官网UI改版，先砍内容再调样式。那家做杀虫剂的商家后来多平台协同获客，官网没拖后腿，靠的就是这次砍干净。你现在打开自己的官网数一数首屏有几个按钮，数完你就知道该先动哪儿。