咱们先问自己几个扎心的问题：现在打开自己公司的网站，用手机刷刷看：
页面是不是得手动放大缩小才能看清字？
图片是不是半天加载不出来，或者比例都乱了？
点个按钮是不是感觉手指头太粗，总误触旁边？
滑动起来是不是一顿一顿，感觉特别慢？
如果你的回答里有几个“是”，那不好意思，你可能正在劝退一多半的用户。因为现在大部分人都是用手机上网的，网站做不好手机端，就像开店不打扫卫生，东西再好，顾客进门就想走。
简单说，就是让你在电脑上做的网站，能在各种大小、各种型号的手机屏幕上，都看着舒服、用着顺手。
这不是简单的把电脑版网站按比例缩小就完事了。手机屏幕窄、操作靠手指、网络环境多变，这都需要专门的设计和调整。
第一，速度是第一生命线
没人愿意等。在手机上，耐心更少。
压缩图片：别把电脑上的大图直接扔到手机站上，用专门的工具压缩，清晰度够用就行。
简化代码：清理没用的代码，能加快加载速度。
考虑“懒加载”：先加载用户能看到的内容，下面的等用户滑下去再加载，别一次性全堆上来。
挑个靠谱的服务商：服务器响应快不快，对速度影响巨大。
第二，布局要“手指友好”
手指不是鼠标，操作精度低。
按钮做大点：别设计得太小太密，免得用户点不中，着急。
留够间距：内容之间、段落之间，留出足够的空白，看着不挤，点起来也不容易出错。
简化导航：电脑上那一排复杂的菜单，在手机上最好收起来，变成清晰明了的“汉堡包”菜单（三条横线那种图标）。
字体用对：字号不能太小，默认起码要保证在手机上不用放大就能轻松阅读。
第三，内容要“直给”
手机屏幕小，用户注意力短。
突出重点：把用户最关心的信息（比如产品核心卖点、联系方式、行动按钮）放在最显眼的位置。
精简文字：段落要短，多用小标题、列表，让人一眼扫过去就能抓住重点。
优化表单：如果需要用户填表，能少一栏是一栏。尽量用下拉选择代替手动输入，自动调起手机的数字键盘或邮箱键盘。
第四，交互要符合手机习惯
别让用户觉得别扭。
可以左右滑的图（轮播图），要容易操作，指示清晰。
能用滑动解决的问题，就别非让用户去点一个很小的按钮。
别用Flash之类的东西，很多手机根本不支持。
第五，别忘记测试！
这是最实在的一步。
别只用最新款的手机测。找几台不同牌子、不同尺寸、不同系统的旧手机，真机上去划一划、点一点。
在不同的网络环境下（比如用4G、用稍慢的WiFi）都试试，看看加载速度怎么样。
把手机横过来（横屏）看看，布局会不会乱掉。
它考验的是，你是不是真的在乎用户在手机上的感受。一个加载飞快、浏览顺畅、操作轻松的手机网站，传递出的信息是：“我尊重你的时间和体验，我的产品/服务也值得你信赖。”
现在就去用手机打开你自己的网站，像个挑剔的用户一样用上五分钟。每一个让你皱眉、让你等待、让你找不到地方的瞬间，都是一个需要立刻记下来的优化点。
这件事没有“做完”的时候，因为技术和用户习惯总在变。但把它当成一个持续改进的过程，你的网站才能真正抓住移动时代里，那些最重要的流量和人心。
联系电话