蜻蜓
站标 提示 登录 忘了密码 注册 提示 10年3月19日 周五 13点10分
正六品上:朝议郎|昭武校尉级别 头像 积分:4406 乐善:172 声望:182
物是 离线/隐身 家园 短信 加友 屏蔽
注册:2007-07-07 12:49:35

大类:科技经济→版面:信息技术/入选/候选

3614/49 转发回复分页全看树展楼主帖 260宝推收藏:1统计更多工具
o【原创】iPhone两周用后感(5)- 轻松愉悦的用户体验之一 [ 物是 ] 于:2007-07-26 08:03:49 复:1135387
轻松愉悦的用户体验之一:简洁直观的界面设计

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

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

先讲讲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次;
3614/49 转发回复分页全看树展楼主帖 260宝推收藏:1统计更多工具
被引用(4) 请拷贝:
※※※ 相关(回复)帖 ※※※
O 【原创】iPhone两周用后感 (1) 花31 物是 字2692 阅7065 2007-07-18 02:00:55
O 不是我故意鞭尸…… 资深大叔控 字169 阅353 2010-03-10 00:07:09
O 【原创】iPhone两周用后感(5)- 轻松愉悦的用户体验之一 花26 O 物是 字5476 阅3614 2007-07-26 08:03:49
..O 老兄家住Fremont,和小日本有业务往来 mpc8240 字34 阅155 2010-03-16 14:23:01
..O 赫赫,还可以这样的啊?! 花1 请尽量 字62 阅1399 2007-07-26 10:43:33
..O 写地很好啊。对用户界面设计很有见解,是做这个的么? 请尽量 字0 阅1297 2007-07-26 10:42:33
...O 版主谬赞,愧不敢当 物是 字96 阅1227 2007-07-30 07:08:08
....O 果然是行家。以后再写写产品管理的经历? 请尽量 字0 阅1119 2007-07-30 09:43:38
... 共 》49《跟帖
Amazonɳ

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