售前咨询 售后咨询
当前位置: 上海网站设计 > 建站知识 > 网站托管运营

网站设计之搜索框设计

网站编辑:小润 | 发表时间:2019-02-09 16:14:35

  

许多人可能(maybe)认为搜索框不需要设计,毕竟这只是两个简单的元素。然而,在网站内容繁杂的网站中,搜索框通常是最常用的设计元素。当用户遇到相对复杂的网站时,他们会立即寻找搜索框,已到达到最终目的。搜索框的设计及其可用性就显得尤为重要。

两种类型1、即时搜索
结果立即显示在用户界面上,不需要按钮,放大镜仅显示为一个图标,输入时立即搜索
2、常规搜索
通过用户点击搜索按钮后才开始执行搜索
何时使用1、目标(cause)对象很难找到时2、需要查找特定的网站内容时;
我们在淘宝中搜索匹配其中一种特征的商品时。上海做网站空间域名都准备好了,现在开始做网站内容了。可能很多朋友都在这里晕了。但是不要担心,现在有很多的程序都是现成的,直接下载下来就可以自己安装。常见的程序有Discuz,ecshop,wordpress。这些程序都是免费的。安装起来也非常简单。
3、需要的结果不能在5秒找到时设计理念外观特征搜索框设计的8个技巧(Skill)1.使用放大镜图标
根据定义,图标是对象,动作或想法的可视化表示,并且有几个图标是用户记忆最深刻的,也是通用的。放大镜图标就是其中之一。即使没有文字标签,用户也可以识别放大镜图标的作用。


  2. 将搜索框放在用户希望找到的地方
如果搜索对于你的应用或网站来说是重要的功能,那么搜索框必须放在显眼的位置(position ),让用户一眼就能找到。
研究发现,搜索框放置的最佳位置(position )是你网站上每个页面的左上角或右上角,用户可以使用常见的F形扫描模式(pattern)轻松找到它。理想情况(Condition)下,搜索框应该完美匹配网站的整体设计,并在用户需要时轻松展现。
3.为搜索框提供搜索按钮
搜索按钮可以帮助人们了解(Find out)还有额外(extra)的触发操作控制 – 即使他们通常使用Enter键。
4.将搜索框放在每一页上
网站设计始终提供对每个页面的搜索框的访问权限,因为如果你的用户找不到他们正在查找的网站内容,他们将会使用搜索功能,无论他们处于你网站的哪个位置(position )。

5.使搜索框简单
如果你设计一个搜索框,请确保它看起来像一个搜索框,并尽可能(maybe)简单的使用。根据可用性研究(research),默认情况下没有显示高级搜索选项,这样更加显示用户友好。高级搜索选项可能会混淆(to blur)将尝试使用它的用户。
6.自适应字段大小
输入字段太短是设计人员常见的错误。上海网站建设前期准备包括了前期网站定位、内容差异化、页面沟通等战略性调研,这些确立后,再去注册域名、租用空间、网站风格设计、网站代码制作五个部分,这个过程需要网站策划人员、美术设计人员、WEB程序员共同完成。网站是企业展示自身形象、发布产品信息、联系网上客户的新平台、新天地,进而可以通过电子商务开拓新的市场,以极少的投入获得极大的收益和利润。上海做网站空间域名都准备好了,现在开始做网站内容了。可能很多朋友都在这里晕了。但是不要担心,现在有很多的程序都是现成的,直接下载下来就可以自己安装。常见的程序有Discuz,ecshop,wordpress。这些程序都是免费的。安装起来也非常简单。当然用户可以键入长查询,但只有一部分文本可见,部分文字被隐藏,这意味着可用性差。因为用户没有办法轻松查看和编辑(Editor)其查询。实际上,当搜索框可以输入的文本有限时,用户被迫使用短的文本进行查询,这样就不能精确的查询。如果输入字段根据其预期输入进行大小调整,那么它们更容易阅读并给用户提供良好的用户访问体验。
经验法则是具有27个字符的文本输入(它可以容纳(指方便地或不拥挤地装载)90%的查询)。

7.使用自动建议机制
自动建议机制可以帮助用户通过(tōng guò)输入的字符进行预测(predict)来找到正确的查询。自动建议机制不是加快搜索过程(guò chéng),而是关于指导用户并帮助他们构建搜索查询。用户在查询配置方面非常差:如果在第一次尝试时没有获得良好的结果,他们可能(maybe)就放弃了。自动建议机制可以帮助用户更好地表达他们需要的搜索查询。
Google早在2008就掌握(熟知并能运用) 此项技术。由于用户倾向于多次搜索相同的网站内容,通过记住搜索记录,Google可以节省(spare)时间并创建更加便捷的体验。
网站设计中常用的配色工具 网站建设中应该避免的过时设计

关键字:
官方微信
上海市长宁区宣化路300号华宁国际广场中区7层
+021-8031 0607
+135 8590 1130