用户体验实例:微软bing搜索引擎交互设计(2)

http://www.itjxue.com  2015-08-07 21:56  来源:未知  点击次数: 

2.网页搜索

search3

顶部是首页图的局部作为背景, 整个页面分成三栏,包括左边的相关搜索,中间的搜索结果,以及右边的广告。左边的“相关”类似于google 页面中底部“相关搜索”。整个页面显示的信息 量不大,跟google 差不多。

3.图片搜素

分成两栏,相关搜索,和结果显示。左边的相关搜索相当于google里面的百宝箱。只不过用google百宝箱搜索的结果更为精准。

下图是点击首页寻找更多后的页面。

picture4

下图是图片搜索页

picturess

在右上角bing可以调整搜索结果的显示方式,这是最小的图, 包括还有中型图,大型图和带有文字信息四种款式提供选择。

鼠标移上显示较大图和相关信息,有一个细微的交互,鼠标移上后大约有一秒左右的延时,才显示更多信息,这样不会造成无意移过也哗啦哗啦的显示,让人头晕。

(责任编辑:IT教学网)

更多