问题何在？
这可能是手机用户最常面对的问题，本来想到贵宝地取经、把妹、基友同睡。结果给我来个：
即将到来(coming soon!)
“手机版本即将到来”“快到了”这些只会叫不会高潮的词对用户的目标实现而言，屌用都没有。
屏幕尺寸
嫌弃人家弟弟小或者弟弟横着长就拒绝人家，这种体验实在是太糟糕了！
浏览器支持
一图胜千言，没什么好说的。在这个UA探测狂野的时代，连超越我塞班手机N+档次的靠谱Android手机浏览器都不支持——顿时，我和我的小伙伴们都惊呆了！
Flash
唉，手机浏览器上，Flash经常不举，尤其面对视频的时候。
数字版权管理
…
其他小朋友
Cookies, 不支持的格式，过于高级的方法以及其他杂七杂八众多让手机web用户集体抓狂的问题。
解决之道
解决之道在于内容校验。给用户想要的东西，不要关心他们是如何访问web的。Stephen Hay的建议是：
(不要搞那些有的没的的)，就把相应任务的相关内容高质量的全部提供给用户，[…], 然后，用户自然就知道，我TM要做这个，我现在要搞那个。
不过在这茫茫前端届，不止你一个人抛弃了Flash, 因此，兄弟你没必要为之耿耿于怀！
延伸阅读
问题所在
一直到现在，最常见的移动站点开发策略是创建一个手机专用的单独的网站(或者m.xxx的网站)。拥有两个单独的网站，意味着需要有指向正确设备的正确经验。从理论上讲，这听起来便于管理。然而，理想总是美好的，在实践中，并不是每个人都走在你希望的道路上。
下面这是一些URL重定向嗝屁的重口味例子：
桌面访问m.xxx站点
以上这种状况往往是这样子发生的：1. 四娘使用手机在微博上分享了一个链接，是他跟杨幂的合照；2. 幂黑在网吧上网，必然看到了这个分享链接，然后点击之；3. 结果在桌面浏览器上看到了手机站点。
显然，上面这种情况不应该发生，但是，一些大网站，如维基百科或“右土逼”也是这样。
重定向到主页
连环画什么的大家都喜欢~~
这太可怕了。人家妹子想看看怎样跟程序员相处的文章的，你丫给重定向到首页去了。活该你单身！！
解决之道
以下为一些觉得URL重定向问题的方法。
拓展阅读
问题所在
性能问题影响深远，但往往被无视。为何？因为性能是看不见的。这就是为什么WTF Mobile Web上有这么多关于性能的截图。我们都感受过手机浏览器上访问网站那种拉屎拉不出般的痛苦。肥娘且便秘般的网站不仅考验我们的耐心，同时用户获得数据的开销也是巨大的。
解决之道
我之前曾经写过响应设计中性能优先的文章，因此，简而言之，我们要把性能当作重要的干粮，放到预算中，并坚持下去，例如惰性/条件加载，遵循一些XXX的最佳实践准则之类。
拓展阅读
问题所在
如果我们单纯地认为，上半身有胸，下面就真空，往往可能会发生糟糕的事情，尤其在泰国。手机亦如此，臆想用户的浏览器大小、环境、设置、方向等，可能就会遇到类似上图的蛋疼问题。所谓流畅的web体验，指的是在许多不同的设置以及场景中都如此。
解决之道
不要想当然。避免定性思维，例如“浏览器的右上角是菜单按钮”，因为你不知道用户是通过什么样的浏览器或应用程序访问该网站。人在江湖，身不由己，我们无法控制用户环境。但是，我们一旦向该事实妥协，我们就能够创建更强大、更加不可知论的解决方案。
问题所在
此问题就像秃子头上的虱子一样明显。人家好不容易找到了自己想看的内容，你啪啪搞个插件式的弹框，希望增加你的原生App下载量，还美其名曰更好体验，实际是想方设法对得起自己在原生App上花费的大价钱。
此策略问题颇多。首先，让人及其火大；其次，走App路径是很低效的。在Web上，往往就是下面这两部：
然而，走App路径可能就会是这样：
在以上过程开始之前，我尼玛已经忘记我一开始要查看的是什么了！
解决之道
不要这么干，Google会惩罚你的。相反，想想看用更微妙的方式来推广你的应用程序。在顶部或底部弄些干扰度低的横幅，不要让用户觉得这是脑残广告，可以让用户轻易掠过。对于iOS, 可以试试智能横幅，它提供了一个更自然的方式处理App的推广。
拓展阅读
问题所在
人，包括我在内，都有搞个App的欲望。于是，当最终他们又机会可以在移动端做点什么事情的时候，他们立马会想到“搞个APP啊，走起！”嘴脸立马变成下面这幅屌模样：
这种思想应用到Web的结果往往是灾难性的。我感觉我在手机浏览器上看到的“转转转”loading效果比看音乐视频还多。
试图把网站变成App最好的例子是Fast公司惊人离奇的移动网络体验，感受下(以下视频使用HTML5 video, 贫民浏览器自动绕行)：
上面如此的大动干戈其实只是————页面上放几个单词！
解决之道
web不是原生App, 不要仅仅因为web网站也是在手机上看的，就搞得跟App一样，在中国，这个叫做“东施效颦”。拥抱网络这个独特的介质，跑去App冲面子，啧啧啧，完全就是个可怜人那！
拓展阅读
问题所在
许多设计决策可以影响移动网络可用性体验。这里仅仅是几个例子：
Fixed定位
Fixed定位在手机端可谓大行其道。然兼容性就那样，甚至在最流行的移动平台的最新版本都不支持。在一些小屏幕手机上，空间本来就有限了，你好来一个固定定位，你知不知道很多重要的内容可能就被覆盖了。同时，你应该注意到了，应用程序以及浏览器会有自己的头部顶部什么的，真实内容区域进一步被蚕食。
覆盖层
覆盖是烦人的。他们也往往有定位的问题，这会导致一些非常不想看到的结果。难道你真的想承担用户无法关闭覆盖了您真实内容的这个覆盖层的风险？
其他更多
解决之道
拓展阅读
zxx: WTF意思是”What The Fuck?”，中文意思指“都他妈怎么回事？” FTW估计指”Fuck The What!”，中文意思是“都他妈玩蛋去吧!”
本文历时很长，从2012年春天就开始了。Google发布了智能机网站常见错误，这促使我要更进一步并完成之。
好的是进步有目共睹。当然，或多或少还是会有些问题的，但通过2年的文章梳理，我们看到了并不狰狞的主流移动web体验。
同样，我想再次强调，WTF Mobile Web这个网站并不是个混蛋，其只是想突出问题，我们都是移动web这个新媒体的创造者。我们需要知道我们面临什么样的问题，这样我们才能做得更好。
有幸看到移动web设计从完全的马后炮到Web设计策略的重中之重的转变。这是很好的，这就是进步！
此内容由惯性聚合(RSS阅读器)自动聚合整理，仅供阅读参考。 原文来自 — 版权归原作者所有。