网站视觉与性能的双重平衡术：19年交互设计师的技术思辨

　　去年一月份那会儿，隔壁档口老王非说要把网站首页的轮播图换成八张高清大图，说现在流行“沉浸式体验”——我原以为他也就是跟风，结果那货真找了个刚毕业的美工，三天憋出八张图，每张都带动态光影，加载起来跟老牛拉车似的。我蹲在泡沫箱上抽电子烟，看那进度条卡在75%不动，心想这得折多少单？后来他跟我吐槽，说那周退货率涨了12%，我指了指他档口顶上晃悠的灯泡：“你这灯都比他网站转得快。”

　　做交互这行十九年，我最烦两种人：一种是美工，一种是“技术至上”的程序员。美工总觉得视觉越炫越好，程序员总觉得代码越精简越牛——可网站这玩意儿，说白了是给人用的，不是给机器跑的。前年帮个二批做电商，那小子非要学大平台搞3D商品展示，结果页面加载时间从1.2秒飙到5.8秒，我蹲在仓库数退货单，发现退货理由里“加载太慢”占了43%，比“商品不符”还高。后来我让他把3D模型换成静态图，加了个“点击查看3D”的按钮，退货率直接砍了一半——你说这算不算优胜劣汰？

　　档口收音机里正放着《穆桂英挂帅》，隔壁剁骨头的刀声“咚咚”响，我低头看秤盘上的泥——这秤盘用了五年，泥都渗进刻度里了，可称重照样准。网站也一样，视觉和性能就像秤盘和刻度，缺了哪个都不行。我原以为现在用户都追求“极致体验”，结果去年帮个做生鲜的客户优化网站，发现用户最在意的不是图片多精美，而是“能不能快速下单”。那客户之前找了个“高端设计公司”，把首页搞得跟艺术展似的，结果转化率跌了20%；后来我让他把“立即购买”按钮放大两倍，颜色改成大红色，转化率又涨了15%——你说这算不算优胜劣汰？

文章配图，仅供参考

　　跑题说个事儿：我老家那表哥，前年非要在县城开个网店，卖自家种的苹果。他找了个“专业团队”做网站，花了三万多，结果页面加载要八秒，手机端还显示不全。我回去看了眼，发现那团队为了“美观”，用了张二十兆的背景图，还嵌了段五分钟的宣传视频——我表哥还跟我炫耀：“你看这视频多清楚，用户肯定喜欢。”我指了指他手机上的“加载中”：“用户连页面都进不去，看个屁视频？”后来我帮他重新做了个网站，图片全压缩，视频删了，加了个“快速购买”入口，结果第一个月就卖了五千斤——你说这算不算优胜劣汰？

　　回到正题：网站视觉和性能的平衡，说白了就是“别瞎折腾”。我见过太多客户，为了“跟上潮流”瞎改设计，结果把好好的网站改废了。去年帮个做服装的客户优化网站，他之前找了个“年轻设计师”，把导航栏改成侧边悬浮的，结果用户找不到“女装”分类，退货率涨了18%；后来我让他改回顶部导航，加了个“女装热销”的横幅，退货率又降了12%——你说这算不算优胜劣汰？

　　档口地上那摊水一直没干，可能是楼上漏水，也可能是昨天下雨溅进来的。我蹲在秤盘前看水渍，突然想起个事儿：去年帮个做母婴的客户优化网站，他之前找了个“高端美工”，把产品图全做成“艺术照”，背景虚化，光影柔和，结果用户反馈“看不清细节”；后来我让他把产品图改成白底高清图，加了个“放大镜”功能，用户满意度涨了25%——你说这算不算优胜劣汰？

　　我原以为“优胜劣汰”是自然规律，结果发现这行里，太多人不懂。他们总觉得“视觉”能打败一切，可用户没那么傻——你页面加载慢，他直接关；你按钮找不到，他直接走；你图片看不清，他直接退。去年帮个做零食的客户优化网站，他之前找了个“技术大牛”，把代码优化得“极致精简”，结果页面加载是快了，可兼容性差，手机端显示错位，用户反馈“没法买”；后来我让他把代码稍微“臃肿”点，加了个兼容性检测，用户满意度又涨了18%——你说这算不算优胜劣汰？

　　收音机里正唱到“辕门外三声炮”，隔壁剁骨头的刀声停了，我低头看秤盘上的泥——这泥擦了五年都没擦干净，可称重照样准。网站也一样，视觉和性能的平衡，不是靠“极致”或“精简”，而是靠“实用”。我见过太多网站，为了“美观”牺牲性能，为了“性能”牺牲体验，最后都死了。只有那些既能让用户看得舒服，又能让用户用得顺畅的网站，才能活下来——你说这算不算优胜劣汰？

　　最后说个实在的：别信那些“潮流”或“趋势”，用户要的不是“炫”，是“快”。你页面加载超过三秒，他直接关；你按钮找不到，他直接走；你图片看不清，他直接退。优胜劣汰的规则很简单：谁让用户舒服，谁就能活下来。我原以为这行里的人都懂，结果发现，太多人还在“视觉”和“性能”之间纠结——其实有啥好纠结的？用户用脚投票，市场自然会淘汰那些“瞎折腾”的。

（编辑：航空爱好网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!