最专业的八方代购网站源码!

资讯热点
如何进行搜索体验过程?看看这个超级全面的总结!

发布时间:2021-12-9 分类: 行业资讯

随着我们的产品内容越来越多,搜索功能成为大多数产品的基本功能。最初,当我们查看搜索框时,我们将其视为常规UI控件,但随着我们越来越关注产品的用户体验,我们在设计搜索框时仍有许多需求。要注意的地方。

无论用户使用搜索功能的目的是什么,使用搜索功能是单击搜索框,弹出搜索中间页面,输入搜索内容,最后查看结果页面。因此,我们应该遵循这些操作行为以设计关键点。这也是我今天想与大家分享的重要内容。

搜索条目

首先,让我们看一下调查问卷。这是由两名人为因素心理学医生在Google工作的研究,A. Dawn Shaikh(Daun· Shahih)和Keisi Lenz(用户正在搜索网页上的搜索框)。预期的位置)。从结果可以看出,左上角和右上角是比例最高的两个部分。大多数用户仍希望搜索功能出现在明显的位置。

因此,只要产品中存在搜索功能,我们通常会将其置于相对明显的位置,但如何设计搜索门户取决于此产品中搜索功能的权重。小编在这里不做太多分析,只是向您介绍APP中三种最常见的搜索门户形式。

1.独立导航选项卡

上图中“1”的位置。此搜索条目表示搜索功能在整个产品中具有绝对权重,并直接显示在底部或顶部导航栏中,因此当用户在多个导航页面之间切换时,搜索条目是正常的。全局设计允许用户随时点击搜索页面。通常,在触发这些操作之后,相应的搜索页面特征和级别更加丰富。

2.搜索框

上图中“2”的位置。基于任务的应用程序通常使用搜索框格式。这种设计方法占用足够的屏幕宽度,通常位于屏幕的核心,通常位于页面顶部,因此用户可以一目了然地快速点击搜索。

3. ICON条目类型

上图中“3”的位置。此类门户通常出现在主要通过搜索进行浏览和补充的页面上。由于占地面积小,位置不受严格限制,因此放置更灵活,可以出现在页面的角落或收起更多的条目,避免与其他高重量要求竞争,它更像是一个辅助功能出现。

搜索中间页

此页面只是一个过渡页面,用户可以立即点击搜索按钮。它由基本功能组成,如提示,后退按钮,历史记录,热推荐和清除按钮。但是当我们满足这些基本功能点时,我们如何才能使搜索中间页的设计更加贴心?

1.给我一个精确的提示

在搜索框中放置提示或示例搜索问题,以告知用户如何使用此功能来帮助用户找出要搜索的内容。这也是用户的良性指导,为用户提供心理期望,如下图(图1)和(图2)所示。

(图3)基本功能完成后,它会根据用户之前的大数据搜索为每个用户定制独特的提示。把用户的习惯放在首位,营造一种独特感,让用户感受到他的不同对待,并从细节中给用户留下深刻印象。

2.历史接近一点

在开始本主题之前,让我们谈谈一个概念。如上图所示,我们的眼睛会自动将黑色圆圈中的红色圆圈分类。这是格式塔相似性原则。相似性法则本质上是一种简化和整合认知对象的组织原则。它倾向于将近似和近似元素整合在一起。

如图1所示。图4和图4。如图5所示,历史记录可以有效地减少用户对重复内容的不必要操作并呈现用户的搜索历史。根据认知心理学中的相似性法则,搜索框通常位于页面的顶部,并且历史记录显示在搜索框附近。这时,用户的视觉焦点在这里,更容易被注意到,并且没有认知偏差,所以位置避免被其他信息模块占用,打破了两者之间的联系。同时,不同的模块在风格上有所区别,这有助于用户区分模块。

3.分类搜索

在全局搜索功能的情况下,搜索覆盖太多内容,并且只有搜索框中出现的提示词不足以满足用户对信息分类搜索的需求。您可以在搜索开始之前对搜索模块进行预分类,以缩小搜索范围。

搜索过程

通常当我们点击搜索框进入搜索页面时,输入内容,单击“搜索”按钮完成搜索。通常需要几秒钟才能完成,但这是秒,这是我们产品的人性化和智能化的体现。那么我们应该如何更好地改进这个过程呢?

1.动态实时搜索

根据您输入的文字,相应的搜索结果将被动态过滤并实时显示在屏幕上,帮助用户更快地找到他们想要的结果并反映我们产品的智能。

2.给用户一点建议

当用户在搜索框中输入内容时,搜索框下方会显示关键字的多个搜索建议,然后使用标签提示细化和拆分每个建议。消除用户过滤结果页面的需要可以帮助用户更快地访问搜索结果页面。

3.添加一些微交互

当您输入关键字时,搜索框下方会显示一系列关联,点击关联右侧的箭头后,我们会发现关联进入搜索框并触发一系列关联,选择最终确认条目。单击搜索按钮以访问结果页面。整个过程允许用户快速准确地访问搜索结果页面,避免输入过程中的错误输入,并最终提高产品转换率。

4.搜索时间太长,请考虑动画

虽然搜索过程可以在3秒内完成,但当网络不好或内容过多时,您必须提供搜索状态显示(或进度显示)。告诉用户该页面正在进行中,分散了用户的注意力,使他们无法等待一种无聊感。

搜索结果页面

搜索结果页面是用户的最终目标。如何准确,集中地显示用户需要的信息,以便用户一目了然,这是本页面的主要任务。

1.多维显示

当显示内容过多时,应对不同模块的内容进行排序和组织,并将结果内容显示在模块中,以提高信息的清晰度和可读性,并帮助用户快速查找目标信息。

2.添加操作功能

在反馈结果页面上添加操作功能允许用户快速到达目的地,缩短操作路径,更有利于提高用户操作效率。

3.结果数量

显示已搜索的结果数,以便用户可以决定浏览结果所花费的时间。

4.关键字突出显示

快速查看结果页面中的关键字并非易事,尤其是如果页面包含大量单词且关键字出现多次。在结果页面上突出显示关键字,用户可以快速找到他们想要的内容。

5.提示有效的提示和纠正

当我们犯错误时,不要给用户一个错误演示页面,你可以有效地纠正并提示用户帮助用户快速准确地完成输入。

以上内容基于当前的互动形式,在设计时应注意什么。但随着技术的发展,搜索的形式不仅限于文本搜索,我们周围也会出现越来越多的互动媒体。这要求我们与时俱进,更多地了解和探索这些互动媒体,以更好地改善我们的产品体验。

« 正在经历瓶颈的UI设计师尝试从这个角度学习 | 你的设计有基础吗?解释用户体验设计中的规则和逻辑 »