智唯高端建站是一家专注中小型企业网站建设、营销型网站建设、响应式网站建设公司

建站优化电话:138 2557 5516(免费SEO检测 保证收录 保证排名)
广州建站微信号
返回旧版
网站设计News
公司网站建设

如何设计出正确的搜索模式?

关键词:广州建站 作者:智唯建站 | VISITORS: | 来源:智唯网络科技
08Dec
2017
如果你正在阅读这篇文章,那么你一定正在设计一个有搜索功能的网站或应用程序。在这篇文章中,我将介绍5个最佳实践,这些实践可以帮助大家设计了更好、更实用的搜索机制。

  如果你正在阅读这篇文章,那么你一定正在设计一个有搜索功能的网站或应用程序。在这篇文章中,我将介绍5个最佳实践,这些实践可以帮助大家设计了更好、更实用的搜索机制。

  

如何设计出正确的搜索模式?

 

  最佳实践

  1.视觉线索

  无论创建任何类型的用户界面,为用户提供快速扫描屏幕所需的工具是你设计的一部分。这样做可以确保你的用户知道在什么地方找到他想要的东西,何时需要使用以及与其交互后会发生什么。

  放大镜图标

  使用放大镜图标,我无法保证这样会加快了搜索栏查找的速度。但是图标越简单越好,较少的细节可以让用户更快地浏览。虽然,一个图标本身没有输入容器或按钮,实际上会使搜索更加困难。

  

如何设计出正确的搜索模式?

 

  极简主义搜索图标的示例

  人们通常认为放大镜图标表示搜索工具,即使它没有标签说明。但是,只显示图标的搜索框会使搜索变得更加困难。(言论来自NNG凯蒂谢尔文的“搜索设计中的放大镜图标”)

  一个实际的搜索按钮

  不是所有用户都是资深网民,这也就意味着并不是每个用户都知道,一旦在输入框里输入查询内容,按下回车键就可以得到相关信息。因此,在搜索输入旁边设计一个实际的按钮可以帮助用户确认他们的下一个动作,从而减少用户所需的认知负荷。

  

如何设计出正确的搜索模式?

 

  注意:避免将按钮放在输入框的左侧,上方或下方。

  提示:

  在文本输入获得焦点前,你可以隐藏输入按钮。

  确保按钮的大小适中,以便点击起来感觉自然。

  2.输入特性

  有时候,越是闪亮,强大或面积大的东西也不一定能引起人们的注意,搜索模式也一样。不如将它改为你理想的风格!但切记搜索框的设计必须与你的网站或应用程序的主题相吻合,并同时确保它足够引人注目。

  

如何设计出正确的搜索模式?

 

  Youtube新的(令人惊叹的)黑色主题通过保持搜索模式与其他元素的一致性就完美地阐述了这一点。

  “搜索框也并不是越长越好”

  但也要确保输入长度也不要过短。据NNG的研究表明:拥有能够容纳27个字符的输入,可以满足90%的用户的需求。

  

 

  如图:一个常见的5词26个字符搜索的例子。

  3.透明占位符

  为输入的占位符文本使用适当的副本很重要,它们通常是暗示用户可以搜索的内容。 这确保了他们知道要搜索什么,并且不会因编写错误导致查询失败而感到沮丧。最近,Web工具可以通过在HTML5中添加提示作为占位符来轻松完成此操作。

  

如何设计出正确的搜索模式?

 

  添加占位符可以帮助用户过滤查询的内容。

  提示:

  众所周知,人类的短期记忆容量有限。因此,尽量保持用于占位符文本的副本简短而直接。使用较长的提示会增加用户的认知负荷,从而损害用户体验。你可以在这里了解更多有关有害标签和占位符的信息。

  在某些项目中可能需要设计一个更具体的搜索功能。在这种情况下,你可以使用悬停的工具提示来确保提示在任何时候都是可见的,这样用户就可以将他们的短期内存用于其他任务。

  

如何设计出正确的搜索模式?

 

  在这个例子中,工具提示可以帮助用户使用正确的查询格式以及找到他可以搜索的内容。

  4.引导查询,即自动提示

  很多时候,用户会忙于思考搜索结果,而没有专注于构建一个适当的搜索查询。当用户无法找到他们所期望的结果时,这也是一个负担。这个用户的操作失误,也正是设计师的错误。在这里,自动提示就可以派上用场了。

  采用自动提示的目的不是为了使搜索速度更快,而是在用户查询构建中提供一点帮助。 你可以通过执行预测的搜索模式来实现这一点。例如用户想问这个可怕的词是什么?预测的搜索模式是根据用户正在编写的所有字符,猜测输入的是什么词汇,预测他们的查询将会是什么而弹出自动建议。

  

如何设计出正确的搜索模式?

 

关于网站制作,看看客户怎么说
***(匿名) 评价文章 广州网站制作哪家最实在?广州做网站哪家便宜?

直以来,价值和价格在消费者面前经常会出现对立现象。每个人都有自己的角度、认识,不同的知识层面对同一个商品有不同的价值评判,最终会选择自己觉得合理的。...

***(匿名) 评价文章 佛山网站制作对客户网站优化的建议

建站不难,难的是如何做好网站维护优化,这样才能让你的站点快速走入正轨,带来更好的效益,今天佛山智唯网络 为大家分析一下,如何做网站更好地优化站点,达到不错的排...

***(匿名) 评价文章 佛山网站制作公司推荐:盘点百度site指令相关展示方式

百度site指令,听起很高大上的样子,简单点说就是用来查询某个网站在百度这个搜索引擎中的收录量,以便站长们了解网站在百度中有那些数据能够展示出来。近几年,百度si...

公司网站建设
Hi,Are you ready?
准备好开始了吗?
那就与我们取得联系吧

广州建站 感恩回馈

咨询送礼现在提交,将获得智唯网络策划专家免费为您制作
价值5880元《全网营销方案+优化视频教程》一份!
下单送礼感恩七周年,新老用户下单即送创业型空间+域名等大礼
24小时免费咨询热线0757-8108-9123
合作意向表
您需要的服务
您最关注的地方
预算
  • 验证码

直接咨询