前几天 3G 牌照下来,一时间 Buzz 信息很多,不过关于 3G 对 Web 技术影响的分析倒是并不多见。今天再次读了一遍这篇 2009 移动 Web设计趋势 (Mobile Web Design Trends For 2009),加上这几天在分析使用 iPhone 上的某些 App 设计,还是记录一点笔记吧。
这篇文章提到了如下五点:
- 简单的可选项(Simple options) 如无必要,勿增实体。基本的、核心功能就行了。
- 留白(White space) 我觉得 UCWeb 针对 iPhone 的设计就很一般,完全是把 iPhone 当成小屏幕显示器设计的。堆砌的网址站看起来不方便,点击起来并不方便,倒是应该弄个 LOGO 或许更好。
- 少用图片(Lack of images) 这倒是和上一条矛盾。能少用就少用,而不是不用。而用了图片,如果方式不合适,还不如不用。
- 用子域名而不是用 .mobi 域名(Sub-domains instead of .mobi or separate domains) 精简域名长度,精简!用 "i." 就很好,别用 "mobile. "。
- 内容优先(Prioritized content)
只有设计是没有用的。
我的额外建议:
- 可点击的目标锚点一定要大。因为你的手指肚更大 :) 如果一个手指尖范围内还有其它可点击目标,很容易误点。最简单的方式就是看看 iPhone 自己桌面菜单设计。而我之所以说 Taobao 商城 iPhone 版设计的不错,也是因为这一点考虑得很地道。Gmail for iPhone 的设计上,用户浏览邮件内容的时候,那个 "Inbox" 的按钮就设计的非常不好。很容易误点击到 "Archive" 按钮上。
- 分页设计 对于分页的链接,一定要隔开一些,如果"上一页"、"下一页"挨在一起,用户会很困扰。毕竟,手持设备没有鼠标,用户不可能具备"精确点击"的能力。
- 登录框设计 在 iPhone 上登录某些站点是非常痛苦的一件事情。可考虑的事情:如果用户 ID 是邮件地址的话,是否考虑无需用户输入"@" 字符?
另外,2009 移动 Web设计趋势 (Mobile Web Design Trends For 2009) 还提到了设计中的常见挑战以及需要慎重考虑的地方,这篇文章信息量还是挺大的。
--EOF--
唠叨完了,发现基本上是针对 iPhone 说事儿的,我还不是标准的移动互联网用户。