今天再次读了一遍这篇 2009 移动 Web趋势 (Mobile Web Design Trends For 2009)，加上这几天在分析使用 iPhone 上的某些 App 设计，还是记录一点笔记吧。

这篇文章提到了如下五点：

1)简单的可选项(Simple options) 如无必要，勿增实体。基本的、核心功能就行了。

2)留白(White space) 我觉得 UCWeb 针对 iPhone 的设计就很一般，完全是把 iPhone 当成小屏幕显示器设计的。堆砌的网址站看起来不方便，点击起来并不方便，倒是应该弄个 LOGO 或许更好。

3)少用图片(Lack of images) 这倒是和上一条矛盾。能少用就少用，而不是不用。而用了图片，如果方式不合适，还不如不用。

4)用子域名而不是用 .mobi 域名(Sub-domains instead of .mobi or separate domains) 精简域名长度，精简！用 “i.” 就很好，别用 “mobile. “。

5)内容优先(Prioritized content) 只有设计是没有用的。

我的额外建议：

1)可点击的目标锚点一定要大。因为你的手指肚更大 🙂 如果一个手指尖范围内还有其它可点击目标，很容易误点。最简单的方式就是看看 iPhone 自己桌面菜单设计。而我之所以说 Taobao 商城 iPhone 版设计的不错，也是因为这一点考虑得很地道。Gmail for iPhone 的设计上，用户浏览邮件内容的时候，那个 “Inbox” 的按钮就设计的非常不好。很容易误点击到 “Archive” 按钮上。

2)分页设计 对于分页的链接，一定要隔开一些，如果”上一页”、”下一页”挨在一起，用户会很困扰。毕竟，手持设备没有鼠标，用户不可能具备”精确点击”的能力。

3)登录框设计 在 iPhone 上登录某些站点是非常痛苦的一件事情。可考虑的事情：如果用户 ID 是邮件地址的话，是否考虑无需用户输入”@” 字符?

转载请注明：夜阑小雨 » 关于移动 Web 设计的建议