功能分析之如何设计搜索入口

搜索入口相当于用户搜索过程的第一步，不同类别的设计方案也不同。今天，让我们来谈谈搜索入口的设计方案？ 微信官方账号:桃浪产品日记: 我不知道你是否注意到一件事。当我们去购物中心时，我们总能看到一个叫做服务台的区域。一旦我们在购物中心有任何问题，当我看到服务台的三个字时，我们就知道我们可以去那里咨询； 然后用户使用app也是如此。出现在某个页面上的搜索入口相当于点。当用户看到搜索单词或相关标志时，他们可以获得信息。在这里，我可以使用搜索功能来搜索。 因此，搜索入口的设计有两个原则：当用户需要它时，它可以随时找到；当用户不需要它时，它可以被隐藏起来。也就是说，让它既显眼又没有存在感。搜索入口通常在页面中有一个独特而简单的标志，提示用户在这里搜索或指导用户如何搜索。 因此，搜索入口相当于用户搜索过程的第一步，不同类别的设计方案也不同。今天，让我们来谈谈搜索入口的设计方案？ 1.顶部搜索框 我们可以注意到，一般的主流产品，将把搜索入口放在顶部。页面是一个平面图形，看看页面的每个部分；但事实上，不同的位置有不同的关注点。 通常，我们习惯性地从页面的中上部阅读，这就是为什么电子商务经常出现app这里广告将放在这里。因此，页面顶部的搜索框此时没有存在感；但当用户有需求时，他们可以从上到下查看。 当用户进入页面时，内容很多，想要通过搜索进行筛选，然后在页面顶部放置一个搜索入口，以满足用户的需求。 1.1 引导类 正如我们上面提到的，当用户想要搜索时，他们可以立即找到搜索功能并使用它。那么，如何让用户知道这是一个搜索呢？顶部的搜索入口是顶部的搜索框。这样，我们就可以在搜索框中显示副本，并指导用户。 我们来看在ios系统设置页面场景，内容不多，但每个菜单都有子级，子级包含子级，如果用户想设置锁屏密码，了解过程，也点击三个子级找到，如果放置搜索入口，文本框提示搜索两个字，可以实现用户的指导目的，告诉他这是搜索入口，可以搜索定位相关功能。 1.2 推荐信息类 在满足了引导用户找到搜索入口后，我们可以进一步改进文本框的内容，在引导用户使用的同时加强用户搜索的联想。也就是说，我们通常说默认单词进入框，其参考内容可能是当前流行的类别或活动，也可能是大数据根据用户的日常浏览搜索记录匹配的智能推荐，主要针对消费场景app多一些。 这个推荐的细节功能让用户在app内部单次保留时间变长；也是app对于自己产品的二次推广，如电子商务软件，将默认词改为双11活动副本，增加了活动的宣传，也让用户有更多的百分比进入活动页面购买订单。如果有多个活动，一些软件以轮播的形式展示默认词，这也增强了宣传效果，促进了用户对消费的了解。 1.3 当前信息类 以上两类只搜索单一内容，但当搜索内容多样化时，可以替换搜索信息，引用当前信息n 一次搜索加速系统筛选粒度。 如高德地图app，用户找到一个地方后，搜索该地点附近的地方，使搜索结果更加精细准确。 2、顶部搜索icon 除了顶部文本框的搜索素，顶部还有纯图标搜索。虽然都是顶部搜索入口，但两者不同。app采用搜索icon设计可以减少页面排版空间，搜索功能相对不那么重要。 设计师希望用户首先从中间和上部浏览页面内容。浏览后，当用户有其他需求并从顶部开始检查时，他们会根据通常的阅读习惯从左到右阅读，最后搜索icon，所以一般搜索icon都放在页面的右上角。 与顶部搜索框相比，顶部搜索icon在设计搜索入口时，希望用户先浏览页面的所有内容，再进行搜索操作。 例如，蚂蚁财富主要通过向用户提供金融服务和市场介绍，促进用户下订单；与淘宝饿了么相比app用户的搜索目的并不明确。但是搜索icon建议越明显越好，让用户一眼就知道是搜索功能。大多数产品使用放大镜icon，然而，为了展示特点，每个设计师或多或少会修改和美化大小、厚度、颜色等细节，但不要过度设计。 3、底部tab栏 那么，除了顶部可以让搜索入口既显眼又没有存在感之外，0在哪里可以达到这个效果呢？那就是页面底部tab。底部tab设置为搜索，表明搜索是场景中的主要功能之一。用户可以随时进入搜索页面，通常是内容类的app多些。这类app页面功能少，目的强，搜索会作为底部tab小说阅读器等； 这种搜索入口可以安排更多的内容，可以在入口页面显示流行的搜索，推荐一些流行的搜索内容，帮助用户思考，增加更多的可能性，延长用户在这里app使用时间。推荐的热词设置类似于默认词，但区别在于，一般来说，热词对单词数量有一定的限制，相对简单和短，因此默认单词具有长度优势，可以更详细地描述。 但如果此时app底部导航已经包含了四个或更重要的功能tab，所以不需要添加搜索功能，以防止tab过多会影响用户的使用感受。 那么，当我们设计上述搜索入口时，我们应该考虑什么呢？ 1.搜索入口应该足够明显 搜索入口主要是让用户快速搜索，所以搜索框的位置需要足够明显，这样用户就可以在页面上第一时间捕获。 2.搜索入口的样式设计 当一个搜索入口放在页面上时，用户如何知道它是一个搜索框，除了文本？最好是一个明显的搜索图片，调查发现，大多数app做这个功能的时候，都选择了放大镜图标。首先，放大镜意味着搜索，已经深入人心；其次，这个设计简洁明了，符合搜索入口的设计要求。 在调查放大镜图标时，桃浪注意到了几乎所有的放大镜icon，它的把手朝右下角。我认为这可能是在模拟大多数人用放大镜寻找东西的动作。当然，左撇子的朋友不应该抓住我的讨论~如果你有任何不同的想法，你也可以在下面留言。让我们一起讨论~ 3.除文本文本以外的其他搜索字符 随着科学技术的发展，当我们使用手机和其他移动产品时，我们已经开始使用语音、图片和其他语言来更快地表达我们的想法。搜索也是如此。添加图片、语音和其他搜索入口可以提高搜索效率和用户体验。例如，当用户不方便打字时，他们可以通过语音搜索；当搜索一些无法用语言清晰表达的数据时，他们可以发送图像智能识别匹配。 4格高效简洁 搜索入口的职责是帮助用户快速使用搜索功能，注重简单高效。如果没有特殊要求，则不需要繁琐的设计。只要显示搜索框或搜索图标等基本内容，过多的装饰就会影响用户的使用。 5、搜索按钮 贯彻一切简单高效的原则，我发现很多搜索入口其实都隐藏了搜索按钮，而不是输入法的返回按钮。从用户使用的角度来看，直接使用输入法的返回按钮触发搜索条件，简化了用户的操作动作，相对方便高效。 END这里是桃浪 东北品的东北姑娘 下次见 特别说明：本网站的主要目的是收集与互联网运营相关的干货知识，为运营伙伴提供便利。本网站收集的公共内容来自互联网或用户的贡献，这并不意味着本网站同意其观点，也不对网站内容的真实性负责。如有侵权行为，请联系网站管理员删除，。