详情描述

网站如何设计搜索模式|长沙网站建设

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

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

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

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

中科天基提醒设计师注意:避免将按钮放在输入框的左侧,上方或下方。在文本输入获得焦点前,你可以隐藏输入按钮。确保按钮的大小适中,以便点击起来感觉自然。 

不知道大家有没有发现,有时候,越是闪亮,强大或面积大的东西也不一定能引起人们的注意,搜索模式也一样。不如将它改为你理想的风格!中科天基告诫设计师一定要切记搜索框的设计必须与你的网站或应用程序的主题相吻合,并同时确保它足够引人注目。   

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

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

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

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

中科天基提醒设计师,不要给他们任何错误的自动建议。确保你使用的所有机制是合理的,并且符合你的用户需求。给你的用户最近的搜索历史的视觉线索,这在重复搜索时特别有用;尽量保持简单,使用最少的元素来分隔不同的建议(即填充和边框); 把你给用户的搜索建议数量限制在5到9之间。

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

总结起来,主要有这几个点需要注意:视觉设计、输入特性、占位符提示、自动提示、定位这五种设计线索点。设计师们一定要注意呦。

中科天基是一家专业的长沙网站建设公司,能够针对各种用户需求设计出让客户满足的方案来,是用户在选择网站建设时的首选。

 


温馨提示

1、该信息由列表网网友发布,其真实性及合法性由发布人负责,列表网仅引用以供用户参考,详情请阅读列表网免责条款。

2、在签订合同或相关协议之前,任何要求预付定金、汇款等方式均存在风险,谨防上当受骗!