如何设计出一个完美的搜索框

Molly

Molly

2017-05-15 17:14

当用户遇到一个相对复杂的网站时,他们往往会首先寻找这个网站内的搜索框,以便能快速高效地到前往自己想去的页面或找到自己最为关心的内容。因此,搜索框的设计及其可用性问题其实是一个不容忽视的要点。如何设计出一个完美的搜索框?

使用放大镜图标

  一个搜索框应该始终与放大镜图标放在一起。所谓图标,其实就是代表着一个对象、动作、想法等多种含义的图形符号。我们通过图标看到的不仅仅是图标本身,而是它所代表的内在含义。然而,对于用户来讲,具有通用性代表含义的图标为数并不多,幸运的是,放大镜图标正是其中之一。

  即使没有文本标签,用户也能轻易地识别放大镜图标

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/pmsj/)

  提示:使用示意型的图标即可,这也是最简单的放大镜图标版本。更少的图形细节能够加快用户的识别效率。

如何设计出一个完美的搜索框

搜索框要显著

  如果搜索是你的应用程序/网站的一个重要功能,那么搜索框的显示务必要足够显著,以保证用户能够最快的发现它。

  直接显示完整的搜索框很重要,因为默认只显示搜索图标(点击图标才展开搜索框)的话会使搜索功能不那么明显,而且增加了用户的交互成本。

如何设计出一个完美的搜索框

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/pmsj/)

提供一个搜索按钮

  搜索按钮可以帮助用户识别出触发搜索操作的下一步——即使他们可能往往会通过按Enter键来执行此操作。

  提示:

  1)提交按钮的尺寸大小要合适,以便用户不必非常精确地移动鼠标位置到它上面。较大的可点击区域会使得按钮本身更容易被发现和点击。

  2)使用Enter键或点击搜索按钮都应该能执行搜索操作才对,毕竟许多用户仍然有点击搜索按钮来提交搜索的习惯。

如何设计出一个完美的搜索框

将搜索框放在每一页上

  用户在每个页面上都应该能获取搜索框,因为如果用户找不到他们要找的内容,他们往往会自然而然地想要尝试使用搜索功能来进行查找,他们才不关心自己当前是在你网站的哪个地方(以及该不该有搜索)。

如何设计出一个完美的搜索框

搜索框要足够简单

  如果你设计了一个搜索框,请确保它看起来确实像是一个搜索框,并且使用起来要足够简单。可用性研究表明,默认情况下不显示高级搜索选项对用户会更加友好。高级搜索选项(例如下面的示例中的布尔搜索查询)可能会混淆要尝试使用它的用户。

如何设计出一个完美的搜索框

放在用户预期找到的位置

  如果因为搜索框不够突出、不容易察觉,用户还得花费精力去找它,那这个设计无疑是不够友好的。相关阅读如何设计搜索框 搜索框设计要素

如何设计出一个完美的搜索框

展开更多 50%)
分享

猜你喜欢

如何设计出一个完美的搜索框

平面设计 网页设计 网站设计
如何设计出一个完美的搜索框

打造一个完美的共享库

flash教程
打造一个完美的共享库

什么是极简主义 如何打造极简风格家居

家居设计 装修设计
什么是极简主义 如何打造极简风格家居

一个完美的胎盘:全景图

怀孕
一个完美的胎盘:全景图

七个步骤制定一个完美的分娩计划

怀孕
七个步骤制定一个完美的分娩计划

2017榻榻米书房设计装修效果图 榻榻米书房设计图片

榻榻米 书房 装修设计 书房设计 平面设计
2017榻榻米书房设计装修效果图 榻榻米书房设计图片

如何喂出一个聪明宝宝

育儿知识
如何喂出一个聪明宝宝

45个经典的免费搜索框设计PSD素材

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
45个经典的免费搜索框设计PSD素材

2017春夏女装风衣外套流行趋势

服装设计 平面设计 设计 服装搭配
2017春夏女装风衣外套流行趋势

餐厅风水应注意什么

餐厅风水应注意什么

家里哪里摆放植物风水好

家里哪里摆放植物风水好
下拉加载更多内容 ↓