火星网校
移动应用搜索设计:顶部搜索还是导航栏搜索更好呢?
发布时间：2024-06-27 14:59:36 浏览量：161次
移动应用的搜索
我们日常使用的应用中，搜索功能是必不可少的。不同的应用实现搜索功能的方式各有不同，那么为什么同一功能需要不同的实现方式？哪种方式更好呢？让我们来一探究竟。
1. 首页顶部搜索
许多热门应用的截图显示搜索栏位于顶部。由于搜索栏通常出现在首页顶部，因此用户很容易找到。在这种情况下，搜索栏主要面向有明确搜索意图的用户。用户输入关键字后，搜索结果会基于这些关键字。
(屏幕右上方有搜索图标的应用也属于此类。这两种方式在可发现性和可访问性方面非常相似.)
2. 导航栏上的搜索
另一些应用在导航栏放置搜索图标。这种搜索并不像顶部搜索那样容易被发现，但用户可以方便地用大拇指点击搜索图标。
这种方式下，用户可以获得完整页面的搜索结果。在页面顶部有搜索栏，页面其他部分则展示了帮助用户浏览内容或探索平台的数据（如搜索标签/主题等）。这有助于用户进行探索性搜索，尤其是对于那些还没有明确搜索目的的用户。
搜索放在顶部还是导航栏上？
这两种搜索方式各有利弊，适合不同用户意图。此外，选择顶部搜索还是导航栏搜索也要根据平台类型和提供的内容来决定。
搜索在页面顶部位置的情况
1. 用户打开应用主要是为了进行搜索，比如谷歌地图、Uber或Zomato。大多数时候，用户打开这些应用是想搜索地点、餐馆或菜肴。
2. 在某些平台上，用户进行搜索背后有明确的意图，例如在Facebook上，用户通常寻找其他用户或页面。通常，他们知道用户或页面的名字，即使不确定拼写。在这些平台上，用户很少会对自己要找的东西模糊不清。即使存在这种情况，平台也无法提供帮助。
搜索在导航栏上的情况
1. 通过让用户在平台上探索和发现新内容来增加用户参与度。例如，Instagram、Twitter或新浪微博。这些平台希望用户在应用中停留更久，因此提供了个性化内容，帮助用户发现可能感兴趣的新用户或内容。
2. 对于那些不确定自己在找什么的用户，应用程序可以引导他们找到目标。比如Netflix和Uber Eats，它们允许用户通过流派和烹饪主题等方式进行探索。这样设计旨在吸引那些知道自己想看喜剧节目却不确定具体选择的用户。
现在，我们来看看Airbnb如何设计搜索？
Airbnb采用了顶部搜索栏和导航栏探索标签页两种设计方式。这样做可以满足有明确目的地的用户（使用搜索栏）和正在探索目的地的用户（需要探索性搜索）。
如果您有兴趣学习UI设计，欢迎点击点击咨询了解更多火星时代教育的数字艺术课程。
热门课程推荐
热门资讯
-
将为大家介绍12个绝佳的UI设计网站,这些网站不仅可以为你提供灵感,还可以帮助你学习新的技巧,助力你的创意之旅!dribbbleDribbble 是一个面向设计师的...
-
2. 移动端UI设计中常见的5种APP界面类型，你get到了吗？
通过介绍移动端UI设计中的闪屏页、引导页、浮层引导页、空白页和首页等5种APP界面类型，帮助大家更好地了解UI设计的基本知识
-
怎样可以提升你的UI设计能力!第一个:站酷站酷想必是设计师都知道的一个网站,里面不止有UI设计的资源,还有其他设计的,不如:平面设计、网页设计、字体...
-
在移动端设计中,列表页和表单页是不可或缺的部分。一个好的列表页和表单页设计能够让用户轻松地获取信息并产生点击欲望,从而提高点击率。本文将为你...
-
想要了解iPhone6界面设计的尺寸规范吗？这里为您详细介绍iPhone6的UI设计尺寸规范，包括界面尺寸、图标尺寸、可点击高度规范、搜索栏高度规范以及界面元素之间的距离规范。
-
对于想要提高自己的设计能力和创造力的小白和UI设计师来说,这本书是一个很好的选择。4.《设计的觉醒》(IKKO TANAKA)推荐理由: 这本书是日本现代平面...
-
那么,要学习UI设计就要学习哪些课程呢? 其实,UI设计课程涉及到许多领域,一般分为艺术设计课程、设计辅导课程、图形课程、测试课程、动画示范课程等几...
-
8. Photoshop操作教程：自制电子印章 | PS技巧详解
想要学会制作电子公章吗？跟随本教程，详细介绍Photoshop操作步骤，让您轻松掌握PS技巧，制作精美电子印章。
-
9. 设计中的色彩心理学:浅析中西方色彩的历史演变与设计应用
摘要:本文探讨了色彩的历史演变和设计应用。通过对色彩在早期文明社会中的实用运用、不同文化背景下色彩观念的差异、色彩在设计中的重要性以及新兴技...
-
10. 物联网APP UI设计:创造智能硬件领域的沉浸式体验
ui设计应该让用户一目了然,能够快速找到所需的信息和功能。在设计过程中,应尽量使用简洁的图标、文字和色彩,避免过多的视觉干扰。符合用户习惯:ui设...
最新文章
