西西河

主题:【原创】iPhone两周用后感 (1) -- 物是

共:💬51 🌺145 新:
全看分页树展 · 主题 跟帖
家园 【原创】iPhone两周用后感(5)- 轻松愉悦的用户体验之一

轻松愉悦的用户体验之一:简洁直观的界面设计

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

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

先讲讲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

其实很羡慕你啊

例二:留言讯息

留言以列表的形式列出,于是留言人和时间一目了然,为什么其它的手机厂商就是没有想到呢?

我所见过的最方便的留言存放方式

点看全图

例三:时钟

几个不同城市的时钟,黑色的表示晚上。

对经常旅行的人很是方便

点看全图

土鳖还在抗,好同志啊!

元宝推荐:请尽量,

本帖一共被 4 帖 引用 (帖内工具实现)
全看分页树展 · 主题 跟帖


有趣有益,互惠互利;开阔视野,博采众长。
虚拟的网络,真实的人。天南地北客,相逢皆朋友

Copyright © cchere 西西河