先说一个事实：手机屏幕小，手指粗，网速还不一定快。你做的网站，如果在手机上点不准、加载慢、字看不清，用户三秒就关掉。

怎么做？往下看。

第一步：别用电脑思维做手机站

很多人的做法是：先做个电脑版，再用工具转成手机版。结果手机打开，字小得像蚂蚁，按钮挤在一起，点一下放大三倍。

正确的做法是：先想手机。手机屏幕上，一个页面只放一个重点。别塞满，别堆砌。

第二步：手指比鼠标大十倍

电脑上，按钮可以很小，鼠标能精准点中。手机上，手指一按就是一片。按钮最小要44像素高，宽也至少44像素。两个按钮之间留出空隙，别让用户点错。

链接也是。别做那种一行字里藏一个小链接，手指一戳就点歪。要么整行可点，要么单独做成大按钮。

第三步：加载速度是命

手机用户经常在地铁、电梯里打开你的网站。网速慢，图片大，页面半天出不来——直接关掉。

怎么办？图片压缩。别传几兆的原图，用工具压到100K以内。能用文字就别用图片，能用小图就别用大图。

还有个笨办法：少用花哨特效。什么滚动动画、弹窗、悬浮按钮，能砍就砍。每多一个效果，就多一份加载负担。

第四步：字体要够大，行距要够宽

手机上看字，眼睛离屏幕近，但屏幕小。字号至少16像素，行距1.5倍以上。别用细体字，笔画太细在手机上会糊。

和正文要有明显大小差别，但别超过三倍。手机屏幕上，层级太多反而乱。

第五步：导航要简单到不用想

电脑上，导航可以放十几项。手机上，最多五个。底部的标签栏最顺手，大拇指够得着。

别用下拉菜单套下拉菜单。手机上的下拉菜单，十有八九点不准。要么平铺，要么收进“更多”里。

还有：返回按钮要明显。用户迷路了，得有一键回家的路。

第六步：表单能少填就少填

手机上打字很痛苦。注册、下单、留言，每多一个输入框，就多赶走一批人。

能用选择的，别让打字。能自动获取的，别让手动填。能分步的，别挤在一页。

第七步：测试，用真手机测试

电脑上模拟手机，永远不如真机准。拿几台不同尺寸的手机，安卓、苹果都试试。点一点，滑一滑，看哪里卡、哪里错位、哪里字太小。

别信自己的感觉。找旁边的人，让他用你的手机打开网站，看他第一眼往哪点、在哪停住。

最后一句实在话

移动端网站建设，核心就一条：把用户当成在地铁上单手拿手机的人。他着急、他手指粗、他网速差。你替他省一步，他就多留一秒。

别追求酷炫，追求顺手。