网站如何设计搜索模式|青岛网站建设

网站如何设计搜索模式|青岛网站建设

今天，帮企翼要跟大家讲一个比较小的设计点，就是在设计网站时，要如何设计它的搜索模式，主要有五个比较成功的搜索机制跟大家分享。

第一就是视觉线索的设计，帮企翼提醒大家记住的一点就是无论创建任何类型的客户界面，为客户提供迅速扫描屏幕所需的工具是你设计的一部分。这样做可以确保你的客户知道在什么地方找到他想要的东西，何时需求使用以及与其交互后会发生什么。

第二重要的就是放大镜图标的设计，而且图标越简单越好，因为帮企翼发现，较少的细节可以让客户更快地浏览。虽然，一个图标本身没有输入容器或按钮，实际上会使搜索更加困难。

极简主义搜索图标的示例，人们通常认为放大镜图标表示搜索工具，即使它没有标签说明。但是，只显示图标的搜索框会使搜索变得更加困难。(言论来自NNG凯蒂谢尔文的“搜索设计中的放大镜图标”)。在搜索输入旁边设计一个实际的按钮可以帮助客户确认他们的下一个动作，从而减少客户所需的认知负荷。

帮企翼提醒美工重视：避免将按钮放在输入框的左边，上方或下方。在文本输入获得焦点前，你可以隐藏输入按钮。确保按钮的大小适中，以便点击起来感觉自然。

不晓得大家有没有发觉，有时候，越是闪亮、强大或面积大的东西也不一定能引起人们的重视，搜索模式也一样。不如将它改为你理想的风格！帮企翼告诫美工必须要切记搜索框的设计必须与你的网站或应用程序的主题相吻合，并同时确保它足够引人注目。

另外，为输入的占位符文本使用适当的副本非常重要，它们通常是暗示客户可以搜索的内容。这确保了他们知道要搜索什么，并且不会因编写错误使得查询失败而感到沮丧。近来，Web工具可以通过在HTML5中添加提示做为占位符来轻松完成此操作。添加占位符可以帮助客户过滤查询的内容。

众所周知，人类的短期记忆容量有限。因此，尽量维持用于占位符文本的副本简短而直接。使用较长的提示会增加客户的认知负荷，从而降低客户体验。你可以在这里了解更多有关有害标签和占位符的信息。在某些项目中可能需求设计一个更具体的搜索功能。在这种情况下，你可以使用悬停的工具提示来确保提示在任何时候都是可见的，这样客户就可以将他们的短期内存用于其他任务。

同时，也要设计引导查询，即主动提示，客户没有办法找到他们所期望的结果，正是美工的错误。在这里，主动提示就可以派上用场了。采用主动提示的目的不是为了使搜索速度更快，而是在客户查询构建中提供一点帮助。你可以通过执行预测的搜索模式来实现这一点。

例如客户想问这个可怕的词是什么？预测的搜索模式是根据客户正在编写的所有字符，猜测输入的是什么词汇，预测他们的查询将会是什么而弹出主动建议。因此，通过设置引导查询，除了大大减少客户执行搜索的工作量，还可以增加他们查找所需内容的次数。

帮企翼提醒美工，不要给他们任何错误的主动建议。确保你使用的所有机制是合理的，并且符合你的客户需求。给你的客户近来的搜索历史的视觉线索，这在重复搜索时特别有用；尽量维持简单，使用起码的元素来分隔不同的建议（即填充和边框）；把你给客户的搜索建议数量限制在5到9之间。

最后就是不要忘记定位，客户对AD Shaikh＆K.Lenz在2006年发觉的某些UI元素和模式的位置有一定的要求。搜索就属于这种被要求的模式之一，绝大多数客户希望在界面的顶部中心或右上角找到它。

归纳起来，主要有这几个点需重视：视觉设计、输入特性、占位符提示、主动提示、定位这五种设计线索点。美工们必须要重视呦。

帮企翼是一家专业的青岛建设网站机构，可能针对各种客户需求设计出让客户满足的方案来，是客户在选择网站建设时的首选。