提交需求
赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!
第252期:用时约3分1072字
[搜索体验]从细节处增强搜索设计用户体验
推荐:做设计可以衡量的设计评判标准之一就是细致,本文通过一个个小小的细节待你感受设计精妙之处。
01视觉线索:无论创建任何类型的用户界面,为用户提供快速扫描屏幕所需的工具是你设计的一部分。
1. 放大镜图标:使用放大镜图标,作者无法保证这样会加快了搜索栏查找的速度。但是图标越简单越好,较少的细节可以让用户更快地浏览。
2. 一个实际的搜索按钮:不是所有用户都是资深网民,这也就意味着并不是每个用户都知道,一旦在输入框里输入查询内容,按下回车键就可以得到相关信息。
Tips:或者,你可以隐藏输入按钮,直到文本输入行为已经完成。确保按钮的大小合适,这样才使得点击行为十分自然。
02输入特性:有时候,越是闪亮,强大或面积大的东西也不一定能引起人们的注意,搜索模式也一样。不如将它改为你理想的风格!但切记搜索框的设计必须与你的网站或应用程序的主题相吻合,并同时确保它足够引人注目。
但也要确保输入长度也不要过短。据NNG的研究表明:拥有能够容纳27个字符的输入,可以满足90%的用户的需求。
03透明占位符:为输入的占位符文本使用适当的副本很重要,它们通常是暗示用户可以搜索的内容。这确保了他们知道要搜索什么,并且不会因编写错误导致查询失败而感到沮丧。
Tips:众所周知,人类的短期记忆容量有限。因此,尽量保持用于占位符文本的副本简短而直接。使用较长的提示会增加用户的认知负荷,从而损害用户体验。你可以在这里了解更多有关有害标签和占位符的信息。
04引导查询,即自动提示:很多时候,用户会忙于思考搜索结果,而没有专注于构建一个适当的搜索查询。当用户无法找到他们所期望的结果时,这也是一个负担。这个用户的操作失误,也正是设计师的错误。在这里,自动提示就可以派上用场了。
采用自动提示的目的不是为了使搜索速度更快,而是在用户查询构建中提供一点帮助。你可以通过执行预测的搜索模式来实现这一点。
Tips:不要给他们任何错误的自动建议。确保你使用的所有机制是合理的,并且符合你的用户需求。
1、给你的用户最近的搜索历史的视觉线索,这在重复搜索时特别有用;
2、尽量保持简单,使用最少的元素来分隔不同的建议(即填充和边框);
3、把用户的搜索建议数量限制在5到9之间。记住Miller在用户体验设计中的定律应用
05不要忘记定位:用户对AD Shaikh&K.Lenz在2006年发现的某些UI元素和模式的位置有一定的要求。搜索就属于这种被要求的模式之一,绝大多数用户希望在界面的顶部中心或右上角找到它,就像上面提到的研究结果和以下图中所示。
“许多参与者希望在网页右上角或靠近左上角的位置找到”网站搜索引擎“试着根据这些知识来定位搜索模式,它将确保你的用户很容易找到它。
Powered by Froala Editor
大牛,别默默的看了,快登录帮我点评一下吧!:)
登录 立即注册