小功能大学问——搜索框应该怎么设计？

搜索对于一个互联网产品来说似乎是一个小功能，可以找到东西，但它实际上是一个非常详细的功能，甚至可能形象到产品的转变。 最近在线优化app，发现搜索框实际上是一件非常详细的事情，在做电子商务项目和用户沟通时，许多用户认为这是APP或者小程序不容易使用，主要是因为你找不到你想要的。 我需要的是苹果。搜索后，你给我的结果是梨。这会让用户感到困扰，并考虑这个平台是否有我需要的东西。如果多次搜索结果达不到预期，用户很可能会放弃产品。 因此，搜索功能并不小，甚至可能影响业务转换数据。这并不意味着你可以有这个功能。 以下思维导图为思维方向。 一、淘宝搜索框分析 1. 内容显示模式-完全实时 以淘宝为例，点击搜索框输入内容，内容相关项目会实时显示在搜索框下方，搜索关键词会补充。 2. 搜索范围-全局搜索 搜索完第一进行第一次搜索后，跳转到新页面，进行更详细的分类搜索。 3. 实时搜索的内容是否分类-无 实时搜索的内容将根据关键字进行补充，具体商品的型号和品牌没有预分类。 4. 搜索按钮功能-象征意义大于功能意义 无论是点击搜索框还是搜索按钮，淘宝首页的搜索框最终都会跳转到新页面，也就是说，两者实际上功能相同，引导搜索。 根据视觉容后，更多的人会选择点击下面的显示条目，而不是搜索按钮。 搜索按钮的功能被削弱，淘宝搜索更多的是为了补充搜索内容的信息，进行更准确的定位。 5. 总结淘宝搜索功能 电子商务平台将有一个非常明显的特征，产品名称或介绍将有很多关键字，有时商品名称可能长达30个字，目的是用户搜索可以根据关键字搜索商品，所以商品关键字足够，所以搜索的概率会增加。 我个人认为，这种实时和补充关键字的设计在很大程度上是为用户筛选长名商品，并为用户提供具体的性别信息和设计方向，从而降低用户的时间成本。 而且全局搜索的种类很多，一个商品可能有多个分类属性，因为商品定位后，搜索结果会让用户更满意。 建议电子商务、应用购物中心等分类更多，商品应用更多，适用于这种搜索模式，逐步引导用户进行准确的搜索，如果不能搜索相应的内容，也应该给出提示，说我们不卖你想要的苹果，建议你看看梨。 而不是把梨放出来说，你喜欢就要，不要在这里你也找不到。 二、微信首页搜索功能分析 1. 内容显示在搜索框下方-部分实时 以微信为例，主页搜索不完全实时，将分为两个模块，一个模块是账户关注的内容，聊天信息、朋友圈等实时显示，另一部分是未关注的内容需要点击搜索跳转到另一个页面显示。 2. 搜索范围-全局搜索 微信首页的搜索不仅针对用户自身的行为，也针对其他用户的聊天和关注。 3. 实时搜索的内容是否分类-有 主页搜索内容包括朋友圈、文章、微信官方账号、小程序、音乐、表情，分类内容包括微信官方账号、聊天记录等。 就我个人而言，我认为对这些内容进行模块分类的原因是为了方便用户找到信息。很多时候，我们找到了我们行为产生的信息。事实上，我们已经定位了我在哪里看到的信息，比如公共账户的某一部分，比如聊天时的信息；第二，它不像商品那样有太长的项目。搜索内容不需要曝光，而是用户自己的行为，用户需要找到自己行为产生的内容，可能是二次分享，也可能是查看。 4. 搜索按钮功能-象征意义大于功能意义 从图中可以更明显地看出，与淘宝相比，微信甚至没有提供搜索按钮，而是直接在下面提供搜索入口。搜索框后面是取消功能。点击取消后，您可以直接跳转到上一页。取消按钮放在搜索框后面，不显眼。用户很少使用此功能，因为视觉移动线和视觉效果不会引起用户的注意。 想象一下，当我们搜索社交产品时，我们会搜索什么？朋友，聊天记录，文章。换句话说，实时显示中有一些。没有你，你只能搜索其他用户生成的内容。 根据视觉移动线，下面的搜索入口实际上加强了搜索入口的视觉，它更像是搜索内容的标题，而不是搜索按钮。 5. 微信首页搜索功能总结 对于通信社交产品来说，搜索功能可能承载的需求并不那么重要。它不像电子商务那样是一个转型的入口，这个搜索功能更像是一个目录的存在，内容已经写好了。当你找到目录时，你可以看到相应的内容。 这个功能可能对一些内容输出者非常有用，比如找到相应的公共账户或文章，但前提是让用户知道有这个东西，有这个公共账户。 所见即所得，所知即所查。 三、外贸APP地址搜索功能分析 1. 搜索框下方的内容显示-非实时 习惯了实时显示这种搜索内容后，是我第一次遇到非实时显示搜索内容的情况，比如需要搜索GOOGLE MAP如果读者遇到其他有限的情况，请评论地址~ 输入内容后，点击搜索按钮显示相应的搜索内容。 2. 搜索范围-局部搜索 在地址簿上搜索用户的内容。 3. 实时搜索的内容是否分类-无 由于个人信息的问题，这里没有地图，但我认为它可以按照省/市的方式进行分类。例如，对于外贸产品，用户可能有几十个地址。除了搜索功能外，更容易根据地址所在区域对具体地址进行分类。 4. 功能意义大于象征意义 如果搜索有限制，搜索按钮的功能意义大于象征意义，内容必须在输入后进行搜索。 因此，在设计搜索功能交互时，最好了解一些限制，避免需求完成后达不到预期结果。 从图中看，当功能意义大于象征意义时，搜索按钮应该做一些突出的显示。目前的设计实际上不符合用户体验。搜索按钮只是文本，是灰色的。事实上，它会给新用户带来一些操作问题。优化方向可以使用品牌颜色按钮文本，其次，搜索可以放在搜索框下面，而不是搜索框后面。 5. WEB端的优化 我们不仅要进行全局搜索，还要进行局部搜索。就我个人而言，我认为我们需要把局部搜索的入口放在特定的页面上，而不是放在同一个页面上，这引起用户的混淆。这两个功能是否相同？哪个入口可以满足我的需求。 如果以WEB例如，以下搜索是错误的设计。 优化方法可以删除局部搜索，如果点进分类，搜索范围自动适应分类内容。也就是说，搜索框的范围会随着点击的分类范围而变化。 6. 某个外贸APP搜索功能总结 如果你不知道这些限制，你应该在测试中尽快提出优化方案。如果你提前知道，你应该配合设计来做一些界面优化。 搜索功能的设计对下一步的操作具有重要意义。作为最容易得到结果的功能，如果操作步骤卡住或让用户感到困惑，很容易造成损失。 最好是埋点搜索功能，用数据查看搜索后下一页的转换。数据驱动可以得到更好的解决方案，但前提是数据更准确。 总结 搜索对于一个互联网产品来说似乎是一个小功能，可以找到东西，但它实际上是一个非常详细的功能，甚至可能形象到产品的转换。虽然功能很小，但效果很大，但以上是我对搜索功能的一些思考。 欢迎指正。 特别说明：本网站的主要目的是收集与互联网运营相关的干货知识，为运营伙伴提供便利。本网站收集的公共内容来自互联网或用户的贡献，这并不意味着本网站同意其观点，也不对网站内容的真实性负责。如有侵权行为，请联系网站管理员删除，。