网页设计之搜索框的设计技巧

2022-11-25 分类：网站建设

网站建设 - 建站教程 - 建站经验 - 网页设计之搜索框的设计技巧

网页设计之搜索框的设计技巧

一、搜索框

表单应该遵循其功能；在设计控件时应该牢记可见性原则；

让搜索框的位置保持统一，尽可能足够宽以便容纳较多的文字；

在页面加载好后自动聚焦光标于搜索框内，并允许用户通过回车键提交请求；

通过占位符和其它提示性语言来帮助用户构建有意义的请求（但是在光标聚焦输入框时让它们立马消失）；

在完成搜索后仍在搜索框内保留请求文字。

二、范围搜

范围搜索针对的是有一定领域知识的用户，为了顾及所有人，该功能不应成为应用里唯一的搜索方式。请确保默认情况下使用全局搜索；

如果在某个类别下搜索到的结果为零时，显示所有类别下的搜索结果作为回退机制；

搜索结果中同时要清楚地显示当前搜索的范围是什么。

三、局部搜索

若局部搜索是以筛选菜单中一部分的形式出现，那就用占位符或其它指示性文字标签明确注释其功能。确保在完成搜索后于某一处显示刚才搜索用的关键字词。

如果是作为全局搜索的一个选项出现，那请留意这个切换机制与应用当前的整体情境紧密相连。另外，勾选“局部搜索”时原本搜索框框内的已输入文字应该消失。

四、高级搜索

审视一下高级搜索的基本原理是什么，特别要考虑下对于某个专家级别的用户而言，是否采用定制化的体验是种更好的解决方案，而不是去“拍脑袋”决定要把搜索搞得富丽堂皇。

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容