大多数企业看设计稿只看PC版，大气、气派、老板满意，然后手机版照着适配一下。结果上线后发现，百分之七十以上的访问来自手机，老板满意的那个PC首页，在手机上根本没人按原样看到过。多端合一建站的设计顺序，直接决定设计资源花在多数用户还是少数用户身上。
从流量分布倒推设计顺序
先把自家数据摸一遍：行业普遍规律是移动端访问占六到八成，B2B企业PC占比会高一些，零售和本地服务几乎压倒性地在手机上。手机稿先出的逻辑就在这——把最好的排版、最清晰的转化路径先给多数用户。PC稿后出，是在保证移动体验的前提下做宽屏的信息扩展，而不是反过来把PC页面压缩塞进手机。顺序反了，手机端永远像PC的缩水版，用户用着别扭，你也说不上来哪里不对。有个偏差要纠正：移动优先不等于内容缩水。手机稿砍掉的是版面上的冗余，信息一个都不能少，反而更考验内容编排的功力，什么放首屏、什么收进次级页面，都要想清楚再画。
移动优先的具体做法
- 首屏只留一件事：一句价值主张加一个动作按钮，别贪多
- 导航做减法，栏目控制在五六个，深藏的菜单要有明显入口
- 表单按手机键盘习惯设计，数字键盘对应电话输入字段
- 图片和按钮先按手指点击的尺寸画，再考虑视觉排版
四条做齐，手机端的骨架就立住了，剩下的才是视觉风格的问题。
小程序的设计再单独走一遍
小程序不是手机站的复制。用户在小程序里的心态更接近用App，期待的是直接、快、少跳转：首页应该突出高频功能，路径层级比手机站更浅，调起客服、拉起地图这些微信能力要顺着用。在多端合一建站的项目里，三端设计稿分开评审还有个额外好处——评审的人换成各端的真实用户视角，市场部看PC，年轻同事看小程序，比一群人围着一台电脑提意见靠谱得多。小程序评审时重点看高频路径：从进首页到完成核心动作，点几下能到？超过三步就该重新排布，小程序用户的耐心比网页用户还短。评审时拿着秒表点一遍高频路径，用时多少心里就有数了。
两条建议：一是设计合同里明确各端分别出稿、分别改稿，一套稿子吃三端的报价再低也别接；二是设计评审时拿真实手机看，别在电脑屏幕上缩放模拟，那不是用户看到的实际效果。比格网络的提案一直按移动优先排设计顺序，客户审完手机稿再看PC稿，十有八九会说一句：原来手机版才是大头。
