深圳网站优化www.sz-seo.org

“搜索功能”拆解:小功能,大细节-网站优化找sz-seo.org

2018-11-08 17:26:33 seo优化公司

“搜索功能”拆解:小功能,大细节,深圳SEO优化(http://www.sz-seo.org/)网站seo优化-专业seo优化公司优搜科技08月21日分享seo教程:


“搜索功能”拆解:小功能,大细节-网站优化找sz-seo.org

QQ截图20180713112038.jpg

“这有个搜索功能要加一下,样式我给你。”

“好。”

“这搜索框连个提示也没有怎么搜?历史记录呢?模糊匹配呢?还有…..balabala”

“你也没说啊!”

——来自设计狮与程序猿的日常

搜索作为大部分互联网产品都具备的功能,直接影响着产品的用户体验。在进行搜索功能的设计时要以简单、高效为核心目标,每一步的细节设计都要反复验证是否脱离了需求和核心目标。

根据搜索的行为,可将其拆分为五步:搜索入口-搜索触发-内容输入-点击搜索-反馈结果。

一、搜索入口

搜索入口具有提示和引导操作的作用,主要类型有四种:主页搜索、搜索框、多条件搜索、搜索icon。

1. 主页搜索

将搜索作为独立的页面,以搜索为导向,整个产品的使用围绕搜索这一核心功能功能展开。比较典型的如百度、谷歌等,搜索框功能强大,用户可以进行各种尝试。谷歌主页中的手气不错以及百度搜索的个性化推荐和新闻,为产品引进更多的流量,增加了用户黏性。

2. 搜索框

这种是在网页中最为常见的,应用也最广泛,大多居于页面内容区域的上方,有的出于节省空间和搜索需求的考量,也内嵌在导航栏中。搜索框内会有文字的提示,提示用户搜索的方式,还有一些产品在搜索框内放置当前的热词、活动、新功能等,将搜索框做成了运营的入口。

搜索框的后面一般会伴有搜索按钮或放大镜的icon,可点击按钮和键盘回车进行搜索。在页面滑动时,搜索框一般会固定在页面的顶端,用以提示用户目前搜索内容,同时也方便重新搜索。

3. 多条件搜索

多条件搜索的方式常见于旅游、出行类的网站,如猫途鹰、携程、东方航空等,需要输入时间、地点、人员等信息,单一的搜索框不能满足用户的需求,多条件的搜索框一般置于页面中较醒目的位置,引导用户操作。

4. 搜索icon

页面中仅仅展示搜索的icon,一般放在页面的导航栏中偏右侧的位置,点击icon会拉出搜索框,典型的如站酷、UI中国等,还有的点击icon会在页面中唤醒搜索功能,如Behance。

搜索icon的形式虽然可以节约导航栏的空间,但相对搜索框来说对用户的引导性较差,因此比较适合以搜索为辅助功能的产品。

二、搜索触发

1. 搜索框触

点击搜索框或搜索icon,呈激活状态,光标在框内闪动,引导信息淡化或消失;有的搜索框还会伴随弹出辅助区域,区域内包含热词、搜索历史等信息,典型如腾讯视频、淘宝等。

2.搜索形式

第一种是有搜索/确定按钮或icon的搜索框,用户输入完成后可点击按钮进行搜索,也可点击键盘回车搜索;另一种是无搜索按钮的搜索框,用户需键盘回车搜索。

在网页设计中,第一种应用比较广泛,第二种国外网站应用较多,如dribbble等。还有一些搜索框内添加了拍照、上传图片、语音输入等功能,使得搜索方式更加多元化。

深圳专业seo公司优搜联系电话

文章标题:

“搜索功能”拆解:小功能,大细节-网站优化找sz-seo.org

本文地址:http://www.sz-seo.org/seozs/8468.html

文章素材来源于网络由网站优化公司整理分享,不完全代表深圳网站优化公司的观点,如您对文章有任何意见欢迎在下方评论处与我们互动沟通。

请访问优搜科技 (http://www.sz-seo.org/) 了解更多网站建站,网站优化,网络营销知识:


相关热词搜索:“搜索功能”拆解:小功能,大细节,SEO知识,网站优化知识,SEO教程