专栏名称: 91资料网
91产品致力为产品新人、产品经理等广大产品爱好者打造一个全方位的学习交流平台,分享产品设计、交互设计、产品运营干货。
目录
相关文章推荐
人人都是产品经理  ·  我在产品工作中用到的所有 AI 工具 ·  9 小时前  
人人都是产品经理  ·  和张一鸣聊过之后,我才真正学会如何做出好产品 ·  9 小时前  
人人都是产品经理  ·  微信「发现」导航是个大容器 ·  昨天  
人人都是产品经理  ·  遇到很扯的需求,做还是不做? ·  昨天  
人人都是产品经理  ·  微信推出“问一问主持人”功能,知乎和百度知道 ... ·  3 天前  
51好读  ›  专栏  ›  91资料网

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

91资料网  · 公众号  · 产品  · 2017-01-13 20:51

正文

请到「今天看啥」查看全文


目标: 搜索框设计得明显可见且很容易识别。

搜索区域放在明显的位置

搜索是电商类app或网站的基础功能,需要放在显眼的位置,让用户很容易发现。搜索如果不放在显眼的位置,会给用户造成困惑,降低用户的效率。

左图中搜索功能隐藏在菜单选项后面

电商类app应该将搜索放在主页的顶部(如果首页很长,搜索应当固定在顶部)。如果app的详细目录有很多,搜索区域应当放在默认位置,确保用户很容易找到且快速可以用。

搜索框里带有放大镜icon

能够让用户有广泛共识的icon确实不多,放大镜就是其中的一个。用户甚至不需要有预置文字的提醒就可以知道放大镜是搜索的意思。

使用最简单的放大镜icon图标就可以了,因为icon图片的细节并不能加快用户的识别:

范围选择栏(只适用于iOS版本)

在iOS中,搜索有相应的范围选择栏,用户可以迅速选择搜索的范围,比如明确的标准或分类。

然而,最好是提高搜索结果的准确性,否则用户不需要设置搜索的范围。

2.解析搜索需求

搜索使得用户做得更多,因为用户不仅要提出搜索需求,还要将问题输入相应位置。打字是容易出错并且耗费时间的行为(尤其是在手机屏幕上)。

目标: 尽量降低用户输入成本并迅速提供结果。

自动推荐







请到「今天看啥」查看全文


推荐文章
人人都是产品经理  ·  我在产品工作中用到的所有 AI 工具
9 小时前
人人都是产品经理  ·  和张一鸣聊过之后,我才真正学会如何做出好产品
9 小时前
人人都是产品经理  ·  微信「发现」导航是个大容器
昨天
人人都是产品经理  ·  遇到很扯的需求,做还是不做?
昨天
Insight数据库  ·  Insight:2017 年 2 月 CDE 药品审评报告
8 年前
对冲研投  ·  天胶的地板在哪里?
8 年前