来自smashingmagazine的文章，涉及到2009年的移动设计的趋势、挑战、注意事项以及流程方面的东西，还在文章末尾附上了一个UI库。先译出趋势一段，每一点都在括号内加上中国现状的简要分析，太长了……

正文:时代飞速变化，越来越多的人通过移动设备与手机去访问互联网，因此，Web设计师们需要在这个领域上充电，以此适应用户访问习惯的变化，不仅公是国外，象征性的3G发牌表明在一到两年内将有更多人接入移动互联网。这篇文章将从趋势、挑战与技巧方面讨论针对移动设备的设计。并会在文末附上相关的文章链接与资源（图片就不引用了，大家直接去原文看吧。）

移动互联网设计趋势

1、简化选项

在移动互联网里最引人注目的事情中，有一个是“按比例减少的选项”，它可以增加可用性。比如digg的移动站，只有10个简单的标题与链接，一个登录链接和基本的导航。在移动互联网中，简单是关键。

http://88.198.60.17/images/mobile-web-design-trends/digg2.jpg

由于屏幕太小而且网速较慢，让用户访问到最重要的东西非常重要，这些链接越少越好。在信息过载的网页中，简单的移动网页会让人感到耳目一新。（在国内的WAP相当夸张，首页推满了链接，只有像校内这些copy国外的web2应用才采用了简单的页面。）

2、留白

留白在什么设计中都很重要，它在传统的Web设计经常是个挑战——大家常常争夺曝光位，而在移动设备中留白更加重要，因此屏幕如此之小，混乱的网页超级不友好，很难让用户在移动环境中完成任务。（想像一下我们是在哪里使用手机，在床翻来覆去的时候、走路时、像F1一样的公车上、摇晃的地铁中……）在以上场景中使用时，你会发现大量留白的设计会很有帮助。

3、少量的图片

随着传统互联网速度的提升，大量的图片与视频被应用其中，但在移动互联网中，过度地使用会伤害用户体验（30-40K的wap页面在2.75G网络中完全打开也需要5秒左右，通常一张宽100px的图片在3-5K）。

http://78.46.108.98/images/mobile-web-design-trends/netflix.jpg

由于接入网络与套餐不同，以及因终端多样性导致图片浏览困难，因此图片应用很少。（解决的办法多是制作多张图片、识别UA后按屏幕的尺寸匹配，3G门户竟然用起了gif图解决无法直接观看视频的问题。）当然，宽带在不断增加，人们在向智能手机（山寨机）过渡，但使用低端机的朋友还是不少。（超50%的用户过渡到大屏机也得一两年）

4、使用子域名

当.mobi登场时，新闻媒体蜂拥而上，一些公司也使用了这种域名，但更多的公司开始使用子域名或者在主域名下建立独 立的文件夹。虽然这些公司在这些做时需要考虑很多东西，但这样做可以把所有东西都保留在同域名中——这样用户就不大可能晕头转向了。(在现实中，你可以看 到m.twitter.com,m.flickr.com等大牌，也可以看到中文版的m.xiaonei.com，m.yupoo.com。至于 WAP。。重构是第一课吧。)

5、内容优先

由于选项简化，内容被提高到前所未有的位置。当你浏览移动互联网时，你会发现内容优先呈现给访问者。像onion这个在WWW上把条幅广告高高举起的网站，在mobile版里完全看不到，很多mobile网站都是无广告的！（你很难在wap发现这点，因为他们仅靠wap中的广告而活）

另一个例子来自购物网站best buy，他们只提供了两个框框与两个button，还有一个购物电话号码。他们的逻辑是：访问这个网页的人可能在路途中，脑袋里有一些特别明确的想法，他们也许想找一个附近的商店去买些东西。这比用手机在网上乱逛可能性高多了。因此帮助他们实现目标的方法就显而易见了。

http://78.46.108.98/images/mobile-web-design-trends/bestbuy.jpg

待续：2009年移动互联网设计(二)：挑战