Human Interface Guidelines —— 搜索栏(Search Bars)

自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后在使用的时候完全不虚

搜索栏(Search Bars)

Human Interface Guidelines链接:Search Bars

Search Bars

Search bar允许用户在大量数据中通过在一个区域中输入文本来进行搜索。 搜索栏可以单独显示,也可以在navigation bar或内容视图中显示。 当显示在navigation bar中时,search bar可以固定到navigation bar,以便始终可以访问,或者可以collapse search bar,直到用户向下滑动才显示。

·使用navigation bar而不是文本区域来实现搜索。 文本区域没有人们期望的标准搜索栏外观。

·启用清除按钮。 大多数搜索栏都包含一个清除按钮,用于删除该区域的内容。

·适当时启用取消按钮。 大多数专用搜索栏包含一个立即终止搜索的“取消”按钮。

左:清除按钮    右:取消按钮

·如有必要,请在navigation bar中展示提示和上下文。Navigation bar的区域可以包含占位符文本,如“搜索服装,鞋子和配件”或简单地“搜索”——作为正在搜索的上下文的提醒。 带有适当标点符号的简洁单线提示也可以直接出现在搜索栏上方以提供指导。 股票使用提示让人们知道他们可以输入公司名称或股票代码。

左:占位文案    右:介绍文案

·考虑在search bar下方提供有用的快捷方式和其他内容。 使用search bar下的区域可以帮助人们更快地找到内容。 例如,Safari会在您点击搜索区域后立即显示您的书签。 由此可以在没有需输入任何搜索条件时,选择一个书签即可进入。 当您在搜索区域中输入时,股票会显示结果列表。 随时轻击一个,无需再输入更多字符。


Scope Bars

Scope Bar可以添加到search bar中,以便人们优化搜索范围。

Scope Bar

可以加入一个scope bar,以改善搜索结果。 当对搜索结果有明确定义的类型时,scope bar会非常有用。 但是,最好的办法是改进搜索结果,因此就可以不使用范围。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏進无尽的文章

扒虫篇- Bug日志 Ⅷ

不执行的原因是 在VC中使用这个ImageUploaderManager时,需要设置为全局变量,如果是局部变量的话,很快会被销毁掉,其中的代理自然不会执行了。

20730
来自专栏大数据挖掘DT机器学习

python爬取网易云音乐并分析:用户有什么样的音乐偏好?

发现自己有时候比挖掘别人来的更加有意义,自己到底喜欢谁的歌,自己真的知道么?习惯不会骗你。 搭建爬虫环境 1.安装selenium pip install s...

2.2K80
来自专栏FSociety

Python爬取猫眼「碟中谍」全部评论

评论算保存完了,近期会再做一个关于此次数据的可视化分析。另外阿汤哥真心太帅了,全程打肾上腺素,各位还没去看的赶紧~

9000
来自专栏雪胖纸的玩蛇日常

django2用模板代码图标字体丢失报404 cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff

19030
来自专栏数据小魔方

数据地图系列6|Stata数据地图(下)

今天要跟大家分享的是数据地图系列6——Stata数据地图(下)! 接着前一篇的节凑,这一篇会给大家介绍比较全面的Stata热力地图代码实现。 版本仍然是基于S...

73740
来自专栏哲学驱动设计

产品前端重构(TypeScript、MVC框架设计)

最近两周完成了对公司某一产品的前端重构,本文记录重构的主要思路及相关的设计内容。 公司期望把某一管理类信息系统从项目代码中抽取、重构为一个可复用的产品。该系统的...

28680
来自专栏向治洪

Android逆向工程

在Root前提下,我们可以使用Hooker方式绑定so库,通过逆向方式篡改数值,从而达到所谓破解目的。然而,目前无论是软件加固方式,或是数据处理能力后台化,还是...

317100
来自专栏塔奇克马敲代码

Windows平台下源码分析工具

24630
来自专栏开源FPGA

基于basys2驱动LCDQC12864B的verilog设计图片显示

  话不多说先上图 ? 前言        在做这个实验的时候在网上找了许多资料,都是关于使用单片机驱动LCD显示,确实用单片机驱动是要简单不少,记得在FPGA...

27750
来自专栏java一日一条

Python爬虫爬取美剧网站

一直有爱看美剧的习惯,一方面锻炼一下英语听力,一方面打发一下时间。之前是能在视频网站上面在线看的,可是自从广电总局的限制令之后,进口的美剧英剧等貌似就不在像以前...

22920

扫码关注云+社区

领取腾讯云代金券