搜索框是网站上非常重要的元素之一。无论你拥有哪些种类的业务，设计精良的搜索框都是必不可少的，以便访问者可以轻松找到他们正在探寻的内容。 这并不意味着设计者仅需添加一个搜索功能，而不考虑它的外观。你需要考虑功能，用户友好，美观，甚至搜索框的地方。这所有都是为了提升你网站上的客户体验，甚至可以提升转化次数。那样，在设计搜索框时你需要干什么？虽然依据你的需要和目的，确切的建议可能是主观的，但有一些普通的提示可以适用于不相同种类型的网站。如何制作网站的搜索框？以下是搜索框设计和展示地方的一些最好做法： 1.使它突出 搜索框设计中的第一个也是非常重要的规则是使其显而易见。你可能过于专注于设计美学，你创建一个搜索框，与网站的其余部分融合。但关键的是要记住，你要为想在你的网站上找到某些内容的用户添加一个搜索框。让他们探寻搜索框的地方不会有任何意义，甚至可能对他们的体验产生负面影响。 这并不意味着你需要在美学上妥协。设计一个搜索框，需要让它看着美观同时仍然突出，足以叫人们注意到。因此，框的大小应该非常大，但不可以太大，由于它占用了页面上太多的空间。颜色应该是对比的，但仍然与页面上用的其余颜色互补。 下方例子是一个非常不错的例子，由于白色与页面的蓝色对比，同时仍然与网页设计中用的其他颜色对齐。搜索框的大小不会太大，但仍然足够突出，以便大家在进入网页后立即注意到。 2.突出显示提交按钮 如前所述，搜索框的整体目的是使网站访问者更容易地搜索。防止过度复杂的事情与微小的提交按钮，用户需要专注于点击。使提交按钮崭露头角提升了搜索框本身的可见性，也用户更容易点击。无论你选择用放大镜图标还是在提交按钮中拼出提交，都是由你决定的。但，重点放在按钮的大小和颜色，以确保用户在搜索字段中输入后没问题。一些网站用到放大镜图标为游客搜索的东西，这可能被证明对于网站美学有非常大有哪些好处，如在Levi's Strauss的状况。但这不是一个最好的搜索框设计示例。 3.将它放在用户最习惯的地方 有一个关于在网站上放置搜索框的最好地方的争论。但，假如你看看一些最火爆的网站，你会注意到，搜索框一般放置在页面的顶部中心或右上角。这从SLI系统公布的研究中是显而易见的。剖析发现，54％的零售商将搜索框放在右上角，30％在中心，只有16％在左侧。 这意味着访问者可能期望在网站右上角找到搜索框。将它放在乎想不到的地方意味着用户可能需要投入额外的时间来找到搜索框。尽管这样，仍然是一个好主意，用热图或双眼跟踪工具研究访问者活动。这将帮助你确定他们最大概看到的地方，帮助你知道应该搜索框放置的地方。 无论你选择左，右还是中心;确保它是朝哪个方向页面的顶部，由于这是访问者更可能扫描的地方。你会好的进行A / B测试不一样的搜索框布局，然后确定这个地方好像是为你实行最好的。 4.将自动完成与图形组合 你的网站可能是搜索框中用自动完成功能的62.5％之一。为了获得角逐优势，你可以通过在搜索功能中添加商品的图片预览和自动完成建议来进一步增强功能。这是由于只有28.2％的参与网站现在正在推行此功能。 5.防止隔离或过度拥挤 第一点提到了使搜索框突出的重要程度。这意味着你应防止用图标或其他或许会使访问者从搜索框分散注意力的元素来过度拥挤周围地区。搜索框需要确定优先级和重点。同时，防止过度用搜索框，由于你可能最后将搜索框隔离到很难找到的程度。 如下图所示，是一个精心设计的搜索框的一个非常不错的例子，没太多的元素拥挤它放置的地区。但你仍然可以看到它的页面左边中心，而不是放置在某个地方，用户将非常难找到。提交按钮也与网站上的其他颜色形成对比，使其崭露头角。 6.选择扩展搜索框 当你在探寻节省空间的办法，同时仍然为用户显示搜索框时，你可以选择不断增长的搜索框。这是一个理想的选择，网站的搜索可能不是太要紧，但你仍然想给用户选择搜索的东西。而不是只添加一个放大镜图标，你会添加一个小搜索框旁边作为一个视觉线索的网站访问者。当用户单击字段时，该框将展开，并用户可以输入他们需要的字词。假如你有更多关于网站制作（定制网站、模板网站）、广告设计包年服务(经济套餐)、SEO、logo设计、品牌设计、印刷、APP/微信开发等商品服务的需要，欢迎咨询摩恩互联网官方网站，新上线企业VI设计套餐和网站网络营销推广系统（强）！ 7.考虑添加一个下拉菜单 在搜索框旁边添加一个下拉功能对于某些网站可能是一个好主意。它给用户一种方向感，并给他们关于探寻什么的线索。这一方案证明对巴西房产公司Casa Mineira的成功。网站上进行的案例研究中，将标准搜索框替换为下拉菜单能够帮助生成更多潜在顾客。事实上，变化致使比以前多57.25％的潜在顾客。 目前，你可以借用示例和提示更好地知道搜索框设计和布局。那样你从这学到了什么？你可能已经注意到对搜索框的突出和可见性的重压。这意味着搜索框的颜色对比，美观和尺寸是一些非常重要的方面。你的焦点应该让功能与美学结合，这可能困难实行。有关于搜索框设计的任何问题？ 请随时留下评论。
