网站地图|客服中心|设为首页|加入收藏

行业新闻

首页 > 新闻 > 网站设计 > 移动端搜索页怎么设计,我来告诉你!

移动端搜索页怎么设计,我来告诉你!

  移动互联网时代,企业怎么少的了移动端网站呢?设计移动端网站,就包括了移动端搜索页。那么移动端搜索页怎么设计,我来告诉你!不同类型的网站,人们对搜索的需求也不一样,这里将分为三类为大家详细介绍。

  写在搜索前-搜索怎么放
 

移动端搜索页怎么设计,我来告诉你!1


  1、搜索图标

  在导航栏一侧或其他位置放置,根据用户场景和重要级需求决定。一般搜索图标放在右侧,当右侧有两个及以上按钮时,考虑平铺或折叠。

  2、搜索栏

  以搜索栏的形式直接放在导航栏或放在导航栏下方等其他位置,此时搜索栏可结合语音、拍照、删除(在输入后显示)等功能按钮。

  3、搜索作为标签栏中的某一个功能:根据内容重要性决定排在第几个标签中。

  4、搜索以单独页面或主页 P0 功能展现:直接作为主页面或主页以较大篇幅显示搜索栏,内容及形式根据用户场景定义。

  一、内容类网站
 

移动端搜索页怎么设计,我来告诉你!2


  天润飞华认为阅读、漫画、视频、厨房类的app都可以归为内容类。用户在内容类的产品中搜索时,很容易对关联的其他内容感兴趣,当产品做出适当的引导时,用户可能就会去关注,并未其带去流量。

  比如【得到】搜索页显示“搜索记录”与“热门搜索”。搜索记录最多展示两行,以便节省页面空间,也可以展开显示所有搜索记录。搜索记录可以直接逐条删除,用户操作起来相对便捷。“热门搜索”的行数固定,这样即便是弹出输入框时也不会遮挡内容。且为了提高某些条目的UV,对其做图标凸显。同时搜索框内,灰度展示推荐搜索内容,一方面替代搜索说明文字,一方面引导用户搜索推荐内容。

  【站酷】的搜索页。除了有“最近搜索“和”热门搜索“之外,还增加了分类搜索功能。加上分类功能之后,产品给用户做了进一步筛选,就更加缩短了用户的搜索路径。不过搜索记录不能删除,每次展示一行,新的记录会挤掉旧的记录。

  【豆瓣阅读】的搜索页。热门搜索以图文的形式展示,书籍封面、名称以及作者这些读者比较关注的内容,甚至还有评分。这样就大大增加了推荐的说服力,为成功推荐推波助澜。这里的搜索记录删除,一键删除所有,且没有确认提示,哈哈,就是这么猝不及防。

  看到【咚漫】的搜索页,还是挺特别的。只有“热门搜索”与“分类”,没有搜索记录。点击分类中的类别直接跳转到相应类别页面。看来它的搜索页是以推广、引导为主了。

  【好好住】的搜索页,除了“搜索记录”、“大家都在搜“之外,直接多图推广。这么直接、有视觉冲击的推广方式,效果应该很不错。

  二、电商类网站
 

移动端搜索页怎么设计,我来告诉你!3


  电商类的,搜索记录还是挺重要的,毕竟很多时候用户是有目的的购物的,且会反复搜索对比。

  【淘宝】的搜索页,有分类、历史搜索、搜索发现。且支持图片、语音搜索,满足用户的多种需求。历史搜索显示有限数量,也是一键删除,不过有提示。搜索发现是可以隐藏,让用户自主选择是否需要接收推荐,也是很人性了。

  【京东】的搜索页基本上和淘宝的类似,支持语音、图片搜索,可以隐藏推荐搜索,避免干扰用户。它的亮点是页面底部显示常购清单。一方面方便用户直接点击购买;另一方面提醒用户,避免必备品断档。

  三、工具类网站
 

移动端搜索页怎么设计,我来告诉你!4


  工具类的产品一般是为用户解决问题为主,相对来说运营类的推送就会少一些。因此搜索页面的结构会相对简单。

  【花瓣】的搜索页面,只有简单的搜索历史,没有任何的推广,也是很刚了。

  【夸克】浏览器的搜索页,也是只有搜索结果页。相对简单粗暴。

  企业在设计移动端搜索框的时候,需根据具体业务需求,才能设计出符合用户体验的设计。需要注意,由于内容类、电商类网站对运营推广有目的,所以在搜索框中会增加图片形式、图标凸显等以增加推荐的吸引力。而工具类APP网站是为了帮助用户完成任务,所以需要将搜索框设计的尽可能简单,以减少对用户的干扰。


  • 基于用户创新

    界面设计日新月异,梦创义坚持基于用户需求的界面创新设计……

  • 服务设计思维

    互联网的格局发生的改变,在我们进行设计服务时更是考虑不同用户、不同……

  • 洞察用户心理

    洞察用户有意识和无意识的行为以及心理特征通过构造一系列的服务来促进……

  • 查看更多 >>

最新新闻Latest News

中小型企业网站建设完应该如何营销
很多中小型企业往往纠结于以下10个问题:一、我们起步比别人晚,我们的……
做企业网站到底做给谁看?
设计经常时不时的遇到一些企业客户,常常搞不清楚谁会真正看你的企业网……
传统企业进军移动互联网,从移动云网站开始
移动互联网是移动通信和互联网融合的产物,其发展的重要基础便是智能手……
网站建设和运营五大细节决定用户黏性
网站的成功离不开搜索引擎优化,更离不开最基础最根本的用户群体,如何……
2015年值得关注的电子商务5大趋势
线上线下销售的界线正在变得越来越模糊。在2015年,这一趋势仍将继续。……
更多

本站搜索关键词:移动端搜索页怎么设计,我来告诉你! | 北京网站建设 | 北京网站建设公司 | 北京网站建设中心 | 高端网站建设 | 电商网站建设 | 企业网站建设 | 手机网站建设 | 微站官网建设 | APP开发

销售热线

7x24小时全国售前咨询热线:010-57281389

7x24小时全国售后服务热线:13020085953 15313016798

手机 | 微信同号:18600846206   QQ:523313456

立即咨询 网站建设业务咨询|客服热线:010-57281389 13020085953 我要方案

点这里给我发消息 电子邮箱:cnet99@cnet99.com

营业地址(东部):北京市朝阳区伊莎文心广场A座3层B-22

位置分享

营业地址(西部):北京市丰台区汽车博物馆东路1号诺德中心9-605

标准网站,网站建设,域名注册,虚拟主机,独享主机,企业云邮箱,网站维护一条龙,北京网站建设中心


  扫一扫 加微信
  微信号:cnet99com

  扫一扫 加关注
  微信平台

天润飞华-专注于互联网平台建设与服务领域 中国互联网平台建设服务提供商

万网阿里云金牌首席合作伙伴站点 全线代理万网阿里云产品及服务

中国万网正式通过ISO9001国际标准质量体系认证

Copyright©1999-2019 天润飞华 京ICP备12009254号-3 京公网安备 11010502032407号