蜻蜓
提示 登录 注册 提示 32690/0 09年7月4日 周六 9点16分 站标
从六品上:奉议郎|振威校尉级别

头像 积分:4151 乐善:172 声望:167
离线/隐身 物是 家园博客 发短信
注册于:2007-07-07 12:49:35
大类:[科技经济] → 版面:[信息技术]
2971/47 转发回复分页全看树展楼主帖 引用1 送花200收藏:0工具
o【原创】iPhone两周用后感(5)- 轻松愉悦的用户体验之一 [ 物是 ] 于:2007-07-26 08:03:49
轻松愉悦的用户体验之一:简洁直观的界面设计

发现工作之余码字跟跑完一万米后再跑四百米一样辛苦,极为佩服河内的超级牛人们,写字和吃饭一样简单,而且还字字珠玑,真是变态。

关于用户体验的好坏,显然河内有无数高手可以进行相当深入而专业的讨论。我就斗胆班门弄斧一下了。

先讲讲iphone的界面设计的简洁直观。

当然这个一样会见人见智。并不是每个人都认可“简洁直观”的。比如对无数年前的无数geek们来说,那些只支持命令行的程序,需要看着“Howto...”动辄费若干小时进行安装,才是好用的程序。那时候的我,还在巴巴地看着geek们无比景仰。而如今我们考虑的是终端用户,对geek们的想法便只能敬而远之。

先看iphone主界面,又是一个眼睛看出老茧的地方,会有什么花头?

那么从两个反面典型抓起。

这儿是前面提到的treo的主界面,注意右边的滚动条。

一望无际的treo主界面

点看全图


共有36个图标(出厂时是二十几个吧),翻四页,13行,要想打开最后的那个程序“zap”得按键14次。当然你可以按个z快速定位,但那是用户熟悉了以后。

这是某个“interface hall of shame”(链接出处)站点“tabbed dialog”里的一个例子。

华丽的tabbed dialog

点看全图


所以,在设计主界面时有个矛盾。要追求更多的功能,但又不能因此而变得繁杂拥挤,否则寻找一个功能如同大海捞针般困难。而对手机的小屏幕而言,这两者真的很难两全。

一般的电话用分层的方法解决,什么工具组,应用程序组等等。还有下面google的搜索界面。它再“more”中放了好多东东.
google的“more”

点看全图


但这样会遇到另一个矛盾,便是功能很容易因此而被隐藏起来。用户寻找起来如若在RPG游戏中寻宝,地洞一层又一层,无穷无尽。

大家可能知道Microsoft word 2003中可以定义style,那么我们在文件A中定义了一些style,想在文件B中用,怎么办呢?似乎是一个有用的功能,现在让我们来开始寻宝吧
从第一层进入第二层

点看全图


进入第三层

点看全图


进入第四层

点看全图


进入第五层

点看全图


wow,好大的地下宝库,眼花缭乱啊,但终于找到了

点看全图


可以看到,面对这些问题,即便是有强劲设计能力的大公司,往往也没法完美解决。

再回头看iphone。

iphone的功能不能太少,首先要具备多媒体手机的must-to-have功能,如电话,相机,时钟,mp3等等。同时还要具备一些其它手机所没有的区别性(differentiative)功能,如youtube,gmap,weather等等。

很明显的是,apple首先避免的是前面所说的第二个毛病“功能隐藏太深”。它根没有对程序们分层,并没有其它phone常见的“工具箱”,“常用程序”等程序组。所有的功能全部放在主界面上,一目了然。我想是因为触摸屏的特点是定位容易,而连续点击相对困难。

这样一来主界面拥挤的问题就会变得突出。于是apple便努力减少iphone的功能,如ebook,game,instant messenger等,并因此遭受众多抱怨。但即便如此,它在主界面上仍有16个功能之多,貌似做到简洁直观还是不容易。

iphone的解决方法是这样的,

(1) 在下面右手拇指最容易控制的区域放了个快速启动条,放上最常用的四个主功能,并且加上银格背景让它们更为抢眼。

(2) 是充分利用3.5屏幕的尺寸,把其它的程序和四个主功能拉开距离,整个屏幕被分割成两部分。

在操作时,尤其是单手操作时,用户首先看到的是拇指边的四个主功能,而上面的一整块程序区。如果要操作四个主功能之一,用户能迅速在第一时刻定位。如果是其它程序,用户则再第一时刻定位到上面的程序组,然后再第二时刻定位到所需的程序。
iphone主界面的四个主功能和上面的程序组

点看全图


因而从用户的视觉效果上,屏幕上是五大部件,四个主功能和上面的程序组。我们可以这么理解,iphone对程序还是分了层了,上面的程序组便是第二层,但被展开了后它们会比一般意义上的第二层更容易找到,恩,相当于1.5层。实际使用的感觉还是相当不错的。

当然,桌面软件经常采用这样分组方法,比如说对话框里的control group等,而google的主页一样也是分组的,但必须需要牺牲空间来做交换。因此在传统的手机几乎是不可能的,而iphone的3.5”屏幕的大小足够采用这样的方法了。
group主页的分组

点看全图



再看看iphone一些单个功能设计,极为直观明了。这个不用讲太多,贴图便说明了一切。
例一:unlock
贴了10万8千次的unlock

点看全图


Nokia是按最左上的功能键,再按最左下*键。其它电话的unlock都是类似的操作。

在下面AllenKi贴出的video中,小娃娃也知道如何unlock iphone
其实很羡慕你啊

例二:留言讯息
留言以列表的形式列出,于是留言人和时间一目了然,为什么其它的手机厂商就是没有想到呢?
我所见过的最方便的留言存放方式

点看全图


例三:时钟
几个不同城市的时钟,黑色的表示晚上。
对经常旅行的人很是方便

点看全图


土鳖还在抗,好同志啊!

请尽量 荐,最后于2007-07-26 08:16:57改,共2次;
2971/47/0 转发回复分页全看树展楼主帖 引用1 送花200收藏:0工具
引用(1) 请拷贝:
※※※ 相关(回复)帖 ※※※
O 【原创】iPhone两周用后感 (1) (物是;字2692 阅6257 花28
O 【原创】iPhone两周用后感(5)- 轻松愉悦的用户体验之一(物是;字5476 阅2971 花20 O
。。O 赫赫,还可以这样的啊?! (请尽量;字62 阅1129 花1
。。O 写地很好啊。对用户界面设计很有见解,是做这个的么? (请尽量;字0 阅1016
。。。O 版主谬赞,愧不敢当 (物是;字96 阅924
。。。。O 果然是行家。以后再写写产品管理的经历? (请尽量;字0 阅844
O Question! (AllenKid;字110 阅466
。。O 没错,后盖是塑料的。 (物是;字0 阅1083
... 共 》47《跟帖
广告 购物分成,帮助网站

大厅。自动刷新完整聊
不妨一看
【原创】泡菜国简明现代史绪论
周末如果我有时间,会写个贴.
日益堕落的西方工会
【原创】变化的和不变的 03
IT未来的机会属于谁,日本,台湾,还
趣味:若干成语
狂妄自大:[夏翁]
对答如流:[夏翁]
格物致知:[夏翁]
引颈受戮:[夏翁]
山崩地裂:[夏翁]
乐此不疲:[夏翁]
通宵达旦:[夏翁]
伶牙俐齿:[夏翁]

Copyright © cchere 西西河 feed 西西河规 版主规范 帮西西河 帮助(FAQ) 版面介绍 发帖特殊效果 网站地图 关于西西河