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

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

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

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

一、搜索框

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

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

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

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

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

二、范围搜

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

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

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

三、局部搜索

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

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

四、高级搜索

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

当前文章:网页设计之搜索框的设计技巧
本文URL:https://www.cdcxhl.com/news/216617.html

成都网站建设公司_创新互联,为您提供建站公司网站导航ChatGPT用户体验小程序开发移动网站建设

广告

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

成都网站建设