APP交互设计基本功:关于搜索框设计的点滴
发布日期:2018-03-07 23:01:22
许多人可能认为搜索框不需要设计,毕竟这只是两个简单的元素。然而,在内容繁杂的网站中,搜索框通常是最常用的设计元素。当用户遇到相对复杂的网站时,他们会立即寻找搜索框,已到达到最终目的。搜索框的设计及其可用性就显得尤为重要。

两种类型 1、即时搜索

结果立即显示在用户界面上,不需要按钮,放大镜仅显示为一个图标,输入时立即搜索

2、常规搜索

通过用户点击搜索按钮后才开始执行搜索

何时使用 1、目标对象很难找到时

对象很多时;如从Mockplus的图标库中需要找到某个图标时。
可能的目标对象不在同一个位置时;如在磁盘中查找某类型文件时。
数据很难找到时;如在一篇长文本中搜索某个字符串时。
2、需要查找特定的内容时;
我们在淘宝中搜索匹配某种特征的商品时。

APP交互设计基本功:关于搜索框设计的点滴

3、需要的结果不能在5秒找到时设计理念

它是界面的一部分,所以要放在一个显眼的位置,要容易找到;
在同一应用中,它们应该有统一的外观;
它的功能应该是有效的,它的结果应该是准确的,它的速度应该是尽可能快速的。
外观特征
不需要使用标签,使用一个可选的提示;
提示可以是一个指令(如搜索类型),或者一个范围;
提示语要简短;
即时搜索时,提示首字母大写;常规搜索时,首字母小写。
搜索框设计的8个技巧 1.使用放大镜图标
根据定义,图标是对象,动作或想法的可视化表示,并且有几个图标是用户记忆最深刻的,也是通用的。放大镜图标就是其中之一。即使没有文字标签,用户也可以识别放大镜图标的作用。

2. 将搜索框放在用户希望找到的地方

如果搜索对于你的应用或网站来说是重要的功能,那么搜索框必须放在显眼的位置,让用户一眼就能找到。

研究发现,搜索框放置的最佳位置是你网站上每个页面的左上角或右上角,用户可以使用常见的F形扫描模式轻松找到它。理想情况下,搜索框应该完美匹配网站的整体设计,并在用户需要时轻松展现。

3.为搜索框提供搜索按钮

搜索按钮可以帮助人们了解还有额外的触发操作 – 即使他们通常使用Enter键。

4.将搜索框放在每一页上

始终提供对每个页面的搜索框的访问权限,因为如果你的用户找不到他们正在查找的内容,他们将会使用搜索功能,无论他们处于你网站的哪个位置。

5.使搜索框简单

如果你设计一个搜索框,请确保它看起来像一个搜索框,并尽可能简单的使用。根据可用性研究,默认情况下没有显示高级搜索选项,这样更加显示用户友好。高级搜索选项可能会混淆将尝试使用它的用户。

6.自适应字段大小

输入字段太短是设计人员常见的错误。当然用户可以键入长查询,但只有一部分文本可见,部分文字被隐藏,这意味着可用性差。因为用户无法轻松查看和编辑其查询。实际上,当搜索框能够输入的文本有限时,用户被迫使用短的文本进行查询,这样就不能精确的查询。如果输入字段根据其预期输入进行大小调整,那么它们更容易阅读并给用户提供良好的用户体验。

东莞防水公司http://www.cnlihui.com 长沙补漏公司http://www.lileju.com 东莞防水补漏http://www.dgkn168.com 蛋糕学习班http://www.yourbakers.com

经验法则是具有27个字符的文本输入(它可以容纳90%的查询)。

7.使用自动建议机制

自动建议机制可以帮助用户通过输入的字符进行预测来找到正确的查询。自动建议机制不是加快搜索过程,而是关于指导用户并帮助他们构建搜索查询。用户在查询配置方面非常差:如果在第一次尝试时没有获得良好的结果,他们可能就放弃了。自动建议机制可以帮助用户更好地表达他们需要的搜索查询。

上一记录:网站交互设计基本实用要点
下一记录:网站设计怎么才能够抓住用户的心

网站建设在5G时代到来后会面临的变革
网站建设在5G时代到来后会面临的变革
4G网络才刚刚普及,5G技术又快马加鞭。综合有关消息我们可以明确获知,最快一到两年内,5G网络就可以在三大运营商开始试商用。想想这些年,
2019-03-20 10:03:02
摄影网站要如何设计才能吸引人
摄影网站要如何设计才能吸引人
重要的日子都可以用摄影来记住,所以市场对摄影服务的需求还是比较大的。而在了解各种摄影网站的过程中,摄影网站的设计已经成为人们非常关
2019-03-15 14:30:47
手机网页设计要注意什么?
手机网页设计要注意什么?
手机作为一种人人都离不开的智能产品,它们的功能已经从最初的接收电话到现在的网络服务,很显然手机已经蜕变成了一个智能网络的移动端口,
2019-03-14 15:35:12
网站建设提高营销吸引力的关键因素
网站建设提高营销吸引力的关键因素
网站建设成功之后如果想要得到更多人的关注,并且可以让自己网站浏览量与日俱增,增强网站浏览转化率以及知名度就必须要保证网站的功能性和
2019-03-11 14:42:47
网页设计如何通过人工智能来实现
网页设计如何通过人工智能来实现
人工智能,一个新的时代序幕或许因他而慢慢拉开,智能化被提及的次数越来越多,对与人工智能的发展也越来越快,对未来和现在,甚至过去都产
2019-03-11 14:16:42
网站设计怎么才能够抓住用户的心
网站设计怎么才能够抓住用户的心
网站设计在网站建设当中骑着至关重要的作用,在具体的运营维护过程中也不可忽视。设计就要根据自己网站的定位,来确定具体的风格,在选择设
2018-04-13 12:23:32
APP交互设计基本功:关于搜索框设计的点滴
APP交互设计基本功:关于搜索框设计的点滴
许多人可能认为搜索框不需要设计,毕竟这只是两个简单的元素。然而,在内容繁杂的网站中,搜索框通常是最常用的设计元素。当用户遇到相对复
2018-03-07 23:01:22
网站交互设计基本实用要点
网站交互设计基本实用要点
眼睛是心灵的窗口,做网站,只有先吸引到用户的注意力,才有后话!落实到具体的设计上,就不得不提到交互设计了。现在基本每个网站都有类似
2018-03-07 22:53:33
网站建设运营和优化要点
网站建设运营和优化要点
 网站建设运营和优化,又简称为网站建设。当需要我们自己去做一些网站的改版工作时,我们需要添加一些插件,来增强网站的各种体验性的操作
2018-03-04 09:32:35
精品网站制作的小技巧
精品网站制作的小技巧
网站的类型有很多种,而且花样也比较多,内容很丰富。想要设计一个在同类型网站中脱颖而出的话,获得更多的流量,就要在制作网站的时候花更
2018-02-22 23:38:19
叶老设计
Copyright ©2015-2019 cnyelaw.com All Rights Reserved 叶老设计 版权所有 网站地图 备案:湘ICP备16009065号
网站设计 长沙网站建设 长沙网站设计 长沙网站制作 长沙做网站 长沙建网站 长沙网站建设 长沙网站设计 长沙小程序开发 长沙APP开发 长沙商城网站建设 长沙微网站制作