搜索框于一个网站而言是何其重要,想必大家都清楚!搜索框,顾名思义,就是搜索你想要的东西。搜索框对于不同类型的网站,存在着不同的分量,同样都是一个网站的搜索工具,不同的网站,可用性程度都不一样。比如:电商平台的某宝的搜索框、搜索引擎某度的搜索框,这些类型的搜索框可用性非常非常地高,可在某些小企业、哪怕大企业的官网建设上,就变成了鸡肋了!
但是呢?这个搜索框是一个网站种常见的元素,当你打开哪个网站,通常都会有这么一个搜索框存在的。只是存在着功能性的差别而已,有些网站的搜索框仅仅是一个搜索框而已,在我看来,只是一个网站的装饰元素而已,浏览的用户都不知道该如何使用。
那么,我们设计的时候,一定要把他的这个可用性设计出来。才能提高网站的用户体验。
不同类型的网站,其搜索框的性能都不一样。
比如:百度,其搜索框目的是允许用户以关键字词的方式输入请求,那么它就应该看起来像是能被输入的,并且有一个能够明确表明其功能的相关按键。它还应该足够宽,这样才能容纳较长的文字。
天猫,其搜索框目的主要是帮助用户更好,更方便地搜索出所需的产品,在搜索下方会设计近较为热门的搜索词汇。
总结与实践
搜索框
表单应该遵循其功能;在设计控件时应该牢记可见性原则;
让搜索框的位置保持统一,尽可能足够宽以便容纳较多的文字;
在页面加载好后自动聚焦光标于搜索框内,并允许用户通过回车键提交请求;
通过占位符和其它提示性语言来帮助用户构建有意义的请求(但是在光标聚焦输入框时让它们立马消失);
在完成搜索后仍在搜索框内保留请求文字。
范围搜
范围搜索针对的是有一定领域知识的用户,为了顾及所有人,该功能不应成为应用里的搜索方式。请确保默认情况下使用全局搜索;
如果在某个类别下搜索到的结果为零时,显示所有类别下的搜索结果作为回退机制;
搜索结果中同时要清楚地显示当前搜索的范围是什么。
局部搜索
若局部搜索是以筛选菜单中一部分的形式出现,那就用占位符或其它指示性文字标签明确注释其功能。确保在完成搜索后于某一处显示刚才搜索用的关键字词。
如果是作为全局搜索的一个选项出现,那请留意这个切换机制与应用当前的整体情境紧密相连。另外,勾选“局部搜索”时原本搜索框框内的已输入文字应该消失。
搜索
审视一下搜索的基本原理是什么,特别要考虑下对于某个专家级别的用户而言,是否采用定制化的体验是种更好的解决方案,而不是去“拍脑袋”决定要把搜索搞得富丽堂皇。
亚星管理平台菁思福科技秉承"专业团队、品质服务" 的经营理念,诚信务实的服务了近万家客户,成为众多世界500强、集团和上市公司的长期合作伙伴!
亚星管理平台菁思福科技成立于2001年,擅长网站建设、网站与各类业务系统深度整合,致力于提供完善的企业互联网解决方案。亚星管理平台菁思福科技提供PC端网站建设(品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、DIY体验、720全景展厅及3D虚拟仿真)、移动端应用(手机站、APP开发)、微信定制开发(微信亚星官网、微信商城、企业微信)、微信小程序定制开发等一系列互联网应用服务。
责任编辑:亚星管理平台菁思福科技
版权所有:https://www.uzncsrj.com (亚星管理平台菁思福科技) 转载请注明出处