以用户为中心的设计 |
这是UCDChina提前预览网页留下的存档,不包括作者可能更新过的内容。 推荐您进入文章源地址阅读和发布评论:http://aliue.cn/blog/?p=150 |
||
真晕了,刚才写了400个字符,以为一个刷新全没了,喝点水,梳梳头,从头来吧,o(∩_∩)o… 那。刚才要说的是几天亲身体验了一下ebay的AIR感觉挺不错的,无论从界面,交互,功能上都感觉挺好的。关于topic中的“剑走偏锋”是因为 我认为在现在看来AIR在很多人眼中还是“异类”,大部分的人还是没有接触过的,如果你现在对身边的朋友说“嘿,别在网页上网买东西了,下个ebay家的 AIR用用”,八成那个哥哥会满头问号“AIR是什么东东,空气还能下载么”,当然这只是调侃,但是AIR并没有大面积的普及应用,确实会让开发出来的项 目深陷窘境,所以ebay敢走这步棋利用RIA中的AIR开发“半桌面级的B2B业务”也算得上是剑走偏锋了,我是说这是一步好棋,希望我们的国内B2B 老大也可以快加快步伐,利用RIA利剑也来切一块蛋糕吃吃。ok,我们一起来看看ebay 的“ebay desktop”吧。 ok,1st,目标任务:登录。点击图标弹出一个AIR的登陆界面: Figure .1.ebay desktop的登陆界面 如果没有ebay的账号,可以点击“Get one now”注册一个,如果已经有了可以直接输入id和pwd然后“Sign In Securety”登陆。 2.登录后我们可以看到程序呈现的主界面,我们将其最大化: Figure .2.登陆后的主界面 我们可以看到其界面非常友好,略显金黄的界面身后仿佛蕴藏着一座巨大的宝藏一般,等待你的挖掘,排列整齐的各个模块和模块标题看一遍可以很容易联想到可能会是干什么用的。 3 .任务:搜索货品,ok,借助国外的数据库我能找到什么我想要的货品呢?我在搜索栏中输入“enya”,然后打开搜索界面(完成任务方法1): Figure .3.搜索后的页面 ok,这就是搜索完显示的界面,其实通过页面切换你会发现这个页面正是Figure2中主页面右上角的第二个图标“Find”的页面,下面就是搜索的结果,而上边的那一块是从搜索结果中筛选,也就是设置filter(过滤器)来进行精确查找,这个页面有两个东西需要介绍和提出异议(以后陈述)。要介绍的是我们可以通过中间暗红条右侧熟悉的feed按钮来把这次搜索进行订阅 Figure .4.主页上的收藏模块(可以收藏搜索和卖家两种信息) ok,这是通过最直接的搜索方式,下面我们可以通过系统自带的分类通过类别来做进参考性的查找(完成任务方法2),我们可以看到主页面这个模块: Figure .5.系统提供的分类搜索模块 这种信息结构模式类似于VISTA和Mac OS中的目录查看方式,确实一目了然,非常直观,在有限的空间展现无限的层次,但是Ebay只给出了最深3层的IA,有得在第2层就会可以进行搜索了,当然层次数量上确实也符合7+-2记忆规律。 接下来我们来看一看假如我们选择了一件物品双击,那么会怎么样呢?答案应该会和你期望的差不多吧,双击货品的话就会出现下面的界面: Figure .6.货品查看时的主要界面截图 这就是物品信息的主要界面,左边是上下文相关的物品,这个上下文主要包括两种情况,一种是从 搜索里面查看物品时的上下文,一种是在最近浏览的物品中的上下文这两种,上图显示的是后者,因为我们可以看到它提供了可以删除的图标,也就说明了这种上下 文情况下我们可以具有改动的权限,而搜索上下文明显只是呈现结果或者过滤结果,让你随便删除搜索结果显然是没有意义的。 下面我们拉近镜头(来,摄影师我们给个特写!),看拉近的界面: Figure .7.货品信息细节截图 ok,拉近后我们可以看到,左边用了一个Flex里面的<mx:ToggleButtonBar>标签,用选项卡这种方式来展示货品的相关信息,第一张选项卡是货品的照片,卖主的地理位置,等等,这个照片的效果是动态的,做得挺好的;第二章选项卡就是卖主的详细信息了: Figure .8.卖家的信用信息 这种类似于淘宝™的用户自评信用体系,展示了卖主的信用和货品和好坏;第三个选项卡是
“(bids)物品竞价”,这种模式淘宝™也有,就是我们俗说的拍卖;第三个选项卡是支付的手段,我们可以看到“PayPal”的身影,而最后一个选项卡
“shipping(货运)”显示了物流运费情况。右边的控件展示了这件物品的总价格。如果是你对这件货品感兴趣,上图的右上角几个标签可以帮助你 看完后你可以根据竞价或者购买两种模式来进行自己的选择,因为,我还没有试过购买,所以all is stop here!我们做了这么多事情,如果下次我再登陆怎么办?信息会保留么?我们可以点击右上角的“HOME”回主页面看看发生了什么. Figure .9.一番搜索、浏览后的主页面(信息饱满) 看看Figure.1对比一下,是不是内容多了很多,呵呵,都有用么,看看左边中间: Figure .10.最近按照系统目录搜索的分类 这个是嘛东西呢?这是你通过系统提供的目录浏览时用过的最后一级的分类信息,一共显示十条。再看正下面的三栏: Figure .11.关注的、竞价的、和最近浏览货品的模块截图 左边栏显示的是关注的货品(前边有提到),就是我刚才看的那张Enya的CD;中间呢,就是 你竞价的物品,和竞价的结果,看见绿色的“Winning”了么,这件nike的腕环我竞价成功了,花费是6SGD(新加坡元),后来我打开邮箱发现所有 交易信息会由系统发信让你确认的;而右边呢就是最近你看过的物品,一行对应一个物品。看来ebay 的交互设计师确实很下功夫啊,感觉东西很多但是每一个模块都是那么有用。 ok,这样一来我们就以一个使用者的身份完成了对这个Ebay desktop的AIR程序的浏览。当然这是一个使用的过程,细节部分其实处理的也蛮不错的,感兴趣的话,你可以下载下来试试,感受感受。后面我们会来探 讨一些问题,例如交互方面的或者用户体验方面的也会给大家在提供一些信息敬请留意,谢谢。 相关软件在“下载”页面中下载“软件下载”文件夹下的#001和#002编号软件。 |