专栏名称: 交互设计学堂
系统学习交互知识,就找老D。干货分享、在线培训、行知书院三大版块帮你提升自己。 最新资讯-全是干货还有老D点评,每天推送; 交互培训-在线课程帮助小伙伴进入交互行业,只要3个月; 行知书院-老D帮小伙伴们解读经典设计书籍,都是“硬”知识。
目录
相关文章推荐
51好读  ›  专栏  ›  交互设计学堂

UI简史#02 · 谁动了你的搜索框

交互设计学堂  · 公众号  · 设计  · 2024-12-26 21:30

正文

请到「今天看啥」查看全文




2023年6月,亚马逊尝试将顶部的搜索框放在屏幕底部。结果在灰度测试阶段,失望和反对的声音便不绝于耳。后来仅仅经过约三周的等待,亚马逊将搜索栏恢复到原来的位置。

仔细看一下这个实验方案,便不难理解为什么用户会提出强烈的反对意见。这个设计方案非常粗暴地把搜索框移动到了页面底部Tab栏的上面,不仅挑战用户的使用习惯,还把产品的底部变得凌乱而臃肿。



在2016年(也就是在亚马逊这个实验的7年前),百度也做过类似的实验。


那时百度拥有自己在语音识别和自然语言处理(NLP)两项技术的足够自信,并认为用户已经通过微信等产品养成了语音输入的习惯。所以想要在自己的一系列产品中强化语音输入的能力。


笔者当时在糯米产品中负责了这个实验项目,当时的设计方案比亚马逊这个多做了一步。我们为了把新的搜索框放到最底部,不得不把底tab变成了顶tab。糯米的这个激进的实验项目最终以失败告终。


另外一个团队负责百度最重要的移动端产品,他们在2017年发布了手机百度App 9.0,最终选择了将语音输入从搜索框剥离、单独放在底tab的方案。



iOS 从来不纠结


相对于上面两个案例,safari 的地址栏下移计划显得既有决心,又有耐心。对于一款浏览器产品而言,地址栏与搜索框已经合二为一。把地址栏和搜索栏忽然移动到底部,是非常大胆的一次改动。







请到「今天看啥」查看全文