版权声明:本文为博主原创文章,未经博主允许不得转载。 https://cloud.tencent.com/developer/article/1436341
课程开始之前我们先回忆一下商城app搜索的口子一般有哪些,商城首页一般会有一个搜索、分类页面一般也会有搜索入口、还有就是商品列表中会有一个搜索入口、最后一个就是店铺中的搜索入口了。今天就和大家说说设置这四个搜索入口的原因,还有它们之间的区别。
商城首页搜索
如上图所示,这个入口的搜索范围是最大的,为什么这么说呢,后面大家就知道了。为了提高我们用户的体验,所以一般不会在首页直接弹出输入键盘,而是跳转到一个新的页面,如下所示:
从这个页面大家就可以看出,为什么搜索要单独跳转到一个新的页面,而不是在首页中弹出键盘搜索。这样做有很多好处,例如:
- 用户可以查看自己历史搜索记录。
- 用户可以看到平台热搜的记录。
- 可以进行动态提示,也就是输入一个词就搜索一下,然后将结果显示在下拉列表中。
搜索框输入的时候大家还要格外注意,因为店铺和商品是两种不同品类的信息,所以我们不能将结果显示在一起,所以要么显示店铺信息,要么显示商品信息。那我们要怎么来区分这种情况呢,我们可以在搜索的时候设置一个小技巧,如下所示:
看到没,我们可以在用户输入内容的时候,下面显示一个是否搜索店铺的按钮,通过这种方式就可以完美的区别用户是想搜索店铺还是商品了。
分类页面搜索
分类页面搜索其实本质上面和商城首页搜索没有任何区别,只是放置的位置不一样而已。有些人可能会问既然一样,为什么要放置一个一模一样的口子呢,其实最主要还是用户体验问题,如果不放置这样搜索入口,就意味着用户必须回到首页然后才能进行搜索,那我们为什么不方便用户,直接在分类页面就给他们设置一个搜索入口呢。
商品列表搜索
商品列表的搜索就和上面说的两种搜索就有所不一样了,一般商品列表都会有对应的分类,所以在商品列表中搜索,搜索出来的结果一律都是该分类下面的商品,并非全局搜索。
当然还有一个是店铺搜索,店铺搜索在哪里都是全局搜索,没有上面说的必须是某一类类别下面的商品,店铺搜索结果如下所示:
店铺内商品搜索
店铺内商品搜索和商品列表搜索性质相似,都是在某一定范围内的商品搜索,店铺商品搜索肯定是店铺中已经上架商品的搜索了。
总结
今天内容相对而言会比较简单,但是越是简单的内容越是重要,在我们商城应用讲完之后,就要开始我们商品实现技术架构的课程了,比如搜索技术架构就有相当多的内容了,比如聚合、高亮、排序、权重、组合查询、数据同步等等之类的内容。好了今天的内容就介绍到这边了,谢谢大家的阅读~