• 人家80年前就造航母,我们现在才造航母,基础不一样。 2019-11-12
  • 阳泉计划今年在全省率先整体脱贫 2019-11-11
  • 墨西哥地震与球队进球民众跳跃啥关系?专家:无关 2019-11-10
  • 砀山现象:打造互联网特色小镇新样本 2019-11-10
  • 鄞州院士公园再次成为网红 3万余株马鞭草迎风怒放 2019-11-06
  • 写“平乐镇”前,小说家颜歌的光怪陆离 2019-11-05
  • 黑龙江宣讲十九大:全民倾力护生态 金山银山幸福来 2019-11-05
  • 探访2400年前郑国车马坑:出土最大“房车”(图) 2019-10-21
  • 《朝圣之路》第三季直面邪教争议性问题 2019-10-21
  • 孙贺mao的博客—强国博客—人民网 2019-10-17
  • 共同描绘历史新阶段的发展蓝图 2019-10-17
  • 一起嗨起来!大国重器组团跳“机械舞” 2019-10-14
  • 人工智能开发出“穿墙看人”新技术 2019-10-14
  • 唯物辩证法是以客观事实为依据的,不是按什么理论为依据,人们的争论,就是从客观来证明理论的真伪,你给人家戴上有色眼镜,别人还怎么实事求是? 2019-10-07
  • 捷途X70X70S正式下线 将于第3季度上市 2019-10-02
  •  
             
    一尾中特平百分百>建站动态>移动端搜索页怎么设计,我来告诉你!

    动态详情

    大堂经理一尾中特:移动端搜索页怎么设计,我来告诉你!

    新闻作者:北京建站     2019-08-25 20:44:37      新闻来源:一尾中特平百分百      访问量:902

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

      写在搜索前-搜索怎么放
     

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


      1、搜索图标

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

      2、搜索栏

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

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

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

      一、内容类网站
     

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


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

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

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

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

      看到【咚漫】的搜索页,还是挺特别的。只有“热门搜索”与“分类”,没有搜索记录。点击分类中的类别直接跳转到相应类别页面??蠢此乃阉饕呈且酝乒?、引导为主了。

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

      二、电商类网站
     

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


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

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

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

      三、工具类网站
     

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


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

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

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

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

    发布评论:

    昵称:

    暂无评论

    友情链接:
    京ICP备16060213号-2  北京双立人网络科技有限公司  版权所有 Copyright©2018 一尾中特平百分百 www.fuekx.tw All Rights Reserved
    联系电话:400-002-0761(7d×24h)       
     
     

    立即定制  

    • 项目名称:
    • 联系人:
    • 联系QQ:
    • 所属行业:
    • 联系电话:
    • 联系Email:
    • 需求概要:
  • 人家80年前就造航母,我们现在才造航母,基础不一样。 2019-11-12
  • 阳泉计划今年在全省率先整体脱贫 2019-11-11
  • 墨西哥地震与球队进球民众跳跃啥关系?专家:无关 2019-11-10
  • 砀山现象:打造互联网特色小镇新样本 2019-11-10
  • 鄞州院士公园再次成为网红 3万余株马鞭草迎风怒放 2019-11-06
  • 写“平乐镇”前,小说家颜歌的光怪陆离 2019-11-05
  • 黑龙江宣讲十九大:全民倾力护生态 金山银山幸福来 2019-11-05
  • 探访2400年前郑国车马坑:出土最大“房车”(图) 2019-10-21
  • 《朝圣之路》第三季直面邪教争议性问题 2019-10-21
  • 孙贺mao的博客—强国博客—人民网 2019-10-17
  • 共同描绘历史新阶段的发展蓝图 2019-10-17
  • 一起嗨起来!大国重器组团跳“机械舞” 2019-10-14
  • 人工智能开发出“穿墙看人”新技术 2019-10-14
  • 唯物辩证法是以客观事实为依据的,不是按什么理论为依据,人们的争论,就是从客观来证明理论的真伪,你给人家戴上有色眼镜,别人还怎么实事求是? 2019-10-07
  • 捷途X70X70S正式下线 将于第3季度上市 2019-10-02
  • 黄渤唱的我能赚钱 吉林快3预测大小 即时比分球探网手机版 时彩选号技巧规律 彩票开奖查询云南快乐十分走势图 北京pk赛车开奖历史 香港四肖八码期期准资料 七乐彩12个号码多少钱 11选5任选计划app bbin宝盈安卓版下载