魔术墨水——信息化软件和图形界面 part2 - 学院 - CHINAUI.com 优艾网 - 中国人机界面设计门户网站
您的位置:首页 >> 学院 >> 方法理论 >> 魔术墨水——信息化软件和图形界面 part2
魔术墨水——信息化软件和图形界面 part2
来源:worrydream 作者:Bret Victor 发布时间:2008-04-03

    看看在线书籍的搜索结果:

 

    针对以上的图形设计能够提出大量批评──字号不一,粗细各异的文字拥挤地排列在一起,各种色彩交织,简直像个嘉年华盛会。文字充斥整个页面,让人眼花缭乱。最糟糕的是,没有足够的信息让人作任何决定。

    用户的目标是从某些特定话题中找到最中意的书。因此,书籍的展示应该与这个问题相关──用户可能会存在什么样的疑问?

*这本书怎么样?是关于什么的?我会喜欢么?

*这本书好吗?别人对它的评价如何,这些评论可信么?

这些问题的答案可以作为选择相关书籍时的参考。帮助用户做出决定,引导他们购买。

不幸的是,这些问题根本无法在所提供的信息中找到答案。用户必须逐个点击商品才能看到相关信息。也就是说她不得不通过手的操作而不能光靠眼睛浏览找到答案,还得运用自己的记忆对各个跨页面的信息进行比较。

问题在于,这个图表只罗列出了一系列书籍作为它们之间进行比较的索引页面。但它的用途不应该只作为一个可供查询和比较的清单,而应该是帮助用户获得她感兴趣的图书的信息。

这是重新设计后的效果:

 

    这本书怎么样?表格中提供了概述的简介。它是本好书么?评级和评论显示了读者对它的看法。所有信息在同一页呈现,用户只需用眼睛比较,无需费神记住它们。

1─5星的评级体系,提供的信息并不充足,因为它取的是众人评价的平均值。用户还可以根据星级下的小红点获悉不同人对书的评价差异。有些书众人对它的评价大致相同,比如

 

文字加粗和颜色改变只用在个别需要强调的信息上。那些次要的信息设成灰色文字,与背景色相近,暗示用户只需浏览。所有重要的信息和图片都一律限制宽度,靠左侧对齐──处在最佳可视范围内,而右侧栏只用来显示补充信息。观众只需垂直查看左侧栏就可获取所有重要信息,如果她发现其中有感兴趣的内容还可以花点时间看看右侧栏中的相关信息。

用户有时候会有个模糊的概念──想看某一类的书籍,可他又无法将它具体到某个关键词进行搜索。基于这个原因,可以给每本书提供一个迷你的相关书籍列表──以供用户找到与此书类似的书籍,或者并不相似但十分有意思的书籍。

通常,软件设计人员总是会操心功能问题,以及用户如何进行交互?显然,上一个例子中,除了"相关书籍"列表,点击有关这本书的任何一个链接,都只能看到关于该书的某个细节或购买选项。点击它们对用户来说有什么意义?这就像把一本书撕的支离破碎。

与原来的设计相比,这个设计有很大的改观。不过,我认为这仍只是个保守的设计。应该会有更好的设计──能显示更多的数据,让用户浏览更多内容,有更充分的空间与相关书籍进行比较。改变一下观念就能创造极大的可能性。它不是搜索结果的列表──它是信息的图形化呈现。它用于认知。

演示:组织数据

    展示哪些数据,这一点十分重要,同样重要的是,如何展示它们。图形中的元素应该以引导用户获取信息为目的进行组织。然而,大多数软件的中图形只求最大化的满足审美需求,而不考虑挖掘数据中的关联信息。

看看这个关于近期上映影片的图形案例:

相关阅读
推荐文章
热点文章