关于移动 Web 设计的闲言碎语

前几天 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 是邮件地址的话,是否考虑无需用户输入”@” 字符? [iPhone 2.2 固件已经改进了许多]

另外,2009 移动 Web设计趋势 (Mobile Web Design Trends For 2009) 还提到了设计中的常见挑战以及需要慎重考虑的地方,这篇文章信息量还是挺大的。

EOF

唠叨完了,发现基本上是针对 iPhone 说事儿的,我还不是标准的移动互联网用户。

此文作者:, 位于 Web 分类 标签: , on .
转载须以超链接形式标明文章原始出处和作者信息及版权声明.

6 thoughts on “关于移动 Web 设计的闲言碎语

  1. blogkid

    如果是没有触摸屏的手机,最好能设一些快捷键,比如翻页之类的。
    感觉twitter和gmail在这点上做得挺好,但也会有一些冲突,比如“2”本来可以向上滚动的,可是在twitter里面会跳到”@replies”

    Reply
  2. Fenng

    @blogkid
    这个恰好是“设计上的挑战”,那篇文章里面提到了针对不同手机,设计上还是有些难度的,尤其是页面大小兼容性

    Reply
  3. wall

    其实,3G应用日韩早已成熟。
    作者不宜以PC BROWSER的行为模式来类比3G应用
    BTW,相对而来,我可能更看好NFC(Near Field Communication)应用。

    Reply
  4. 华晨

    我来添加一点,就是应该“下一页”在前,“上一页”在后,因为一般都是需要往下一页看的,方便访客。

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *