Xiamen Airlines' multilingual international website.
一个适用于所有状态的搜索设计。JioSaavn - 实时搜索。
实时搜索页面利用用户搜索旅程的每个可能状态,尽可能帮助他们顺利进行搜索。
职责 设计构思和领导
与领导、产品和工程团队密切合作,领导设计沉浸式搜索体验,包括AI驱动的推荐功能和多个UI状态,取决于用户的操作。
使命 探索和发现
为什么用户要访问搜索页面?我们从这里开始。他们有两个原因:
- 他们知道自己在寻找什么,但在主页上没有找到。
- 他们不知道自己在寻找什么,但在主页上没有找到。
前者是一个容易解决的问题。给用户一个搜索栏,配上AI自动完成和分类结果。小儿科。
但如果这还不够呢?何不把机会留给用户,进入一个沉浸式、视觉上令人愉悦的推荐体验呢?
方法 核心内容
我们从一些初始概念开始,探索将搜索作为可浏览页面的想法。在着陆页面上为用户提供快速分类选项,并在轻敲状态下显示网格。经过反复的反馈和调整,我们最终确定了要进行测试的最终设计
- 搜索着陆页
- 搜索轻敲页
- 搜索结果页
着陆状态是搜索选项卡打开时的默认状态。它包括一个基于流行和推荐内容的发现网格,以及搜索栏,该搜索栏位于屏幕底部,使您可以更轻松地用拇指操作。
搜索着陆页的用户界面(称为“发现网格”)的设计模块化地允许使用五种行类型,包括标准和“特色”瓷砖,每一行和瓷砖类型都有相应的规则和指南。行类型包括:
- 标准1:1行
- 特色2:2左行
- 特色2:2右行
- 特色2:3左行
- 特色2:3右行
学习成果 结果和假设
这个项目是一个巨大的学习机会。数据显示,新的搜索UI发布后,初始情况下搜索量和每个用户的搜索量下降了,这突出了前端错误。一旦这个问题得到解决,数字开始上升。
在运行了一些轻量级实验之后,数字增长了,但并没有达到我们希望的水平。
我们假设网格的推荐算法不够智能化,以至于数字无法增长,并且尽管UI/UX方面做出了努力,但所需的工程努力并没有达到预期。
此外,为了尽快发布新设计,我们忽略了搜索网格的任何组织分类(省略了页面顶部的类别选项卡),这可能使网格对大多数用户来说无法使用。
下一步是重新评估搜索和用户在搜索内容时需要的东西。我们转向一个简化的搜索引导项目,直接在主页上进行搜索,并正在测试和设计下一个变体以实现我们的目标。
制作团队 3 Teams, Countless Contributers
设计负责人 Leeann Sheely
产品负责人 Clint Balcom
工程负责人 Ramesh Sudini