APP开发外包注意事项

搜索框怎么设计好看二

  返回  

搜索框怎么设计好看一

2018/5/31 10:38:11 浏览:

搜索框虽然在整个网站页面上可以说是不起眼的一丢丢,但它存在的意义是非常大的。可以方便任何用户想要找到他们想要了解的东西,在设计搜索框时就需要用心,才能让用户用的得心应手。那么,完美的搜索框设计,需要注意哪几点要素?


搜索框时我们常用的UI控件之一,它存在于所有的网站和APP中,很多人认为搜索框是不需要设计的,感觉它的存在在普通不过的元素组成的,其实搜索框存在的明显与否,会直接影响用户体验度,而明显程度是可以用设计来体现的。


1、使用放大镜图标


时至今日,搜索的概念和放大镜图标之间的关系已经深入人心,根深蒂固了。在日常最常用、最易于识别的几个图标当中,放大镜所带代表的搜索图标就是其中之一。


即使在没有文本标签标识的情况下,用户也能轻松地识别图标的含义。


小贴士:使用最简略直观的放大镜图标,细节越少,越容易识别。


2、显眼的搜索输入框


如果搜索是你的网站或者APP的重要功能的话,你应当让搜索框足够显眼,这样的能设计让用户最快发现它的存在。


显示完整的文本输入框是很重要的,隐藏在按钮背后的输入框会让用户觉得不是那么明显,不容易被快速发现。需要点击之后用户才能看到。


3、提供搜索按钮


按钮的存在让用户能够明白搜索的触发方式——也就是说通过触发按钮来完成这一操作。


小贴士:控制搜索按钮的尺寸大小,让用户使用光标可以轻松找到并点击,让触发区域大小合适。让用户可以通过回车键提交搜索,许多用户仍然有通过点击键盘按键来触发搜索的习惯。


4、每页都保留搜索输入框


你应该为用户拥有在每个页面都能立刻进行搜索的权限,如果你的用户在特定的页面找不到他们想要的内容,可以立刻通过搜索获取内容,无论他在网站的哪个地方。


5、让搜索框尽量简单


在你设计搜索框的时候,请尽量让它看起来就是一个搜索框,并且简单易用。可用性研究表明,默认没有显示高级选项的搜索框看起来更加友好,所以,通常情况下给用户提供的搜索框最好不要提供进阶的搜索选项。









天津光标科技有限公司作为一家以积极、严谨、优质、高效为核心的互联网软件开发公司欢迎有软件开发需求的用户联系我们

我们拥有国内顶级的设计、技术团队和多年互联网软件开发经验。


我们只针对有互联网产品意识的客户
为其提供系统的基于互联网的软件设计 、 软件开发 、 深度追踪技术服务



文章来源天津光标科技有限公司,如需转载请注明出处。