在手机上浏览信息,存在着太多的局限,手机屏幕小注定了一页不能显示太多的信息,环境光线的变化注定页面设计不能过于花哨,流量限制注定不能有太多的图片和样式。
如果让你的用户直接在手机上浏览为web所设计的网页,即使是经过一些手机浏览器的优化,体验还是会很糟糕,甚至有时候会让人难以忍受。
如何调整信息展现方式,使内容能在小屏幕的手机上也更友好的展现呢?接下来我将通过一些原理和实例来阐述自己的观点。
首先,老祖宗Ben Shneiderman的交互设计8项黄金法则我们要铭记于心,因为这些法则也是适用于移动互联网的基本法则——
- Strive for consistency.力求一致
- Enable frequent users to use shortcuts.允许频繁的使用快捷键
- Offer informative feedback.提供明确的反馈
- Design dialog to yield closure.设计对话,告诉用户任务已完成
- Offer simple error handling.提供错误预防和简单的纠错能力
- Permit easy reversal of actions.应该方便用户取消某个操作
- Support internal locus of control.用户应掌握控制权
- Reduce short-term memory load.减轻用户的记忆负担
其次,针对手机上的交互设计原则,还有以下需要补充的一些点——
- 尽量减少操作的步骤
- 尽量利用点击来代替输入
- 时刻让用户知道自己所处的位置
- 与web保持一致且数据同步
- 为输入法让出空间
而对于手机上的信息展示方式而言,则是本文讨论的重点,也是从《Mobile Interaction Design》一书上受到了些启发。
手机上的信息展现,一方面要有利于你找到需要的信息,一方面要提供友好的方式阅读你需要的信息。为了在手机上有效的支持这两个任务,手机网站交互设计中的信息设计需要满足以下几条:
- 摘要形式展现信息
- 导航和提示处于明显的位置
- 减少滚动

![zhywebproduct[5] zhywebproduct[5]](http://elya.cn/wp-content/uploads/2009/12/zhywebproduct53.png)