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

2020-11-11  |  阅读:  |  文章来源:佛山网站建设

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

  一、搜索框

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

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

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

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

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

  二、范围搜

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

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

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

  三、局部搜索

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

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

  四、高级搜索

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

标签: 建站经验
上一篇:如何印刷品的设计融于网页设计中技巧 下一篇:响应式网页设计的知识技巧分享

建站经验

联系建站公司
佛山市顺德区大良凤翔商业广场二座670
网站建设/网站优化:13715431176
建站公司业务邮箱:sale@fslingdu.com
专业业务范围: 找公司建网站 广州网站建设 免费建站 如何自己建一个网站 建网站多少钱 如何制作网站 免费一键搭建网站 网站建设方案 为您提供一站式网站规划服务
粤ICP备16067714号-3
Copyright © 佛山市区零度飞易信息科技有限公司