很多人可能觉得 搜索框 无需设计,毕竟这只不过两个简单的元素。然而,在内容冗杂的网站中, 搜索框 一般是最常见的设计元素。当用户遇见相对复杂的网站时,他们会立即探寻搜索框,已达到最后目的。搜索框的设计及其可用性就看上去非常重要。
两类型型
1. 即时搜索搜索框的设计可有可无
通过用户点击搜索按钮后才开始实行搜索。
何时用
1. 目的对象非常难找到时
对象不少时;
可能的目的对象不在同一个地方时;如在磁盘中查找某种类文件时。
数据非常难找到时;如在一篇长文本中搜索某个字符串时。
2. 需要查找特定的内容时;譬如大家在淘宝中搜索匹配某种特点的产品时。
3. 需要的结果不可以在5秒找到时。
设计理念
1. 它是界面的一部分,所以要放在一个显眼的地方,要容易找到;
2. 在同一应用中,它们应该有统一的外观;
3. 它的功能应该是有效的,它的结果应该是准确的,它的速度应该是尽量迅速的。
外观特点
1. 无需用标签,用一个可选的提示;
2. 提示可以是一个指令(如搜索种类),或者一个范围;
3. 提示语要简短;
4. 即时搜索时,提示首字母大写;常规搜索时,首字母小写。
搜索框设计 的8个方法
1. 用放大镜图标
依据概念,图标是对象,动作或想法的可视化表示,并且有几个图标是用户记忆最深刻的,也是通用的。放大镜图标就是其中之一。即便没文字标签,用户也可以辨别放大镜图标有哪些用途。
2. 将搜索框放在用户期望找到的地方
假如搜索对于你的应用或网站来讲是要紧的功能,那样搜索框需要放在显眼的地方,让用户一眼就能找到。
研究发现,搜索框放置的好地方是你网站上每一个页面的左上角或右上角,用户可以用容易见到的F形扫描模式轻松找到它。理想状况下,搜索框应该好匹配网站的整体设计,并在用户需要时轻松展示。
3. 为搜索框提供搜索按钮
搜索按钮可以帮助大家知道还有额外的触发操作 – 即便他们一般用Enter键。
4. 将搜索框放在每一页上
一直提供对每一个页面的搜索框的访问权限,由于假如你的用户找不到他们正在查找的内容,他们将会用搜索功能,无论他们处于你网站的什么位置。
5. 使搜索框简单
假如你设计一个搜索框,请确保它看着像一个搜索框,并尽量简单的用法。依据可用性研究,默认状况下没显示高级搜索选项,如此愈加显示用户友好。高级搜索选项或许会混淆将尝试用它的用户。
6. 自适应字段大小
输入字段太短是设计职员容易见到的错误。当然用户可以键入长查看,但只有一部分文本可见,部分文字被隐藏,这意味着可用性差。由于用户没办法轻松查询和编辑其查看。事实上,当搜索框可以输入的文本有限时,用户被迫用短的文本进行查看,如此就不可以精准的查看。假如输入字段依据其预期输入进行大小调整,那样它们更容易阅读并给用户提供好的客户体验。
经验法则是具备27个字符的文本输入(它可以容纳90%的查看)。
7. 用自动建议机制
自动建议机制可以帮助用户通过输入的字符进行预测来找到正确的查看。自动建议机制不是加快搜索过程,而是关于指导用户并帮助他们构建搜索查看。用户在查看配置方面很差搜索框的设计可有可无搜索框的设计可有可无?目前网址: