网站页面设计

昨天我花了四个小时改一个按钮的网站位置。客户说那个绿色的页面“立即购买”太显眼，晃眼睛。设计我把它往下挪了二十像素，网站颜色换成灰蓝色，页面他满意了。设计但网站转化率第二天掉了百分之三。网站

页面设计就是页面这样，你以为在解决问题，设计其实在制造新的网站。大多数时候，页面我们不是设计在设计页面，是网站在猜测用户下一秒想干什么。

有个做电商的页面朋友跟我说过一句话，我一直记着：用户不是设计来看你的设计，用户是来办事的。设计得再好看，找不到购物车按钮，那就是一张海报，不是网站。这话糙，但理不糙。

你看那些真正让人舒服的页面，往往没什么存在感。比如豆瓣的读书页面，白底黑字，封面图规规矩矩排在那儿，没有弹窗，没有动效，没有满屏的“推荐阅读”。你进去就是想找那本书的评分，找到了，看完，走人。整个过程流畅得像在翻一本纸质目录。反过来，有些新闻网站，打开先弹一个视频广告，关掉又冒出个二维码，再往下滚，文章被拆成五页，每页底部还有三个“猜你喜欢”。我一般撑不过第二页就关了。

这里头有个矛盾——设计师想表达，用户想省事。好的页面设计得把“表达欲”藏起来。按钮的圆角、字体的粗细、留白的大小，这些细节不是给人看的，是给人感觉的。就像好的服务员不会站在你旁边报菜名，但总能在你眼神扫过来的时候递上菜单。

我见过一个很有意思的案例。某个工具类网站，把注册流程从六步砍成两步之后，注册率涨了百分之四十。他们没改任何视觉风格，只是删掉了“填写公司名称”和“选择行业类型”这两个非必填项。用户不是嫌填表麻烦，是怕麻烦背后暴露自己的隐私。每个多余的表单字段，都是一道心理门槛。

还有一次，我给一个线下活动做报名页面。主办方要求放一段三百字的介绍，还要配三张往届活动的照片。我劝他们删掉两张，只留一张最热闹的合影，介绍压到两行字。他们半信半疑。结果报名量比去年同期翻了一倍。为什么？因为用户扫一眼就知道这活动是干嘛的、什么时候、在哪、报名按钮在哪，就够了。信息越全，决策越难，这跟相亲一个道理。

移动端的页面设计又是另一回事。手指头比鼠标笨拙得多，拇指的点击范围大概只有屏幕下半部分。所以关键按钮得放在拇指能够到的地方。很多网站把“立即购买”放在页面顶部，那是给鼠标用户设计的，手机上你得往下滑半天才能点。我自己的习惯是，如果一个页面在手机上要点三次以上才能找到核心功能，我就换竞品。

字体大小也是个隐形杀手。有人喜欢用细体字，觉得高级。但屏幕分辨率一高，笔画细得跟头发丝似的，看久了眼睛发酸。四十五岁以上的人，你得给他们十六像素以上的字号。这无关审美，是生理需求。我见过一个老年社区的页面，字体调大之后，停留时长翻了三倍。

说到底，页面设计是门平衡术。平衡美观和功能，平衡信息量和清晰度，平衡品牌调性和用户习惯。没有标准答案，只有不断试错。那个让我挪按钮的客户，后来数据不好看，又悄悄改回绿色了。他没跟我道歉，但下次开会，他第一句话是“咱们先测测用户点击吧”。