先想清楚给谁看哟。手机屏幕小，用户耐心更少。打开慢三秒，一半人跑了。所以第一步不是画图，是定。哪些信息必须留，哪些可以砍。比如电话、地址、营业时间，放最前面。长篇大论的公司简介，能删就删。

定完，画草图。拿张纸，画几个框。顶部放什么，中间放什么，底部放什么。手指点得到的地方，别放太小的按钮。拇指够不着的角落，别放重要操作。草图不用好看，自己能看懂就行。

接着做原型。网上有免费工具，拖拽就能用。把每个页面串起来，点一下能跳转。自己先走一遍流程。从首页到下单，要几步？超过三步，就得改。每多一步，就多一批人放弃。

然后做设计。颜色别超过三种。字要大，手机上看小字费劲。按钮要明显，别跟背景混一起。图片要压缩，别放几兆的大图。加载半天出不来，用户直接关掉。

设计完，切图写代码。现在都用响应式，一套代码适配不同屏幕。别做两个版本，维护麻烦。写代码注意触控事件，别用鼠标那套。手指点下去，要有反应。滑动要顺，别卡顿。

写完测试。拿真手机试，别只看电脑模拟器。安卓和苹果不一样，不同浏览器也不一样。微信里打开是什么样，浏览器里打开是什么样，都得看。网速慢的时候什么样，也得试。找个地下室，信号差的地方点一点。

测试完上线。上线不是结束，是开始。装个统计工具，看用户从哪来，在哪页走。哪个按钮没人点，哪个页面停留短。数据不会骗人。根据数据改，改完再上线。循环往复。

别想一次做完。先上线最简单的版本，能跑就行。用户反馈比你自己猜准。有人说找不到联系方式，就把电话放大。有人说加载慢，就再压图片。小步快跑，比憋大招强。

最后呢说个坑。别堆功能。手机不是电脑，用户不是来逛的。是来办事的。办完就走。所以流程越短越好，按钮越大越好，字越清楚越好。记住这句话，少走很多弯路。