网站制作搜索框 第1篇
2018自然年阿里云（）营收规模达到亿元，4年间增长了约20倍，已成长为全球第三大云服务提供商。以阿里云为例，用户如果想查看站内的某一内容，最便捷的方式就是使用搜索功能。
在阿里云内，搜索框位于顶部固定菜单栏。相比于同一级别菜单内其他功能，搜索的优先级不是特别明显，因此纳入统一操作级别是合理的。
固定的位置带来的好处就是：用户不管在哪个位置都能迅速定位至搜索功能。
有意思的是：搜速框内也推荐了默认关键词，这和电商类似，应该也是促使用户买买买的手段之一。
阿里云搜索-Before
因为在这种工具型产品中，如何操作对用户是需要学习成本的。因此，将帮助文档纳入搜索体系与产品并存，拓宽了搜索的价值，也提高了用户的使用效率，无需先进入帮助文档然后再搜索。
阿里云搜索-Doing
与百度直接显示详细数目不同，这里最多只显示“999+”字样，对于这种站内搜索，数目越多带给用户的不一定是好感，也有可能是惶恐。
与电商类似，搜索结果也有产品的推广，以达到让用户掏钱的目的。
在搜索框、产品推广，列表旁边均有推荐产品搜索内容，目的也是猜测用户相关需求，例如：从产品信息、如何使用、资源链接等多维度帮助用户全面了解“对象存储”产品，节省用户下单购买的考虑时间。
阿里云搜索-After
PS：阿里云虽然是一个2B产品，但具有一些2C的特征。因为阿里云不仅要提供用户功能的使用，更要向用户售卖更多的云服务及产品。这种属性决定了阿里云不仅是一个2B工具，也要做好2C的一面以提高营收。
网站制作搜索框 第2篇
2018年全国网上零售额超9万亿，占社会消费总额23%。电商已成为用户高频使用的软件之一，用户在浏览电商网站时，如果有明确的购物需求，一般会直接使用搜索来查找目标宝贝。
以苏宁易购（）为例：
搜索框在顶部主要位置，用户进入首页后能迅速注意到“搜索框”在顶部。其后不管用户浏览到哪个位置，都能通过“回到顶部”这一想法而定位到搜索框。
这个位置往往是近期需大力推广的活动或商品，也会根据用户的用户行为记录，推荐目标商品，提高转化率。
苏宁易购搜索-Before
最近天气炎热，空调是居家旅行必备之物，就以“空调”为搜索条件。
输入“空调”后，与上文百度搜索一样，会出现推荐词条，细看能发现有点不一样——这里的推荐内容出现了分类：空调类别推荐、关键词匹配、相关店铺。
这种是主动帮用户预设目标场景（空调—商业空调、空调—空调匹、空调—空调店铺），能极大提高用户的搜索准确度，并节省用户查找过程中消耗的网络资源、时间成本。
苏宁易购搜索-Doing
基于电商的两大特征“商品SKU量大、广告收入来源丰厚”导致了搜索结果页面的“卖家吆喝”的特点，主要表现在以下几点：推广最新活动（特价促销），加大曝光相关品牌（知名品牌），介绍爆款商品（人气旺盛）。这些的目标只有一个，帮助用户快速找到目标商品下单购买。
在商品列表上，有一行不起眼的Tab是排序条件，默认为“综合”，同时提供“销量、评价数”的排序选项，这利用了用户的从众心理。
苏宁易购搜索-After
PS：电商的本质是卖货，需要服从于营收，因此有时候搜索结果虽然符合用户需求，但也符合电商的需求，那就是让用户迅速掏钱购买、尽可能掏出更多的钱购买。因此当，搜索结果为空的时候，仍然会提供推荐商品，以提高用户掏钱的概率。
苏宁易购搜索-搜索为空时提供商品推荐
网站制作搜索框 第3篇
输入框+按钮=搜索框
搜索框是由两种基本元素“输入框”、“按钮”组合而成的一种组件。
在AntDesign（蚂蚁金服出品的设计体系）中，输入框（Input）的定义为：通过鼠标或键盘输入内容，是最基础的表单域的包装。
综上，可以给“搜索框”一个基础定义：通过输入内容以触发搜索行为的组件。
但是，这只是在UI层面解释了什么是“搜索框”，从体验层面上看，良好的用户体验要反映在“搜索框”的使用流程中，可将其划分为3步：Before、Doing、After。
搜索框的的使用流程
本文选取“搜索框”的三种用户常见场景以进行说明：搜索引擎—百度、电商—苏宁易购、站内—阿里云。
网站制作搜索框 第4篇
根据最新统计：百度搜索（）在国内市场份额占比超过70%。
在日常生活中，经常会听到人说去“百度一下”，可见百度在用户生活中影响之深。
以“百度”为例：
进入百度首页，搜索框占其主要页面十分醒目，不仅提供文字输入，也提供图片搜索功能
百度搜索-Before
以前段时间热门电影《我不是药神》的名称为例：在输入过程中，搜索框推荐了输入内容的相关词条。
百度搜索-Doing
百度默认将“网页”结果作为首选页面，同时提供“视频、图片、贴吧”等其他模块内容的Tab切换。在模块Tab下，告知用户搜索的结果数目，让用户对搜索结果有一个心理预告。
百度搜索-After
PS：
当输入较多字符时，会提示用户需要将搜索关键词限制在38个汉字以内。
虽然字符超过百度的规定，但并没有禁用搜索功能、提示用户删减字符，而是继续完成搜索、未打断用户的操作流程，并在搜索结果页面提示用户“超过规定字符数之后的内容忽略”。这样如果搜索页面不符合用户目标，用户再次搜索前会根据自己需要进行删减字符。
这种交互有两个好处：一是不打断用户使用流程，二是用户懂得如何二次搜索。
百度搜索-输入字符限制提示