产品体验之路产品设计知了·IT

小小搜索框,大大大学问

2015-12-16  本文已影响431人  任性的产品仟

今天正好在体验网易云阅读,看到别人家的搜索框,真是要哭了,觉得真是典范啊。看看你的搜索框需不需要优化。

不知道显示是不是有问题,可以浏览小小搜索框,大大大学问 

1、搜素位置与样式

网易云阅读-发现
书架
订阅

从网易云阅读的三个一级入口进入的页面可以看到三种样式的搜索,第一种是上图1发现页面直接长条搜索框,宽度霸占整个页面宽度,霸气,加强了搜索可视性,以便用户更便捷找到搜索入口;上图2书架左上角的搜索中文字样,上图3订阅左上角的订阅图标。这两个搜索的位置相同,功能是一样的,一个是搜索书,一个是搜索订阅,形式不一样,应该是为了UI设计,页面的美观性。


2、搜索分类

网易云阅读-搜索分类
微信-搜索分类

搜索是个很广泛的概念,到底我们该搜索什么呢。很多搜索不仅仅是简单的搜索,一个搜索入口很有可能可以搜素很多类型。对搜索分类是很好地帮助用户理清逻辑——到底该搜索什么,更精准地搜索到想要的内容,同时,也可以减轻服务器负担,使得搜索更快速。例如网易云阅读搜索可以是找书、找订阅源、找文章,而微信的搜索可分为的则更多,图中展示了朋友圈、文章、收藏、餐厅,实际搜索显示的分类更多,还有聊天记录、功能等,大家可以去尝试一下。PS:支付宝的搜索和微信的一样呢。

3、搜索提示与搜索结果分类

网易云阅读-搜索提示
微信-搜索提示

搜索提示是指在你输入搜索内容之后,自动跳出搜索你可能需要的内容,跟百度搜素类似哈。好的搜索体验是对搜索结果也分类,微信的搜索分类更加清晰,我输入“你的”,搜索结果分成聊天记录、收藏、搜一搜三大类,很好的显示效果,也易于理解。而网易云阅读则是在分为目标搜索内容和二级搜素入口。我输入“看见”,搜索结果最前面的是看见这本书,后面的是其他二级搜索入口。

4、自动提示

我们看微信,输入搜索内容之后,并没有相应的搜索按钮给你点击,而是自动显示搜索结果。而网易云阅读,也有自动搜素功能,截图参照前面的,但是你可以看到搜索框右边仍有一个搜索字样提供你手动搜索。这是搜索结果显示模式不一样,微信搜索结果是将包含该字样的信息全部输出到自动提示,包含了所有可能的结果,所以微信的自动提示就是全部搜索结果。不需要你手动点击搜索。而网易云阅读的搜索提示是根据你的搜索内容做的最精准的提示,但是不是完全搜索,如若需要完全搜索还需要点击右边的搜索字样按钮。

5、最热最新搜索

看到网易云阅读还有最热最新搜索,还可以刷新,显示别的内容。

6、语音搜索

看到我们大微信是有的,大概也就社交产品才有语音搜索功能吧。PS谷歌新出的Cortana,语音搜索很棒啊,说一句“你好,小娜”就能启动Cortana,win10,安卓,苹果都有哦。

7、高级搜索

看到学校图书馆系统就有高级搜索,当搜索指标比较多,比如光是搜索书名,可能有很多同名书籍,这时就需要再搜索作者,出版社等搜索项了。但是高级搜索是毕竟比较高级,相比,我觉得过滤导航也是值得推崇的。通过过滤导航,可按照产品的属性,例如颜色、价格范围、品牌、适合性别、大小、分类与子分类、风格、折扣等等,将客户引导至具体的产品页面。这种方式没有限制,我们可以更具实际情况,自由设置过滤导航项。

好吧,再扯下去救扯远了,over

欢迎关注微信公众号:i-product。都是原创的,用户量多才能坚持写啊,谢谢各位。

上一篇 下一篇

猜你喜欢

热点阅读