MagicWorld 2008-6-7 22:12
IPhone 中的交互设计
在程序员杂志上,看了一篇关于IPhone的文章,介绍iPhone的几个新技术,相当棒的感觉,对交互设计来说很有启发。把里面的关键内容作了整理,一起分享吧!
iPhone 手机在人机交互方面的特点:
[size=4]1、3.5寸的显示屏,[/size]摆脱了触摸笔,键盘的束缚,完全采用“只需用自己的手指在一个小小的屏幕上进行触摸就可以了”。
[list][*] 为了做到这一点,就不能使用传统的,[color=red]界面按钮凹凸变化来表示是否点击按钮[/color]。[/list]
[list][*] iPhone的方法是[color=blue]将所按下的字母部分的图像快速放大到比较醒目的大小,以便能够不被手指遮挡而让用户看清楚,然后再迅速地恢复到原来的显示大小,以使得用户可以继续察看并输入下一个字母[/color]。[/list]
[size=4]2、多触点式触摸屏技术与姿势识别[/size]
[list][*] 以往的触摸屏,都是单触点式触摸屏,某一时刻,只能检测出屏幕上触摸到一个位置。[/list] 与之对应的姿势识别一般有点击,手写识别。
基于单触点的姿势[color=black]对图片进行放大缩小的姿势[/color]
(1)从上向下画直线表示放大
(2)从下向上则表示缩小
[size=3]缺点:[/size]这些操作方式的随意性太强,它们同执行这些动作所要达到的效果之间没有一种自然匹配的关系,这将导致人们难以记忆这些操作方式。
[list][*] 多触点式触摸屏,可以同时检测出屏幕上触摸到多个位置。可以应用于更为复杂的姿势识别;有可能定义出功能更为强大但却更自然的操作方式。[/list]
基于多触点的姿势[color=black]对[/color][color=blue]对图片进行放大缩小的姿势
[color=black] (1)当两个手指按在屏幕上并逐渐靠近时,这种姿势就被认为是缩小照片[/color]
[color=black] (2)反之当两个手指逐渐分开时,它就被认为是放大照片。[/color]
[color=black] [size=3]优点:[/size]这种操作方式容易记忆,因为它和人们在物理世界中所形成的经验完全吻合:即人们会将两指靠近的姿势联想为捏的动作,而将两指分开理解为拉伸的动作。[/color]
[/color]
MagicWorld 2008-6-7 22:29
[size=4]3、方位传感器[/size]
iPhone中内置的方位传感器,能够检测出用户是纵向还是横向拿着手机。有了这样的手机被摆放方向的信息,软件就可以自动地以更为适合的方式来显示信息内容。
[size=3][size=2][/size]
[/size][size=4]4、接近性传感器[/size]
接近性传感器可以检测出用户何时把iPhone拿到了耳朵附近,这样它就可以关闭屏幕,达到省电和防止屏幕被误触碰的目的。[size=3][size=2][/size]
[/size][size=4]5、环境光线传感器[/size]
环境光线传感器可以感知到周围光线的强度,从而可以自动对显示屏的亮度进行调整,这样就可以更好地提高用户观看屏幕时的体验,同时在某些情况下也起到了节电的作用。[size=3][size=2][/size][/size]
[size=3][size=2][/size][/size]
[size=3][size=2] 方位传感技术和感光技术,在我们身边也已经遇到了。新技术的发展和应用,对交互设计产生的意义是很深远的。[/size][/size]
[size=3][size=2][/size][/size]
[size=3] 下面的例子,更好的说明了,技术对交互设计的影响:[b]看一叠照片[/b][/size]
[size=3][/size]
[size=3] [size=4][b]现实世界:[/b][/size] 首先设想一下我们在真实世界中是如何看一叠照片的。[/size][size=3]最基本的动作当然是看后一张或前一张,第二个常用的动作就是根据照片的拍摄方向来将它旋转到正确的方向观看。[/size]
[size=3][/size]
[size=3] [size=4][b]iPhone的照片浏览软件:[/b][/size]已经完全可以做到这两点了。你可以通过从右向左的触摸动作来翻到下一张相片,可以通过直接将手机的方向旋转90度来从正确的方向观看,而不必点击任何按钮。在切换到不同的照片或当照片随着手机的转动而在屏幕上旋转时,动画式响应技术的运用让我们感觉到仿佛是在操作真实的照片一样自然。[color=blue]我们几乎感觉不到“界面”的存在了。[/color][/size]
[size=3][color=blue][size=2][color=#000000][size=3][/size][/color][/size][/color][/size]
[size=3][color=blue][size=2][color=#000000][size=3][/size][/color][/size][/color][/size]
[size=3][color=blue][size=2][color=#000000][size=3][/size][/color][/size][/color][/size]
[size=3][color=blue][size=2][color=#000000][size=3] [/size]iPhone 真实很棒的设计。我喜欢!:) :) [/color][/size]
[/color][/size]
MagicWorld 2008-6-7 22:32
文章详细内容,请查阅 2007年4期的 程序员杂志。
标题:从苹果的iPhone看人机交互技术
:) :)
wang 2008-6-8 14:47
苹果公司的UI做的确不错!!!PC,Ipod,及这次的 Iphone,喜欢~~~~
wuyangyang 2008-7-31 16:01
交互设计确实相当的牛x..........