手机客户端交互设计原则及信息展现方式

在手机上浏览信息,存在着太多的局限,手机屏幕小注定了一页不能显示太多的信息,环境光线的变化注定页面设计不能过于花哨,流量限制注定不能有太多的图片和样式。

如果让你的用户直接在手机上浏览为web所设计的网页,即使是经过一些手机浏览器的优化,体验还是会很糟糕,甚至有时候会让人难以忍受。

如何调整信息展现方式,使内容能在小屏幕的手机上也更友好的展现呢?接下来我将通过一些原理和实例来阐述自己的观点。

首先,老祖宗Ben Shneiderman的交互设计8项黄金法则我们要铭记于心,因为这些法则也是适用于移动互联网的基本法则——

  1. Strive for consistency.力求一致
  2. Enable frequent users to use shortcuts.允许频繁的使用快捷键
  3. Offer informative feedback.提供明确的反馈
  4. Design dialog to yield closure.设计对话,告诉用户任务已完成
  5. Offer simple error handling.提供错误预防和简单的纠错能力
  6. Permit easy reversal of actions.应该方便用户取消某个操作
  7. Support internal locus of control.用户应掌握控制权
  8. Reduce short-term memory load.减轻用户的记忆负担

其次,针对手机上的交互设计原则,还有以下需要补充的一些点——

  1. 尽量减少操作的步骤
  2. 尽量利用点击来代替输入
  3. 时刻让用户知道自己所处的位置
  4. 与web保持一致且数据同步
  5. 为输入法让出空间

而对于手机上的信息展示方式而言,则是本文讨论的重点,也是从《Mobile Interaction Design》一书上受到了些启发。

手机上的信息展现,一方面要有利于你找到需要的信息,一方面要提供友好的方式阅读你需要的信息。为了在手机上有效的支持这两个任务,手机网站交互设计中的信息设计需要满足以下几条:

  1. 摘要形式展现信息
  2. 导航和提示处于明显的位置
  3. 减少滚动

(更多…)

作为一个产品,我该如何与人类交流……

《The Design of Future Things》Donald A. Norman  读书笔记

我是一个产品,有理想、有道德、有文化、有纪律的产品,你们可以暂时叫我X-Woman

随着科技的进步、时代的发展,我越来越聪明,人类变得越来越笨,为此,我不得不开始系统的去分析研究人类,他们的需求习惯、行为局限等。

人类是……大型的、维护成本很高的、难以控制和管理的,并且他们会对环境造成污染。这样的设备仍然还在继续被生产出来,被部署到世界各地,这台让我震惊了。但是由于他们无处不在,我们必须围绕他们的局限性来设计我们的协议和规则。

(更多…)

做产品需要怎样的想象力——关于微软旅游网站的YY……

Travel Guide 主界面

做产品,即要有天马行空的想象力,又要有举一反三的思辨精神,还要有宏观的普世情怀,最后要收拢于可行性之下。

先说这个想象力,看过卡梅隆大片《阿凡达》(Avatar)我们想到了什么?无非是些“人体USB接口”,“胯下鸟大能征服世界”之类的。但是早在2002年,一名赴韩考察的腾讯员工,却从韩国“Avatar游戏”里得到启发,有了QQ用户虚拟形象,即QQ秀雏形这样一个提案。

那么时至今日再看到3D电影阿凡达,我们又能想到什么呢?首先,每个人可以操控自己的一个虚拟形象;其次,这个虚拟形象跟现实中的你有着千丝万缕联系,不是单纯的操控关系。

于是,看到微软推出的旅游网站Travel Guide旅游指南的时候,我一边感慨Bing整合互联网旅游信息的野心,一边期许着他们突破固有思维,做更多大胆的探索。这里,想提一下利用物联网+avatar+SNS做一个虚实结合的旅游社区,不知道是否可行。

(更多…)