搜索框实际上就是输入框与提交按钮到组合
用于精准提取海量的信息中的准确内容,内容越多,越需要突出搜索功能。不同场景需要不同的搜索框设计。
细分应用场景:
1.作为搜索引擎入口。2.用于查找内容。3.用于快速定位。4.用于活动推荐
形式:
1.隐藏式搜索框,只提供一个放大镜图标,需要再点击图标跳转到搜索页面;或者下滑动页面时才出现。占据空间小,出现位置没有严格限制,形式上的显著程度不高,放置位置较为灵活。
2.普通搜索框,固定在页面顶部,包含输入框+icon。移动端普遍点击跳转到搜索页。完全注重用户到自身意愿,只是作为功能性的存在,方便用户查找相关功能/内容,使用者通常由明确的目标
3.有提示搜索框,普遍有默认字符或者提示性的占位符,通常可符合搜索关键字(淘宝)。电商平台常见。用户有明确搜索目标,自动会忽视提示内容;当用户没有明确目标,会根据推荐进行搜索,引导用户进行消费;市场运营可以根据后台数据推算可能感兴趣的推荐商品作为默认字符,增改提示语,获得盈利。
注意:控制你提示内容的字数,否则会增加认知负荷。
4.含相关功能的搜索框。附加包括地区选择(区域服务类型app-精准分类),图片搜索(以图识图),语音搜索等相关功能。减少用户输入的动作,减少操作繁琐程度与输入的不确定性,精准分类提高所搜索结果到准确性。
语音搜索逐步进化为职能助手,优势在于解放双手(便捷性),没有图形界面的限制,无序输入(多样性),根据录入内容可以跨越app内部结构,直接提出需求(跨越性)。劣势在于算法,环境影响准确率,私密性差,语音交互输出在很多场景下无法展现这些信息,例如:很多情况下,app接收到语音命令执行完后,呈现到结果是直接执行,很少会翻译成文字(像siri),没有关键字匹配再搜索结果中,所以输出信息量更少。
样式:
1.放大镜+输入框,ios不需要额外的搜索按钮,直接调用手机提供的键盘搜索。考虑加一个搜索按钮可以帮助用户清楚,在输入完内容后还需要额外触发搜索事件,让用户可以同时通过按回车和电机按钮去触发搜索,其实还是有很多用户习惯去点击页面上的按钮。
2.位置置于status bar下方,增加曝光率,符合用户自上而下的浏览习惯。让用户花时间去找搜索栏到位置,很不友好。
3.一个展开的搜索框是重的,把搜索栏藏到图标后会让搜索框更不容易找到,并且让交互成本上升。
使用规则:
1.光标出现情况:默认打开页面激活搜索框;点击搜索框激活;点击相应按钮激活光标
2.右侧取消按钮进行退出激活状态(或点击其他区域),可以常驻也可以点击输入激活。
3.(搜索前)默认展示搜索关键词-->跳转到搜索页,并展示热门候选词,最近搜索记录-->(搜索中)根据输入展示联想结果-->(搜索完成)结果展示,可提供排序功能,返回按钮
image.png
优化点
1.给用户想要的预期结果,用户搜索目标就是想得到预期需要的东西,最吻合的搜索结果排在靠前。应该以最快到速度列出建议选项,大概2到3个字符后就要快速列出候选项,减少用户后面到输入。
建议标出输入与建议信息的不同处(例如:输入信息用一般字重,建议信息用加粗字重)
2.保留用户输入,就像记住朋友的名字一样
3.无结果提示,无结果时给用户推荐其他内容
4.自动纠偏,辨别一些错误拼音,给出模糊搜索(模糊拼音最贴切的正确结果)
5.让你到搜索框看起来更像一个整体,更加简洁,更具对于可用性研究,默认搜索具有更高的用户友好度
6.选用合适的搜索栏尺寸,有很多搜索栏会限制输入到显示字数,使得用户在输入很多后检查或者修改输入变得麻烦。
网友评论