从搜索框说开去

大家都知道, Google 是一家搜索公司. 自然而然地, Google 在搜索框这个入口上下了很多功夫. 这些功夫在 Android 上也体现得很明显 —— 自从 Android 4.0 开始, Google 原生桌面上就加入了常驻的搜索 widget, 其应用中的搜索也不断在进化.

Google Play 与 Persistent Search

去年早些时候, 随着 Google Play 的新版本发布, Material Design 加入了一个新的 pattern: Persistent Search .

而在不久之前, Android Police 上出现了 Play Music 也要采用 persist search 的传闻 .

直到那个时候, 这个设计趋势给人的感觉还很好.

然而今天, Google Photos 进行了一次更新.

Google Photos 与 Persistent Search

在进一步讨论之前, 先说说之前移动端上 Google Photos 的搜索设计吧. 搜索原本是在屏幕右下角作为一个 FAB 出现的.

啊, 不过不要误会, Google Photos 其实很早就有搜索框了, 在网页版上, 长这样, 效果非常好:

那么来看看今天更新的手机版:

(图片由@Drunk Bear 提供, 万分感谢… 实在实在不愿意在手机上更新 Photos)

然而…

现实往往没有想象中的那么美好. 当用户在平板上启动 Photos 客户端的时候, 这么一幅画面便呈现在了他的面前. 整个页面的布局给人以一种随心所欲的洒脱感, 让人不禁在心中冒出了这么一个疑问: 如果说把 FAB 改为 persistent search 是在向网页版靠拢的话, 那么这样一个 的布局究竟是怎么来的?

真是令人百思不得其解.

综上所述

将应用主页的 toolbar 变成 persistent search, 对于这个改变, 大家普遍认为是一个不错的趋势. 搜索框对于顶部空间的利用率比原本的 toolbar 要高了不少, 不但可以显著降低搜索这个操作的触发成本, 也将用户自行发现的权重提升了很多. 另外, 在二级页面里点击搜索图标展开搜索框的 ripple reveal 动画也令人喜爱. 当时我写下了 新版 Google Play 与搜索框的运用 这篇文章探讨这个设计.

而比起 persistent search, 搜索首次以 FAB 的形态出现应该就是在 Google Photos 上. 平心而论, 这个 FAB 确实让用户们在手机端搜索的频率大大提升了, 毕竟 FAB 相比起顶部 Toolbar 是更容易触摸的, 而 FAB 本身跳脱的蓝色也起到了吸引目光的作用. 实际上, 搜索 FAB 和 persistent search 起到的是相似的作用. 而 Google Photos 的搜索, 并不仅仅是一个搜索框 . 它涵盖了人物搜索 (面部识别), 地点搜索, 事物搜索, 特殊事件搜索, 按类型搜索等不同的功能, 可以说是 Google Photos 高度智能化的集中体现之一. 所以实际上可以认为, 这个搜索, 并不只是一个简单的 「搜索框」, 而是一个功能强大的 「搜索面板」, 而搜索框只是搜索面板中的一个部分. 因此, 将这个功能作为 FAB 处理, 其实是非常正确的选择.

立足于这一点, 可以得出另一个有趣的结论: 现在 很多应用的搜索都不仅仅是一个普通的搜索框, 而是一个搜索面板 (或者, 换一个比较有中国特色的词语, 「发现」 ). 这样的搜索面板其实和搜索框原本的作用是不太相同的, 用户点击搜索的时候是被带到了一个 新的页面 , 而不是展开搜索框. 所以对于这样的应用而言, 搜索图标/搜索 FAB 在语义上是好于搜索框的.

至于在网页上采用搜索框而不是 FAB 作为入口, 个人认为是一种 为键鼠操作优化 的体现. 将触发区域从 FAB 那小小的一块空间移动到对于鼠标而言无比宽大的 toolbar 上, 体验确实是优于强行使用 FAB. (而如果要在网页上使用 FAB, 那么触发区域或者 hover 区域必然也会比按钮本身要大, 参考 Inbox)

目光转回移动版. 把 FAB 改成了搜索框后, 在手机版上观感确实是比之前提升了不少 —— 毕竟在 bottom nav 上再漂一个 FAB, 确实蛮令人难受的. 另外, 搜索框中还会出现一些搜索提示关键词, 可以起到引导用户进行搜索的效果 (可以确定, 这些关键词都是和用户相关的关键词, 每个用户看到的关键词并不相同), 就这一点而言可以说是一个不错的改变. 问题在于, 搜索框比起 FAB, 无疑是难以触及的,并且, 在之前的论述中已经可以得出, Google Photos 的搜索并不是简单的搜索框, 而此处强行采用搜索框作为搜索面板入口, 在语义上反而产生了问题.

诡异的是, 原本位于 Toolbar 上的创建按钮消失了. 原本以为它会变成 FAB 取代搜索, 然而这样的事情并没有发生. 在这个版本中, 如果你想创建什么东西, 必须去到 Assistant tab, 点击顶部的那个圆形图标才能完成. 说真的, 就算绞尽脑汁也搞不明白这样改变的意义何在 —— 明明只要在 persistent search 的右边加一个加号 (和原本在 toolbar 上的位置一样), 或者让加号取代搜索成为 FAB 就可以了, 却要给用户 平白无故制造麻烦 , 也减少了创建项目的曝光率 (如果采用 FAB 或者在 persistent search 上增加图标, 那么无论在哪个顶级页面下都可以接触到这个操作).

最后, 按照惯例, 放一个 「我心目中 Google Photos 应该长的样子 ver. 2.0」:

P.S.: 有趣的是, 新版的搜索界面依然可以通过下拉关闭.

P.P.S.: 原本想的标题是 为什么我认为 Google+ Photos 的新设计是煞笔设计 (以及不要以为 Google 做的就一定是对的) .

稿源:thoughts.dng (源链) | 关于 | 阅读提示

本站遵循[CC BY-NC-SA 4.0]。如您有版权、意见投诉等问题,请通过eMail联系我们处理。
酷辣虫 » 产品设计 » 从搜索框说开去

喜欢 (0)or分享给?

专业 x 专注 x 聚合 x 分享 CC BY-NC-SA 4.0

使用声明 | 英豪名录