如何设计一个完美的app搜索框

 时间:2024-11-06 09:52:30

即便app种类有很多的,但都有一个共同的特性—搜索框,它是设计师经常用到的控件之一。也许很多人会觉得搜索框不需要设计,因为它看似只有简单的两个元素构成,在以内容为导向的app中,搜索框有着不可替代的作用,它能够帮助用户快速的找到自己想要的内容。今天,在这里我们就来聊聊关于搜索框的设计问题,如何让用户尽快的节省时间,搜索到他们想要了解的内容。

方法/步骤

1、使用放大镜图标若使用一个图标代表搜索入口的话,那么放大镜图标绝对是不二首选。也会有些人不能理解,熹栳缂靖能代表搜索的图标可以有很多,为什么一定要中用放大镜?所谓的图标,其实就是代表一个对象、动作、橇秆苡螳想法等多种含义的图形符号,我们通过图标看到的不仅是图标本身,而是它所代表的的内在恨意。对于用户而言,具有通用性代表含义的图标为数不多,而放大镜正是其中之一。小提示:这里并不是说一定要放大镜,而是若换成其它的图形,用户标识起来相对会非常困难,甚至需要付出一定的试错成本,而这并不利于用户体验。

2、显眼的搜索输入框用户找产品或内间恒溪痞容最快的途径就是搜索栏,因此说它是app的主要功能,应该放在醒目的位置,这样能让用户最笈淦焖卯快的发现它的存在。事实证明,将搜索栏放在隐蔽位置的app会让用户觉得沮丧。隐藏在按钮背后的输入框不仅会让用户觉得不是那么明显,不容易被快速发现,需要点击后用户才能看到,更主要的在于延缓用户操作流程,影响到用户体验,所以显示完整的文本输入框真的非常重要。

3、推荐内容想要推荐app内容或产品最好的时机就是从用户刚进入搜索页面,到输入框输入文字这段时间,这会为目标性不是很强的部分用户提供可看的内容。通常,进入搜索页面的方式有3种:1)在当前页面进行搜索;2)进入新的页面并拉起键盘;3)先进入一个推荐页,在进入搜索页并拉起键盘。第一种是没有推荐内容的,后两种从上到下可以分为输入框、热搜词、搜索历史三部分。

4、每页都保留搜索输入框成功的app搜索框存在于每一个页面中,所以你应该让你的app中的每一个页面都有搜索款的存在,让每一个用户拥有在每一个页面都能立即进行搜索的权限,若你的用户无法在特定的页面找到他们想要的内容,可以立刻通过搜索获取内容,这样不管他在哪一个页面都能快速的找到自己想要的内容。

5、让搜索框尽量简单作为设计师,当你设计搜索框的时候,一定要尽量让它看起来像一个搜索框,并且简单易用。据可用性研究数据显示,默认没有显示高级选项的搜索框看起来更加的友好,所以,通常情况下给用户提供的搜索框最好不要提供进阶的搜索选项,一定保证搜索框尽可能的简单。

6、关键词自动纠错其实,人们在打字的过程中是很容易出错的,若用户错误的输入了某个搜索关键词而你的搜索引擎又可以检测到该错误,则可以针对系统猜测和“更正”后的关键词显示搜索结果,这样便可以避免由于没有返回任何结果,迫使用户重新输入关键词而导致的郁闷挫败感。

7、确保输入框可以容纳足够的字段关于输入款设计最常见的错误就是“太窄”,若输入款宽度不够,当用户在输入较长的文本查询时,也就意味着有部分内容是无法看到的,那么用户也就无法轻松的查看和编辑他查询的内容,可用性很差。因此输入框要根据用户预期输入的文本调整大小,那么他们将更容易帮助用户阅读和查询。

如何在摹客中导入Axure的HTML演示包 js isNaN() 判断是不是数字 如何定义div位置 js如何给p标签内容添加下划线 如何设计一个简单的网页,利用css和HTML
热门搜索
私密按摩师电影 蝴蝶鱼图片 秘密爱电影 降头电影 何冰老婆图片