5大移动网页设计之最佳实践
5大移动网页设计之最佳实践-移动阅读二维码

5大移动网页设计之最佳实践

移动设备的兴起正在给互联网带来一场新的革命,虽然说移动网页设计原则不会有多大变化,但是却有着明显的区别。

至少有一点是截然不同的,目前移动设备的网络速度可比不上宽带,另外移动网页呈现方式也是多样的,有触摸屏,有上网本,这些小屏幕却貌似巨人!

可能有些人会认为移动化其实根本没必要,但是几乎所有人都得承认这是一个不可避免的趋势。

如果你正在研究移动网页设计(或者正在将一个网站搬到移动设备上),这篇文章或许可以帮助你了解到目前移动设计的发展趋势。

呈现方式

在设计对移动设备友好的网站时,首先要考虑的元素之一就是呈现方式或者用户体验方式。

呈现方式的多样化

理想的情况就是你现在的网站适用于所有类型的移动设备。也许你的网站可以适用于iPhone等拥有内置浏览器的移动设备,不过却在其他的移动设备上,情况未必如此好,而跨设备移动设计却又难以获得成功。

如果你认为开发出在IE/Firefox/Chrome/Safari等浏览器的网站很艰难,其实可以不妨试试开发专门针对iPhone/BlackBerrys/Palm Pres/Androids/Motorola/Nokia的网站,不过你很快就会发现这些硬件设备真是太多了。

在桌面网络设计中,你只有一种语言:HTML,但是在移动网络上,可能是WML,平台也可能是苹果的iOS,或者是Android。

虽然WML曾一直限制着我们的设计创意,但是如今我们所拥有的方式变得更加灵活了!

NO1:采用支持移动设备的网页设计

在移动网页设计上,一个简单的处理方法就是对现存的桌面网页代码和设计进行调整,以适用于移动设备,还有就是从草图做起,一步步的设计。例如,通过CSS3,你可以根据用户的移动设备来调整网页布局等等。

但你想想看,问题在于并不是所有移动设备都支持CSS3,所以你得求助于服务器设备侦查或者JavaScript(例如调整DOM来改变页面布局)。不过问题又来了,有些设备又不支持这些技术!

依据窗口来决定布局大小,或许只需几行CSS3。

NO2:将移动用户转向手机版网站

移动设计呈现的另一种方式就是专门针对手持设备而优化的布局,你可以利用Mobify等网络服务来做到这点。

与第一种方法相比(采用支持移动设备的网页设计),这种呈现格式更加优秀,因为体验设计是专门针对移动用户的,不考虑桌面用户。

这种情况下,你的流量取决于用户的浏览器代理。例如,如果一个移动设备用户访问你的网站(yousitename.com),然后他们会比自动转向至mobile.yoursitename.com或者m.yoursitesname.com等之类的。

独立的手机网站会获得那些喜欢更快的速度的用户所带来的流量。

NO3:用户引导要点

无论你使用何种方式,下面两点是很重要的:

访问者知道你的手机版网站是可以登录的。

访问者可以选择是登陆手机版网站还是普通版网站(译者:就是PC版网站)。

虽然强行为用户转向或者改变布局听起来似乎是个好主意,但是结果往往会令人沮丧,所以最好还是让用户可以选择。

简单的技巧就是有这两个版本的网站的链接。例如,Six Revisions,你会发现在该网站的地段会有手机版网站的链接(m.sixrevisions.com),这样无论是手机用户还是电脑用户都有了选择。

页码: 1 2 3 4 下一页

本文链接:http://www.mobileui.cn/5-mobile-web-design-practices.html
本文标签: , , , , , ,