蜻蜓
提示 登录 注册 提示 19794/0 09年1月8日 周四 20点35分 站标
从六品上:奉议郎|振威校尉级别

头像 积分:4151 乐善:172 声望:164
离线/隐身 物是 家园博客 发短信
注册于:2007-07-07 12:49:35
大类:[科技经济] → 版面:[信息技术]
2563/47 转发回复分页全看树展楼主帖 引用1 送花190收藏: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次;
2563/47/0 转发回复分页全看树展楼主帖 引用1 送花190收藏:0工具
引用(1) 请拷贝:
※※※ 相关(回复)帖 ※※※
O 【原创】iPhone两周用后感 (1) (物是;字2692 阅6033 花26
O 【原创】iPhone两周用后感(5)- 轻松愉悦的用户体验之一(物是;字5476 阅2563 花19 O
。。O 赫赫,还可以这样的啊?! (请尽量;字62 阅994 花1
。。O 写地很好啊。对用户界面设计很有见解,是做这个的么? (请尽量;字0 阅876
。。。O 版主谬赞,愧不敢当 (物是;字96 阅774
。。。。O 果然是行家。以后再写写产品管理的经历? (请尽量;字0 阅694
O Question! (AllenKid;字110 阅413
。。O 没错,后盖是塑料的。 (物是;字0 阅938
... 共 》47《跟帖
广告 购物分成,帮助网站

点这里自动刷新◆ 或者 完整聊天

通宝可送礼祝福(随机10) 查看全部
高子山 送给 landlord 祝福地主地主婆香香天天乐开怀
高子山 送给 马鹿 祝社长新年更漂亮,鹿透社业务红红火火
高子山 送给 yueyu Happy new year,新年新气象
高子山 送给 初见 祝新年笑口常开
高子山 送给 梦里胡笳 新年快乐阿,祝心想事成
江城孤舟 送给 渔舟 祝师姐新年快乐,万事如意!
高子山 送给 邓侃 祝老邓,领导和太子新一年天天乐开怀
高子山 送给 独孤鸿影 新年新欢乐,祝早日寻到可人儿
高子山 送给 米高扬 祝小米天天快乐,专利小说双赢
独孤鸿影 送给 高子山 Happy New Year

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