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

移动设备交互VS个人电脑交互

两者交互方式如此不同在于屏幕不同;另外移动设备中没有鼠标键盘,而是通过手指动作来指定行动和反映。

专属技术和Plugin

比如,Apple就阻止flash在其移动设备上的应用,这真的是个问题!从而不得不依赖于苹果的专有技术!

Apple反对flash也许预兆着移动设备生产商想保住其对第三方的优先权。虽然很多开发商也因此使用苹果平台,不过对这一问题的最好解决办法就是适度地对自己的手机网站进行降级!

有着良好网络连接的网络服务

由于现在的移动设备网络环境,网络连接仍旧是许多web app最头疼的一个问题!甚至还有一些手机没信号的“死亡区”,这些都影响着用户交互,用户在做某一件事,不过网络却突然中断了,体验自然很糟糕!所以在设计app时需要考虑到离线和在线两种情况。(推荐阅读this offline HTML5 iPhone app tutorial)。

移动网站测试

你只要到手机店逛一逛,就会发现屏幕等等都是有很多不同的!

目前有很多网站测试模拟器。

考虑到现在几个大公司都只想保住自己的竞争优势,所以标准化似乎不太可能发生!

所以网站测试的范围要尽可能广!

移动设备模拟器测试

毋庸置疑,你需要在尽可能多的平台上对自己的网站进行测试,下面我们提供了一些模拟器:

Android emulator
Blackberry emulator
Dot Mobi emulator
Firefox Mobile emulator
iPhone / iPad / iPod Touch emulator
Klondike WML emulator
LG emulator
Microsoft Devices emulator
Motorola emulator
Mozilla Fennec emulator
NetFront emulator
Nokia emulator
OpenWave emulator (archive)
Opera Mini emulator
Opera Mobile emulator
Palm emulator
Palm Pre / iPhone emulator
Samsung Java emulator
Samsung Platform emulator
Windows Mobile emulator

总结:3S:Simple,Small,Speedy

虽然本文提供的都是一些概要性的建议,不过仍旧有着基本的原则。

速度(speedy)仍旧是目前首要解决的问题,我们可以利用监视器来限制解决方案和颜色。许多ISPs仍旧限制宽带,有时还会发生断网,这些情况对于老一代开发人员来说似乎并不陌生!

所以在网络等基础设施未改善之前,simple,small,speedy就是我们要遵守的3个主要原则了!

页码: 1 2 3 4 上一页

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