20个人性化的搜索页面设计

搜索页面是一个网站上最常用的网页之一,它被认为是第二个最重要的导航方式的一个网站,主要菜单是第一个。因此,至关重要的是给予它需要的,并尽可能方便用户。

搜索页面可能是一个可以决定你网站转化率的重要因素,它不应该被忽视。一个低劣的搜索页面可以危害你的网站,因为游客将无法在很短的时间内找到他们需要的东西。

由于有一个精心设计的搜索页面是至关重要的,我们决定在这里为您的灵感,收集20个人性化的搜索页面设计的例子。其中一些属于非常受欢迎的网站,你可能已经知道。

去看看他们!

Tumblr

Tumblr是一个很好的博客平台,有一个非常人性化的界面。其搜索页面有一个网格布局,使它很容易浏览结果。

Moodboard

用Moodboard你可以营造美观,操作简单,免费模板,快速轻松地分享设计,灵感和创意!它的搜索页面也是基于网格的,所以你可以轻松地浏览所有照片,无需点击多次。

Mixcloud

Mixcloud是一种服务,可以让你在世界上免费的听最好的DJ和电台节目主持人。它有一个整体的人性化设计和搜索页面是因为它的用处特别鼓舞人心。从结果页面右侧,您可以通过标签、展示、用户搜索和轻松点击收听或跟随。

GLCO

这个网站已在网站的左侧栏纳入其搜索领域。它显示的结果在一个非侵入性的方式。

CodePen

CodePen对web开发人员来说是一个受欢迎的网站。这个网站是展示先进技术的可编辑的源代码,有一个非常人性化的搜索页面。您可以通过钢笔、帖子、集合或用户搜索,甚至设置其他选项,如限制、顺序、搜索深度等等。

Dell

戴尔的网站是伟大的。它是简单和容易使用的。结果的搜索页面提供一个简单的方法。你还可以从结果页面加入购物车或查看所选择的产品的详细信息。

Meetup

Meetup网站是一个在线的社交门户网站,有助于在全世界各地下线小组会议。您可以从您的位置,搜索一定英里数目内的任何小组或活动。

New York Magazine

New York Magazine是一个巨大的受欢迎的网站,有成百上千个帖子。搜索页面旨在以人性化的方式提供一个快速的结果。也有一些排序选项可供选择。

PSDDD

这个网站提供了Dribbble社区的美好的精选免费产品。它的搜索页面很简单、干净,你只需点击几下,就可以很容易地找到你要找的内容。

The Jazz Mann

该网站有一个非常基本的搜索结果页面,是更多的内容为导向,而不是视觉。这并不是一件糟糕的事情,因为这样的页面加载速度更快,你可以更容易寻找到你要的网页。

Scorebig

这个网站的音乐会门票的搜索页面不仅看起来不错,从视觉上来说,但它也是非常人性化,轻松地提供结果。你可以搜索在一个区域内搜索,选择一个日期范围,添加不同的排序选项,甚至应用所需的筛选器。

Design Disease

Design Disease提供了有关博客设计,平面设计,网站和用户体验设计的文章。它有一个简单的搜索页面,大的、粗体的标题。这种方式使得它很容易地发现你要找的结果。

Designspiration

关于该网站的搜索领域,伟大的是它覆盖了整个页面!通过这种方式,它让你注意到正在寻找的东西。

Icon Finder

这个网站有一个更加复杂的搜索系统。你可以选择不同的格式、颜色、尺寸和应用所需的所有筛选器,以便得到你想要的结果。

Quartz

这个网站的搜索页面很简单,干净。在搜索结果中包含大号、粗体标题、类别、小特征图像的简短摘录。

Photoshop Lady

在这个网站上,你可以找到一些很棒的教程,也是一个相当棒搜索页面!结果显示在一个网格布局中,你也可以通过给定的类别列表进行搜索。

Van Gogh Museum

直接得到你要寻找的结果!该博物馆的网站提供了一个简单的搜索页面,以人性化的方式提供信息。

Authentic Jobs

这个工作目录网站的搜索页面让你应用不同的筛选器,实现最好的结果。按工作类型、技能、位置、水平、公司等等来搜索。

Polygon

按相关性或日期进行排序和筛选受欢迎的文章或者评论!这个网站有一个非常人性化的搜索页面设计,你可以从中学到一些东西。

Film on Paper

这是一个博客和存档致力于艺术电影的海报设计。它有一个很简单,但有效的搜索页面的利基与一些有用的特性。

:line25

译文作者:学UI网 YIie

(0)

相关推荐

  • 干货!最全优秀搜索框设计案例

    面对纷繁复杂的网页内容,用户通过查询关键词表达需求,期望在响应的查询结果中快速获取准确的信息和流畅的用户体验.用户与网络世界的万千联系都是从搜索开始的.搜索框之于用户就像是用户与应用或网站之间的对话窗 ...

  • 移动搜索体验设计总结

    本文主要针对移动应用中搜索功能的设计进行研究,通过体验几十种不同类型的app,对移动搜索进行多方面的总结与归纳. 01.搜索的目的 用户的目的 搜索功能对用户来说并不陌生.用户使用搜索功能,目的是想在 ...

  • ”关于我们”页面设计(上)

    毫无疑问,你是没有第二次机会来给人以"第一印象".每个网站从首页到子页面都是介绍产品.提供服务.探讨功能,唯有"关于我们"这个页面是关乎产品和服务的创建者--我 ...

  • 现代404页面设计趋势分析与案例

    每个网站都是由不同功能不同类型的页面构成的,当用户打开错误链接的时候,网站的404页面就派上用场了.一个可靠的404页面在告知用户他们走错地方的同时,还应当引导用户继续浏览,安抚情绪,找到他们真正想要 ...

  • 安装ADSafe净网大师后无法打开百度搜索页面了怎么办

    很多人安装了ADSafe净网大师后想用百度搜索发现无法打开百度搜索页面了,这个时候大家一定觉得很烦恼,不用着急,下面小编就来教教大家安装ADSafe净网大师后无法打开百度搜索页面了怎么办. 在电脑右下 ...

  • 20个最火爆的Behance网页设计及UI案例解析

    现在,如果你想获得专业同行的认可,单凭几个浏览器截图和一段介绍语是远远不够了.在过去几年,我们见证了很多非常优秀的案例研究,甚至可以说这些案例研究自身就可堪称艺术作品.下面列出了20个最火爆的Beha ...

  • ”关于我们”页面设计(下)

    "关于我们" 页面是每个团队和公司的真正自留地,那些真正优秀的"关于我们"页面并不会比他们的首页和产品页差,甚至更加脑洞大开.上一篇<"关于我们 ...

  • 移动H5页面设计的那些事

    小编:今天我们继续来学习H5页面的设计.移动H5页面与APP又有什么区别呢?大家一起来看看由star_night分享的移动H5页面设计的那些事.作者详细介绍了微信端H5新加入的返回功能的多种设计方式. ...

  • 强解H5移动端页面设计

    小编:什么是H5?H5是一种高级网页技术,也就是我们说的HTML5 .简单的模拟一个场景:如果A要传递一个图文信息给B,那么其中会产生什么问题呢?B是否会觉得疑惑?传递给我这么多信息,哪些是标题,哪些 ...