虽然智慧手机及平板出现的时间还不到10年，却只用了很短的时间就赶上了桌机浏览量。并且，根据Google 发怖的讯息，已经有超过10个国家在移动装置的搜寻量超过电脑(包含美国、日本)。
从去年至今，可以观察到Google越来越频繁的发布调整搜寻演算法及搜寻排名(Rank)计算方式的相关讯息，让搜寻引擎偏好于有针对手机友好进行设计的网站，也因为这样大幅度的调整，让很多名列前茅的网站名次瞬间滑落，而这种Google惩处仍顽固不化的作法，通常都被称为"Mobilegaddon"。
因此，如果你是Designer或RD，都应该将这些因素纳入考量，也就是说，网站除了要做得好看之外，同时也要考虑为客户未来的发展及便利性，让手机友好成为设计或开发的基本作法。
让网站设计更符合手机友好的12项原则
1. 网站在不同设备中，是否都能具备良好体验
移动设备包含的尺寸范围相当广，从智慧手机、平板到桌机，这些不同萤幕的检视方式，可以直接使用浏览器的开发者工具模拟萤幕及装置，或者也可以考虑透过这几个工具进行测试: DesignModo、ZooExtension、StudioPress。
2. 用户是否能轻松的完成常见任务
移动装置和桌上型电脑最直接的差异点就在于: 移动装置的萤幕较小。
因此，在设计网站内容时，如果模拟键盘、按钮或文字框太小，就会让操作者感觉很难用。
所以，为了提升使用者体验，你必须考虑在移动装置上的互动性，在字体、尺寸、位置的安排都要能达到清晰可辨识，让使用者能用最少的点击，就能完成工作任务。
3. 行动装置是否突显出 Call to Action
通常，经营网站最主要的目的就是提高使用者及增加收入，因此就必须要清楚的呈现出网站上的 Call to Action (CTAs)。设计CTAs功能时，假设一般电脑都会放在右上角，在移动装置就可能要考虑重新排放在更好的位置。
原则同样是，仔细再仔细的检查CTA在移动装置上的位置，布局及外观。
4.导航选单，是否存在复杂交错的层级
一直到最近，仍可以发现许多网站的导航选单有三到四层级，当然，在电脑上或许是正常不过的事，但是在移动装置上若延用这种会突然引发热膨胀效果，一次突然爆出大量项目的作法，将会是一场灾难。
简单来说，千万不要去考验用户的耐心。
把你的导航选单整理乾净，不但会获得用户喜好，更可以增加简洁及优雅感官，让平台更加亲切。
5.能否轻松的回到首页
当使用者经由水平深入到不同页面层次，并且达到最底层的文章或产品页面后，就要去思考怎么才能让他很直觉得回到首页。
举例来说，在Google研究使用者体验报告中，参予者如果点击网站的标志却无任何反应时，就会让他们体验度下降，进而降低网站评价及喜好程度。
当然，身为设计者你可以对返回首页的流程提出看法，认为同样的功能分别放在两个地方是多余的。必须简化，只要用户点开网站目录选单就能找到回首页按钮。
但是，在这里仍然建议，多一个按钮，如果能减少更多操作及困扰，那何乐而不为呢?
6.网站是否拥有良好的搜寻功能
移动使用者很常透过智慧搜寻功能寻找他们要的东西，因此在规划网站时，搜寻功能自动校正及自动完成的功能、过滤功能、快速分类选单，都是能帮助使用者更容易找到相关产品，这些功能对于电子商务网站而言，就必须更加关注。
7.表单是否有搭配适合的虚拟输入功能
你可以适当的在表单上设计一些自动完成或者适合的输入功能，让你的表单能以最简单的方式完成，并且能保留重要的资料内容。
例如，在日期栏位可以弹出日历选单、而不是让他们点选框格输入 DD/ MM / YYYY格式。
8. 除了产品图片、让其他图片无缩放功能
在之前某一段时间，很流行图片缩放功能。但是对今天的移动用户而言，一般图片缩放功能反而会是一种困扰，例如在浏览一篇文章或一则讯息时，使用者应该不会特别去缩放网站的内容。
但是在产品单元，就必须要考虑使用者可能会想看产品的放大图，因此就要考虑在这些地方放置缩放图片功能，并且要记得使用足够画素的图片。
9. 是否能让Google蜘蛛轻松抓取资料
Google已经证实了，他们在移动装置上有三种不同的配置:
- 响应式设计适应不同萤幕宽度
- 使用动态内容，跟据UerAgentString来辨识设备，跟据类型来发送不同内容
- 对不同的装置类型配置不同的URL
你可以藉由这些方法来提升跨装置体验，但是，如果Googlebot无法抓取你的网站，再多的策略都会失效。因此，千万一定要确保Google蜘蛛能顺利的进入到你的网站，让它能正确收入你的内容，包含CSS、javascript及图片。
10. 所有内容是否都能在移动装置呈现
某些内容可能再移动装置上无法出现，由其是视频，可能在移动装置上会无法拨放。 例如，现在仍有采用flash技术的影片播放器或者游戏，甚至是整个网站。要避免这种情况出现，必须确实在移动装置上测试你的内容，并且坚持使用HTML5技术。
11.跨装置检查连结及重新导向
假设你的移动装置与桌机拥有各自的URL，如果使用者透过一个电脑版的连结访问网站时，网站重新导向必须要能引导到手机板对应的页面，而不是让他回到首页。并且要确保这些连结不会失误。
假设如果有偶发可能会引导到不存在的页面或修复中的情况，则要准备完整的404或整修中页面，避免使用者无法适应突然的意外状况。
12 如何处理敏感的隐私内容及流程
很多手机用户并不熟悉完整的正确流程，因此，如果再移动装置上要使用到隐私或敏感的资料，例如信用卡或个资，为了减少使用者疑虑，你可以考虑提供"点击通话"服务，让用户能容易完成交易。或者可以交互到不同设备上。例如，用互浏览求职网站过程中，可以用email寄送推荐的职务列表，让使用者可以在有弹性的时间或装置上进行选择。
