避免滚动
iPhone和iPad等移动设备可根据设备中心来调整页面，这些也减少了滚动需求，不过并不是所有移动设备都有这功能。
在手机上需要滚动的内容页面不具有良好的体验。
横向滚动也不是个好主意，特别iPad上，滚动条只有在用户尝试滚动的时候才会出现，所以多数情况下，移动网页设计都要避免滚动。
一个好的移动网页设计具有清晰地布局以及简洁的导航选项。
导航和按钮的大小
另外一个关键成分就是导航和按钮了！这也是触摸移动设备的一个重要问题。
我不确定你的手有多大，我想你肯定遇到过要点下那么小的按钮，更该死的他还没有放大功能。
所以说，一个好的体验要有什么？一个大小恰当，按起来爽的链接和按钮！！！
减少点击次数也是个好主意，在移动网页设计中这也是重要的一点！！
内容设计
内容是网站的核心，不过也要考虑到流量等成本问题，如何减少过大的图片、文本和多媒体也是门学问，50KB和2MB有着相当大的区别！
移动设备更强调“少”，更少的内容意味着更具可读性！
文本内容
一个网站里，最多的就是文本内容了！
但是尽管内容依旧是手持设备上的网站，但是诸如滚动、小文件、快速阅读以及带宽限制等因素，这些都意味着我们必须调整文本以确保其可用性！
如果你的设计只是在现有网站布局上进行简单的调整（也就是第一个办法NO1:采用支持移动设备的网页设计），你需要对一些不必要的文本、图片或者多媒体进行删减（就算是提供下载，也会增加可读性）。而独立的手机网站设计的好处就是可以清除多余的内容。
图片
屏幕小决定着CSS格式的图片或者大容量的infographics会有问题。虽然有些手持设备屏幕大，问题不会明显。IPhone等设备的放大缩小功能仍旧有限，所以一些视觉美化功能肯定需要剔除！
50KB和500KB的图片在尺寸和解决方案上也有着明显的区别！带宽损耗也不同!
视音频
视音频几乎是必须具备的内容，就算是有宽带限制，尤其是在iPhone和iPod这样的设备。同样的道理，适度的和明智的使用是关键！
如果你提供视音频，最好有一个下载征询！
下面是几个建议：
- 格式：谨慎使用flash等一些设备上不兼容的格式
- 视音频文件大小：优化你的文件
- 不要自动下载视音频：一定要事先征询用户
- 不要自动播放：这样很让人厌烦
- 其他需考虑的因素
- 最要要考虑的因素可能还有scripting、plugins等等
知道该不要什么，该保留什么，这样才能提高用户体验，同事确保你的手机网站能够适用于所有移动设备！
本文链接：http://www.mobileui.cn/5-mobile-web-design-practices.html本文标签: CSS3, HTML, JavaScript, 用户体验, 移动网页, 移动设备, 网页设计
