欢迎来到XiaoerCMS官网,XiaoerCMS被业界瞩目、与同行友好合作、拥有经验丰富的网站开发技术团队!在线咨询电话:19810950281
网站建设资讯 • 网站设计趋势 从品牌网站建设到网络营销策划,从策略到执行的一站式服务

怎么才能做好外贸网站搜索框的设计

发布日期:2021-01-21 10:29:25 热度:
摘要:搜索的主要目的是为了帮助用户快速的找到他们想要的呢日用,在很多的产品中有着举足轻重的作用,如:用户通过淘宝搜索筛选想要的商品;

搜索的主要目的是为了帮助用户快速的找到他们想要的呢日用,在很多的产品中有着举足轻重的作用,如:用户通过淘宝搜索筛选想要的商品;通过知乎搜索寻找问题答案;通过app搜索寻找自己想要的内容......乍一看,或许很多的人会觉得搜索很简单,然而实际上,搜索涉及的逻辑很多的,那么怎么才能做好外贸网站搜索框的设计?



一、什么是搜索框?

所谓的搜索框,是一张常见的交互控件,主要用于精准提取海量信息中准确的内容。搜索框几乎存在的互联网中每个产品中,几乎所有的网站和APP中都有它的存在,尤其是存在于海量内容为导向的产品之中,如:音乐库、电商类网站、门户类网站.....所以做好搜索(框)尤其重要。



二、为什么要做搜索功能

主要的是为了方便用户,让用户更加快捷高效的从大量信息内容中通过一些关键的搜索,快速的找到自己的感兴趣的内容;其实,可以通过适当的引导设计来完成产品的商业需求。



三、搜索应用于哪些场景?

目前互联网中所存在的搜索框设计有很多的,不过若细分的话,一般可以分为如下的几大应用场景:

1)作为搜索引擎入口

提到搜索,人们最先想象到的就是搜索引擎,如:谷歌,360,然而在搜索引擎中,首页十年始终如一的搜索框是最深入人心。反过来说,正是因为搜索引擎巨头的成功,搜索才越发备受重视,搜索框几乎也成为网站或app的标配。

2)用于活动推荐

有些电商网站,巧妙地利用搜索框中预置的词,能够达到活动推荐的效果,如:上图中搜索框内置“洗衣机”一词,用户只需通过点击搜索即可直达结果页或者活动页面。

3)用于查找内容

典型的应用场景,通常是放在网站顶部之类的最显眼的位置,方便用户看到,从而查找网站中的内容,一触即达。

4)用于快速定位

查找内容的变种,如:在手机“设置”中,当设置的选项较多时,通过搜索框进行搜索,能够快速定位到想要的设置项。



四、如何设计一个好用的搜索框?

1、搜索框要足够简单

若你设计了一个搜索框,一定要确保它看起来确实像一个搜索框,并且使用起来一定要足够简单。可用性研究表明,默认情况下,不显示高级搜索选项对用户会更加友好。原因在于,高级搜索选项很可能会混淆要尝试使用它的用户。

2、尺寸大小要合适

大部分设计人员都是会犯同样的错误,那就是输入框太短,当用户输入长内容时,只能看到其中的一部分,严重影响到用户体验,因为用户无法轻松地回看和编辑其刚刚才输入的查询条件。但是,若输入框的长度是根据用户的预期输入来确定大小的,这样的话对用户而言就会友好很多。


3、放在用户预期找到的位置

若因为搜索框不够突出,不容易被察觉,用户还得花费精力去找它,那这个设计无疑是不够友好的。下面的图表来自 A. Dawn Shaikh 和 Keisi Lenz 的一项研究:它显示了参与调查的142名参与者针对网站中的搜索表单的位置的预期情况。研究发现,对于用户来说,搜索框最佳的位置是网站上每个页面的左上方或右上方——用户可以使用常见的F形浏览模式轻松地找到它。

上图说明了参与者对搜索框所处位置的预期情况,右上方仍然是用户希望找到搜索的⑴个地方。因此,较好将搜索框放在页面的右上方或中上方,以确保用户能在预期的位置找到它。

小提示:

1)理想情况下,虽然搜索框在用户需要的地方应该能轻易出现,但是搜索框的设计也应该完美地契合网站的整体设计效果。

2)内容越重的站点,你越希望搜索框显著。如果搜索对你的网站至关重要,请使用大的对比度,以便搜索框和图标能从页面背景和周围元素中脱颖而出。


0
本文网址:怎么才能做好外贸网站搜索框的设计
免责声明:文章《怎么才能做好外贸网站搜索框的设计》来至网络,文章表达观点不代表本站观点,文章版权属于原作者所有,若有侵权,请联系本站站长处理!

我们立足于合肥面向安徽乃至全国全球市场,我们拥有一支经验丰富、创意独到、团结协作的专业技术团队。我们立志把最好的技术通过最有效、最简单的方式提供给客户,为客户提供最佳的解决方案,我们将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴,帮助客户在新经济时代下,把握商机和发展空间,并获得绝对的竞争力!

小二CMS(xiaoercms.com)成立于2013年9月,致力于研发目前国内最专业、功能最强大,扩展性能最自由灵活的高端行业通用的网站系统。目前独立开发的系统包括家装门户网站系统、B2C商城系统、分类信息系统、企业建站系统、O2O家政系统、O2O维修系统、威客系统、国外游戏币交易系统等。我们做的不仅仅是网站系统,更多的是成就您的成功!

关于我们

小二CMS(xiaoercms.com)成立于2013年9月,致力于研发目前国内最专业、功能最强大,扩展性能最自由灵活的高端行业通用的网站系统。目前独立开发的系统包括家装门户网站系统、B2C商城系统、分类信息系统、企业建站系统、O2O家政系统、O2O维修系统、O2O上门服务系统、威客系统、国外游戏币交易系统等。我们做的不仅仅是网站系统,更多的是成就您的成功!

我们的优势

8年建站服务经验
服务3000家企业
资深行业分析策划
前沿视觉设计、研发能力
前端代码深度符合SEO优化
千家成功案例

独家源码出售
具有完备的项目管理
完善的售后服务体系
深厚的网络运营经验
时刻新技术领先研发能力
方便二次开发

我们的不同

我们是一个年轻且富有激情的团队,我们沉迷于代码并陶醉在设计之中。我们非设计,不生活;无兄弟,不编程!可年轻并不意味着没有经验。团队成员均来自各顶尖设计公司及软件公司,我们对网站设计及开发驾轻就熟,有着数百个成功案例。我们坚信用心服务,用实力说话!我们的使命:通过我们的努力,让技术改变命运!我们的宗旨:客户第一,品质至上!我们的信念:唯有客户的成功,才是我们的成功!