2010年12月9日-11日,首届中国交互设计体验日在广州举行: http://ixdc.org/2010/

本人有幸作为主讲嘉宾进行了一个工作坊的演讲,主题是《手机客户端交互设计三部曲》:

文档简介:在各企业如火如荼进行手机客户端设计开发的这个时代,作为有过手机操作平台、web应用等多重交互设计经历的设计师,本人发现了一些初涉这个领域的设计师存在思路茫然不够系统的情况,导致在设计进程中原则飘忽、找不到客户端的感觉等结果。本文档即主要面对这类人群,旨在讲明手机客户端设计方法的来龙去脉,从最基本的硬件到平台、到架构和细节,以及一些需要注意的问题。实际上,还应有第4部曲,就是交互设计的表达,这方面与web应用差别是很明显的。鉴于其企业内部文档性质,不便做详细说明,有兴趣的同学可以另行探讨。

ppt内容概括如下:

—————————————-三部曲分割线—————————————————————————

三部曲指的是:

第一:手机软件导航的交互特点

第二:手机软件平台与硬件的关系

第三:交互规范

引文:关于手机与web界面交互设计的区别

  Web 手机 
输出 取决于显示器 相对明显更小的屏幕
输入 鼠标/键盘操作 拇指/食指/触摸操作
风格 受到浏览器和网络性能限制 受到硬件和操作平台限制
使用场景 家中、办公室、咖啡店等室内场所 室内、户外、车中、单手、横竖屏

·由输出性能牵扯到的问题:

1.  每屏无法显示足够多的内容

2.没有足够空间放置全局导航条

3.没有足够空间利用空隙和各种辅助线来表达区块之间的关系

·由输入性能牵扯到的问题:

1. 按键机型需要焦点和方向键、OK键以及左右软键、删除键等硬件之间的配合

2.触摸机型尤其需要注意区分可否点击,并且可点击的部分需要能准确的释义—因为缺少web界面中的悬停提示

·由使用场景和状态牵扯到的问题:

1.  界面需要能适应比web更多的典型场景,例如光线的强弱与使用者走动等情况,所以设计者需要一定程度脱离自己的工位去尝试包括对比度和字号等能否满足使用需求

2.本人没有进行过较深层次的研究,有兴趣和经验的同学可以多交流

引文部分的总结(概述):

  1.手机的操作比web页面复杂,需了解其所基于的机型的硬键情况才能确定如何控制

  2.手机软件需要与web不同的导航形式,空间所限

  3.手机软件在操作步骤的缩减方面需要倾注更多的精力,每屏空间所限

  4.手机软件需要在控件/组件释义方面倾注更多的精力,硬键和逻辑所限

下面即三部曲删减了大量实例图片后的内容,基本上只是总结说明了。观者各自的手机都有大量的实例,有空可以多翻看。

第一:手机软件导航的交互特点

上图表现的是手机上的导航是如何表现和运作的。在这套导航体系中,重要程度从高到低是“返回”“标题”“菜单”。图中是典型的S60第三版式的解决办法,同时也是很大比例的按键控制机型的导航方式,其他平台在菜单和返回的处理上有所不同,但同一个平台的处理是一致的。

第二:手机软件平台与硬件的关系

观者可以对比下面两幅图,试图辨别在不同的视觉保真度上,哪个界面属于哪个手机:

                                              

以上只是简单的一例,翻看其他平台或者具体的某些机型,你一定可以发现,每个平台的机型都有自己的一套格局和控制方式。这绝不是拍脑袋想出来要如此强行定义的,因为如何控制还受制于着手机的硬键情况,所以每个平台也都会有各自的硬键配备,因此交互规范部分其实是可以包含硬键分布和控制特点的。

第三:交互规范

此部分我在之前写过更为详细的内容,请见:http://uedc.163.com/1726.html

—————————————-三部曲分割线—————————————————————————

(原下载地址有权限限制,只能对特定网域用户开放,所以取消以避免更多的误会。后续我会花些时间将尽量多的原文复制到页面上。对之前尝试下载未成功的同学道声抱歉,如有进一步交流的意愿还请留言)