5 个方面深入浅出，解析移动端电商的搜索框设计

左图中不包括筛选和分类，用户需要浏览大量的产品

一定范围内的搜索

这种做法的好处是鼓励用户在一定范围内搜索，而不是运用传统的筛选，这将会为用户带来前所未有的优质搜索结果。下图所示就是精心设计的范围内搜索。

有用的“无查询结果”页面

当用户在搜索过程中不可避免的会出现“无查询结果”的页面。如果设计得不好，对用户来说可能就是一个死胡同。

以惠普为例，“无查询结果”页面对用户来说就是一个死胡同

当用户的搜索没有相应的结果时，避免给用户造成走进死胡同的体验，为用户提供有价值的备选方案，比如相似分类的产品。为了更好的帮助用户，你可以使用“智能搜索”，矫正单复数或拼写等错误。

5.引导导航（产品分类）

友好的分类菜单

如果菜单和用户预期的不匹配，用户需要费很大力气去解析和辨别。分类菜单需要清晰且不重复。这是尤其重要的，因为当用户在经历了之前的困惑后，会将菜单作为最后的解决方案。

总结

考虑到现在30%的线上购物都是通过移动端手机，关于电商app和网站的赌注是前所未有的。你的app或网站应当适配所有类型的搜索，针对分类、产品和产品特性返回相关搜索结果。当移动端零售体验变得顺畅了，消费者将会在手机上不仅仅是搜索，更有可能购买产品。

谢谢!

英文原文地址：https://uxplanet.org/mobile-ecommerce-how-to-design-ux-search-77e06aba27ba# .3p4gbe5x1

文\ @高广淦

关键字：产品设计, 产品经理

版权声明

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符，请点击 举报 进行投诉反馈！