火星网校
移动应用的搜索设计:搜索是放在顶部位置还是导航栏上?
发布时间：2024-04-13 18:50:19 浏览量：235次
移动应用的搜索
我们每天使用的许多应用都有搜索功能。 这些应用实现搜索的方式可能各不相同。 但是为什么需要对同一个特性进行不同的实现？ 一个比另一个好吗？ 让我们来看看。
1. 首页顶部搜索
下面热门应用屏幕截图上都使用搜索栏。 因为大多数时候它都出现在着陆屏幕的顶部，搜索栏很容易被发现。在这种情况下，搜索栏为了迎合那些有明确搜索意图的用户。 任何搜索的内容都基于用户输入的关键字。
(这个解释同样适用于在屏幕右上方有一个搜索图标的应用。 我把这两种方式结合在一起，因为它们在可发现性、可访问性方面非常相似。)
2.导航栏上的搜索
下面应用的截屏都在导航栏放置搜索图标。 这个搜索并不像屏幕上的搜索栏那么容易被发现，但是考虑到用户可以很容易地用大拇指进入搜索栏。
在这种情况下，搜索结果可以自己获得一个完整页面。 在页面的顶部有一个搜索栏，页面的其他部分都是可以帮助用户显示搜索的数据（例如搜索标签/主题等），或者可以帮助用户看到探索平台上的内容。 这有助于对目前还没有明确意图的用户进行探索性搜索。
搜索放在顶部还是导航栏上？
这两种搜索都有助于用户的不同意图进行搜索。 这还不是全部，这两个搜索也取决于平台的类型和平台提供的内容。
搜索在页面顶部位置的情况
1.用户打开应用程序的主要目的可能是搜索某些东西。 参考一下谷歌地图，Uber 或 Zomato。 大多数时候，人们打开这些应用程序，就是为了搜索一个地点、一家餐馆或者一个菜肴。
2.用户在进行搜索的背后有明确的意图，比如在 Facebook 上，用户通常会寻找其他用户或页面。 大多数情况下，他们知道用户或者页面的名字可能是什么，即使他们不能完全确定它是如何拼写的。 对于这样的平台，用户很少有可能只有他们想要的东西的模糊信息。 即使这种可能性出现，平台也无法帮助用户
搜索在导航栏上情况
1.您希望通过允许用户在平台上探索和发现新内容来提高用户的参与度。 作为参考，你可以看看 Instagram 和 Twitter、新浪微博。 这些平台希望用户在应用程序上停留更长的时间，这就是为什么他们提供个性化的内容，这些内容超出了你的可视范围，帮助你发现你可能感兴趣的新用户或者内容。
2.用户不确定他们在寻找什么，这个应用程序可以引导用户找到他们想要的东西。 为了参考，可以看看 Netflix 和 Uber Eats。 他们允许用户通过流派和烹饪主题等手段来探索这个应用程序。 这样做是为了迎合那些知道自己想看喜剧节目的用户，但是他并不确定他应该看哪一部。
现在，让我们来看看 Airbnb？
Airbnb使用了这两种变化的混合体。 他们在首页上有一个搜索栏，导航栏上也有 探索标签页。
考虑到 Airbnb 的背景，我相信这很有意义。 通过这样做，他们迎合了两类用户ー脑中有特定目的地的用户，他们会使用搜索栏(有明确意图的用户) ，另一类是那些脑子里没有特定目的地的用户，他们正在寻找目的地(需要进行探索性搜索的用户)。
在这里我相信有很多想要学习UI设计是一名从事了多年UI设计私人定制课程，今年年初我花了一个月整理了一份最适合2019年学习的学习干货及教程，从最基础到，各种框架都有整理，送给每一位UI设计取的可以关注我并在后台私信我：学习，即可免费获取
热门课程推荐
热门资讯
-
想要了解iPhone6界面设计的尺寸规范吗？这里为您详细介绍iPhone6的UI设计尺寸规范，包括界面尺寸、图标尺寸、可点击高度规范、搜索栏高度规范以及界面元素之间的距离规范。
-
将为大家介绍12个绝佳的UI设计网站,这些网站不仅可以为你提供灵感,还可以帮助你学习新的技巧,助力你的创意之旅!dribbbleDribbble 是一个面向设计师的...
-
3. 移动端UI设计中常见的5种APP界面类型，你get到了吗？
通过介绍移动端UI设计中的闪屏页、引导页、浮层引导页、空白页和首页等5种APP界面类型，帮助大家更好地了解UI设计的基本知识
-
怎样可以提升你的UI设计能力!第一个:站酷站酷想必是设计师都知道的一个网站,里面不止有UI设计的资源,还有其他设计的,不如:平面设计、网页设计、字体...
-
在移动端设计中,列表页和表单页是不可或缺的部分。一个好的列表页和表单页设计能够让用户轻松地获取信息并产生点击欲望,从而提高点击率。本文将为你...
-
对于想要提高自己的设计能力和创造力的小白和UI设计师来说,这本书是一个很好的选择。4.《设计的觉醒》(IKKO TANAKA)推荐理由: 这本书是日本现代平面...
-
探索零基础UI设计培训的时长与薪资前景。了解数字艺术教育领域的专业课程，以及培训后的职业发展机会。
-
ui设计应该让用户一目了然,能够快速找到所需的信息和功能。在设计过程中,应尽量使用简洁的图标、文字和色彩,避免过多的视觉干扰。符合用户习惯:ui设...
-
想了解武汉UI设计培训班的费用是多少吗？不知道学UI设计要花多少钱？不妨看看这篇文章，了解UI设计培训班的学费价格以及学习内容。
-
10. 设计中的色彩心理学:浅析中西方色彩的历史演变与设计应用
摘要:本文探讨了色彩的历史演变和设计应用。通过对色彩在早期文明社会中的实用运用、不同文化背景下色彩观念的差异、色彩在设计中的重要性以及新兴技...
