Design tips 1--------Search Result Focus(搜索结果聚焦)

按:

开始写Design tips系列,主要的想法是,从设计交互的角度,写写自己的发现和体会。

希望每一篇文章都能给出:

1,what? 设计的case

2,why?为什么这么设计

3,more?可能的发散和对比

4,conclusion,最终的一个结论

注:技术向产品的一个过渡,非专业,向这个方向靠近。

一,what

有道词典搜索之后,默认选中关键词。


场景:

看英文文档,查单词,给出结果时,默认选中所查的词。

clip_p_w_picpath002

二,why

效率:每次copy之后,直接ctrl v就可以直接查找了,效率上是 两倍的关系。实际上使用起来非常方便。只是最近才发现这样的设计,太贴心了。

三,Compare

3-1 在这个思路上,继续延伸,搜索引擎的搜索结果是否会全选中?

baidu: 没有选中

clip_p_w_picpath004

google 和百度的表现一致

clip_p_w_picpath006

bing:与之前保持一致

clip_p_w_picpath008

naver: 与之前保持一致

clip_p_w_picpath010

基本上有结论了,搜索引擎获得搜索结果之后,不会高亮选择关键词。

原因:搜索引擎获得的结果,是粗放的,还需要用户再筛选,不像单词的意思,是基本可见可知的,所以没有将焦点放在最上面,用户关注的不是关键词,而是结果,以及对结果的下一步操作。

3-2 通过3-1得出的结论。预测下,电商的搜索结果将是怎样的?

显然,用户会筛选商品,花费相应的时间。

amazon没有选中

clip_p_w_picpath012

ebay:没有选中

clip_p_w_picpath014

Jingdong

clip_p_w_picpath016

3-3 验证3-2的猜测之后,那么,什么在情况下,还会高亮选中关键词呢。

在思考的过程中,发现了搜索结果的第三种情况:结果尾部显示光标,前两种分别是:结果高亮,结果正常。

文件搜索:

step1: 搜索,显示结果后,光标在后面

clip_p_w_picpath018

step2,将此对话框放在后台,然后回来,搜索关键词会自动选中

clip_p_w_picpath020

这样的设计也很贴心.

优点:

step1:可以实时动态修改关键词,动态加载。

step2:可能的情景式,获得了结果,放在后台,然后回来查找其他的东西,所以选中话,很方便。

情景3的还包括:

case 1:在当页搜索(FindOnPage)。

clip_p_w_picpath022

case2: 在evernote中搜索笔记

clip_p_w_picpath024

四,conclusion

这么思考了一圈,思路基本清楚了。

搜索之后,关键词的显示状态有三种,相应的前提条件附在后面。

1,全选--------所见即所得结果(查单词)

2,不选--------在大量的数据中搜索,只给出一个范围,需要时间来筛选(google

3,保留光标在关键词尾----在固定的范围内搜索(文件夹, 页面搜索, evernote搜索)