建站经验 experience
当前位置:首页 > 网站建设专题 > 建站经验
网页设计之搜索框的设计技巧
发布日期:2018-02-12 阅读次数:620 字体大小:

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

  一、搜索框

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

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

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

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

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

  二、范围搜

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

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

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

  三、局部搜索

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

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

  四、高级搜索

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