• 山西召开深度贫困县脱贫主导产业培育推进会 2019-05-22
  • 国务院关税税则委员会关于对原产于美国500亿美元进口商品加征关税的公告 2019-05-22
  • 5月份61城房价环比反弹 多地调控政策或再加码 ——凤凰网房产济南 2019-05-21
  • 习近平集体会见上海合作组织成员国安全会议秘书会议外方代表团团长 2019-05-20
  • 陈奕迅观看世界杯时竖中指 经纪人还原真相 2019-05-20
  • 深刻认识党的领导、人民当家作主、依法治国的有机统一 加强新时代政治文明建设的着力点 2019-05-19
  • 习近平强调发展海洋经济讲话引发强烈反响 2019-05-19
  • 饮用药酒谨防三大误区 这些养生原则需遵守-美食资讯 2019-05-18
  • 河北省124名残疾考生获204项合理便利 2019-05-17
  • 习近平致信祝贺人民日报创刊70周年 2019-05-16
  • 端午小长假长沙6项目开盘 望城刚需盘均价4600元平 ——凤凰网房产长沙 2019-05-15
  • 赏花不用跑远 宗角禄康开得正艳 2019-05-14
  • 中国中小企业一带一路新闻中心 2019-05-13
  • 种类繁多的服务业确实为就业作出了贡献,但这行业的整治刻不容缓。 2019-05-12
  • “零首付”购车很坑 专家提醒:当心套路贷最好不要选 2019-05-12
  • 发新话题
    打印

    2014年一码中特大公开:[心得技巧] 如何在移动应用程序中设计搜索栏

    如何在移动应用程序中设计搜索栏

    千库网
    为什么Google今天成为搜索巨头呢?部分原因是因为它改变了我们寻找答案的能力。

    像查找单词定义一样简单的事情。20年前,你将不得不从架子上取下你的字典,以找到你的查询的答案。现在,你可以打开手机或打开电脑,输入或说出单词,然后立即得到答案,而且只需付出很少的努力。

    这种形式的快捷方式不仅存在于像谷歌这样的搜索引擎上。移动应用程序现在也具有自己的搜索功能。

    搜索栏到底是移动应用界面中的必要条件还是过度功能?让我们来看看为什么搜索栏对移动应用体验很重要。然后,我们将根据查询的上下文和应用程序的功能,看看设计搜索栏的方法。

    〇 移动应用搜索不可或缺

    搜索栏多年来一直是网站的标准组成部分,但统计数据显示,用户并不总是将其视为必需品。来自Neil Patel和Kissmetrics的数据侧重于电子商务网站上搜索栏的使用:



    如图所见,60%的受访用户更喜欢使用导航而非搜索,而47%的用户选择通过常规搜索功能进行可过滤的“搜索”。

    如果菜单设计精良且标签清晰 - 无论它有多广泛 - 它都非常容易使用。但移动应用程序用户是一个不同的品种。他们在移动应用程序的原因与网站不同。总之,他们想要更快,更集中,更方便的体验。但是,由于智能手机屏幕的空间有限,因此包含多项菜单或一组过滤器的方法并不可行。

    这就是移动应用需要搜索栏的原因。

    你可以在移动应用中找到很多用于搜索的内容:

    内容驱动的应用程序,如报纸,发布平台和博客;

    拥有大量库存和对这些库存进行分类的电子商务商店;

    约会和网络应用程序,用户连接大量的“匹配”。

    〇 搜索在移动应用程序的设计方法

    设计物理搜索栏

    当涉及到应用搜索栏物理存在时,需要考虑以下几点:

    上还是下?

    ① 应用程序顶部的全宽条形图。

    这适用于由搜索驱动的应用。大多数情况下,用户打开应用程序的目的是进行搜索。



    Facebook就是一个很好的例子。尽管Facebook用户最有可能参与应用程序中的新闻提要,但我有一种潜在的怀疑,即Facebook的数据表明搜索功能更常用 - 至少就第一步而言。因此,为什么它放在应用程序的顶部。

    ② 底部对齐导航栏中的选项卡。

    这适用于使用搜索作为应用程序的要功能,增强功能的应用程序。



    与Facebook不同,Instagram是一款非常简单的社交媒体应用。用户可以关注其他帐户,并通过全屏故事更新以及无限滚动新闻了解他们共享的内容。

    搜索功能存在于导航栏中,以便用户可以查看其他帐户以仔细阅读或关注。

    深还是浅?

    有时,移动应用会从应用体验深处的搜索功能中受益。

    你会在像Bed Bath&Beyond这样的电子商务应用中经??吹秸庵殖【埃?br />


    在此示例中,此搜索功能存在于主页上的标准产品之外。此类搜索的结果也以独特的方式显示,这反映了搜索的目的:



    你还可以使用其他方式在电子商务应用上使用“深层”搜索功能。

    考虑每个产品附带大量店铺。如果你的用户想要了解其他消费者对产品的评价搜索功能将帮助他们快速获得包含特定关键字的评论。

    标签或放大镜?

    这将带到我的下一个设计点:如何知道哪个设计元素代表搜索功能。

    以下是YouTube移动应用中如何使用此示例的示例:



    我看到它的方式,放大镜可以在以下情况使用的搜索设计元素:

    用户访问该应用程序的主要原因之一是进行搜索,而它的竞争对手则不是。

    在这种情况下,YouTube需要迷你放大镜,因为它提供两种类型的用户:

    · 来应用程序搜索视频的用户。

    · 来应用程序上传自己视频的用户。

    为了节省空间,YouTube应用程序标题中存在指向两者的链接。如果你的应用程序中存在竞争优先级,请考虑执行相同的操作。

    “搜索”还是提示?

    在设计搜索移动应用程序时要考虑的另一件事是搜索框内的文本。要做出决定,你必须问自己:

    “我的用户是否知道他们可以使用此搜索功能查找哪些内容?”

    在大多数情况下,他们会,但最好在搜索栏中包含提示文本,以确保你不会添加不必要的麻烦。



    搜索栏告诉我“尝试搜索'Costa de Valencia'”。这不一定是明确的建议。它更能帮助我弄清楚如何使用这个搜索栏来研究旅行的地方。

    对于Airbnb的新用户,这将是一个有用的提示。他们可能会来到这个网站,认为它就像是支持用户查找航班和汽车租赁等内容。但是,Airbnb就是提供住宿和体验,所以这个搜索文本是引导用户朝着正确方向前进的好方法,并使他们不会收到“抱歉,没有与您的查询匹配的结果”回复。

    总结

    正如在这里看到的,搜索栏不是一些一次性的设计元素。当你的应用程序为用户提供快速便捷的体验时,搜索栏可以减少他们在其中花费的时间。它还可以使应用程序成为更有价值的资源,因为它不需要太多的精力来获得所需的内容。

    来源:站酷     作者:对啊设计学院

    包图网

    TOP

    一如既往的支持支持

    TOP

    发新话题

    关于本站 广告服务 联系我们 版权隐私 合作站点 网站地图 免责申明 管理团队

    Powered by Discuz Copyright © 2005-2019 一码中特21点10验证 www.epnyc.tw All rights reserved.

  • 山西召开深度贫困县脱贫主导产业培育推进会 2019-05-22
  • 国务院关税税则委员会关于对原产于美国500亿美元进口商品加征关税的公告 2019-05-22
  • 5月份61城房价环比反弹 多地调控政策或再加码 ——凤凰网房产济南 2019-05-21
  • 习近平集体会见上海合作组织成员国安全会议秘书会议外方代表团团长 2019-05-20
  • 陈奕迅观看世界杯时竖中指 经纪人还原真相 2019-05-20
  • 深刻认识党的领导、人民当家作主、依法治国的有机统一 加强新时代政治文明建设的着力点 2019-05-19
  • 习近平强调发展海洋经济讲话引发强烈反响 2019-05-19
  • 饮用药酒谨防三大误区 这些养生原则需遵守-美食资讯 2019-05-18
  • 河北省124名残疾考生获204项合理便利 2019-05-17
  • 习近平致信祝贺人民日报创刊70周年 2019-05-16
  • 端午小长假长沙6项目开盘 望城刚需盘均价4600元平 ——凤凰网房产长沙 2019-05-15
  • 赏花不用跑远 宗角禄康开得正艳 2019-05-14
  • 中国中小企业一带一路新闻中心 2019-05-13
  • 种类繁多的服务业确实为就业作出了贡献,但这行业的整治刻不容缓。 2019-05-12
  • “零首付”购车很坑 专家提醒:当心套路贷最好不要选 2019-05-12