搜索框如何从顶部到底部 并逐步消失 UI简史 (搜索框如何从右侧移动)
UI简史：搜索框如何从顶部到底部，并逐步消失 播报文章
人人都是产品经理
关注作者 获得积分关注
来自广东
在数字产品的设计世界里，搜索框一直是用户与信息之间交互的核心。但随着技术的发展和用户习惯的变化，这个看似简单的设计元素正面临着前所未有的挑战。
用户在一个数字产品中“输入”自己的需求有三种方式：键盘打字、语音输入、拍照或扫描输入。
产品设计者自然会想：既然都是输入，那么这三种输入方式应该被汇总到一起，汇总到一个输入框里。
数字产品世界中，我们最常见的“需求输入框”，便是搜索框。
单独看上面这个搜索框，简直完美极了。
但当我们考虑把它如何放到手机屏幕的哪个位置的时候，问题就来了。我们无论把它放在哪个位置，都不完美。
截止目前，大部分产品的搜索框都是放在屏幕顶部。因为从PC时代到小屏智能手机，大家一直是这么做的。但随着随着手机屏幕越变越大，拇指热区的问题也越来越明显。把搜索框放在屏幕顶部，等于把三个重要的输入操作放到了一个手指难以操作的橙色甚至红色区域。
这么看放在屏幕底部似乎是更合理的。但是这会非常挑战用户的使用习惯，挑战过去20多年来建立起来的用户心智。
01 “激进”的搜索框移动实验
2023年6月，亚马逊尝试将顶部的搜索框放在屏幕底部。结果在灰度测试阶段，失望和反对的声音便不绝于耳。后来仅仅经过约三周的等待，亚马逊将搜索栏恢复到原来的位置。
仔细看一下这个实验方案，便不难理解为什么用户会提出强烈的反对意见。这个设计方案非常粗暴地把搜索框移动到了页面底部Tab栏的上面，不仅挑战用户的使用习惯，还把产品的底部变得凌乱而臃肿。
在2016年（也就是在亚马逊这个实验的7年前），百度也做过类似的实验。
那时百度拥有自己在语音识别和自然语言处理（NLP）两项技术的足够自信，并认为用户已经通过微信等产品养成了语音输入的习惯。所以想要在自己的一系列产品中强化语音输入的能力。
笔者当时在糯米产品中负责了这个实验项目，当时的设计方案比亚马逊这个多做了一步。我们为了把新的搜索框放到最底部，不得不把底tab变成了顶tab。糯米的这个激进的实验项目最终以失败告终。
另外一个团队负责百度最重要的移动端产品，他们在2017年发布了手机百度App 9.0，最终选择了将语音输入从搜索框剥离、单独放在底tab的方案。
02 iOS 从来不纠结
相对于上面两个案例，safari 的地址栏下移计划显得既有决心，又有耐心。对于一款浏览器产品而言，地址栏与搜索框已经合二为一。把地址栏和搜索栏忽然移动到底部，是非常大胆的一次改动。
在2021年从iOS 15开始，Apple对Safari浏览器进行了重新设计，将搜索框（同时也是地址栏）移动到了屏幕底部。这一设计旨在提升单手操作的便利性，让用户便捷地在页面之间切换。同时增加可视内容空间，用户在滚动网页时，地址栏会自动隐藏，以提供更大的阅读区域。
不用说，像亚马逊面对的问题一样，很多用户对这个变化表示不满。但面对反对的声音，Apple并没有妥协，他们只是增加了一个自定义选项，让用户可以根据自己的偏好进行设置。用户不喜欢可以改回去，但他们的默认设置仍然在底部。
至于Apple为什么这么有决心，这么稳准狠的去做一个用户并不喜欢的改动。我想可能是因为Apple是一家做硬件的公司。相比只做应用产品的公司，他们更理解硬件设备的演化方向，同时也更有自信可以引领新的设计方向。
继iOS15把safari搜索框移到底部之后，2022年 iOS 16 又把系统级全局搜索 Spotlight SeARCh（聚焦搜索）的搜索框转移到了底部。
从2009年发布的 iOS 9 开始，用户可以通过下拉手势快速访问Spotlight。这个交互设计随后被其他移动平台和应用广泛模仿，成为移动端搜索功能的标准之一。
之所以会这样，其主要原因还是因为智能手机的屏幕在变大。下拉搜索解决了搜索功能的快速唤起问题。
到这里，或许也有人会想，把一个搜索框从顶部拿到底部真就那么难吗？
倒也未必。成熟的有大量用户基础的产品，做这样的改动肯定很难。但是对于创新产品来讲，不仅不难，还可以把这个事儿做出彩。
脱身于UC，有着阿里背景的夸克浏览器，一直以来在设计上非常出众。2016年的夸克浏览器就把搜索框和地址栏放到了页面底部，并主打轻快简洁，受到很多年轻用户的喜爱。
03 从 Search 到 Ask ，从搜索框到对话框
perplexity被评价为新一代的搜索产品，他的默认“搜索框”要比传统的搜索框高三倍，看上去更像个长文本输入框。同时搜索结果页的布局也与传统搜索有着巨大差异。google 的搜索结果页搜索框在顶部，而perplexity的搜索框（AI对话输入框）却在页面底部。
同样作为搜索产品，没有人质疑Perplexity的“搜索框”在底部是有问题的。这是因为AI产品的核心交互是对话式交互，对话框的消息输入区自然应该在页面底部。
在浏览器产品中，搜索框和地址栏是复合在一起的。在AI产品中，搜索框与对话输入框也是复合在一起的。
可想而知，搜索框与对话框输入框整合的结果是：传统的搜索框消失，AI产品中不会再有旧时的“搜索”感受。
在Perplexity之后，ChatGPT在2024年11月发布的搜索引擎 SearchGPT 也采用了同样的对话式界面交互。
AI化的搜索已经不存在 “搜索框——搜索提示词——搜索结果列表” 这样的产品模式，而是“AI对话入口——描述问题——AI回答及推荐问题——继续提问”。 这样最直接的好处是对话更接近用户的心理模型。人们在使用搜索引擎探究一个问题的过程，往往需要多轮次的、不断的输入和变更自己的搜索词，这本质上就是一个问答的过程。
虽然现在仍然存在很多应用层面的问题，但是充分运用LLM（大语言模型）技术的最佳方式就是CUI，而CUI不再需要只能输入关键词的“搜索框”。
04 用户心智与技术发展的矛盾
无论是语音输入还是键盘输入，手机的下半部分才是理想的用户需求输入区，随着AIGC技术带来的CUI逐渐发展，很多我们已经习惯的数字产品在UI层面将会发生很大的改变。
在这个过程中，用户的习惯与固有心智不应该成为科技发展的制约。 固然迎合用户的声音是容易的，创造全新的产品体验重新塑造用户心智是困难的，但用户习惯与用户心智是可以重新塑造的，只是需要一些创造更佳体验的信心、一点耐心和一点时机。
在成熟产品的改造上，如果像亚马逊那个激进而又粗暴的实验一样，在这个问题上得到的答案肯定是NO。但作为产品的设计者，我们不能否认、无视技术发展带来的直接影响，不能回避AIGC技术带来的必然。
题图来自Unsplash，基于 CC0 协议。
微信扫码分享
评论
快小pa2024-11-21 11:36搜索框搬家记：从顶部到底部，再到消失，设计师们可真会折腾！
陶红因病去世，女儿一路跪拜祈福，与乐嘉婚姻仅维系三年
王婷聊娱乐
关注
来自广东
娱乐圈总有那么几个爱情故事让人又甜又虐，乐嘉和陶红的就是其中之一。谁能想到昔日荧幕上光彩照人的陶红，如今却悄然离世，年仅48岁。更让人心酸的是，她那年仅9岁的小棉袄，正跪在西藏的高原上，为妈妈虔诚祈福。然而这对昔日的模范夫妻，婚姻竟只维持了短短三年就画上句号。
请用您发财的金手指，点赞走一走，暴富到永久，上点关注下点赞，不想暴富很难办究竟是什么样的爱情，能让离婚后的两人依旧彼此牵挂？这段看似短暂的姻缘，背后究竟有着怎样的故事呢？让我们一起来扒一扒。2022年6月娱乐圈突然炸锅了。一个令人心碎的消息在网上疯传：昔日的银幕女神陶红，在美国洛杉矶悄然离世，享年48岁。
这消息一出网友们都惊呆了，纷纷在评论区留言："天呐，怎么会这样？""太突然了无法接受！"然而更让人泪目的是接下来发生的事。陶红的前夫、著名主持人乐嘉，带着他们年仅9岁的女儿灵儿，踏上了一段特别的旅程。他们的目的地？西藏。
没错就是那个被称为"世界屋脊"的神秘之地。想象一下那个画面：在茫茫雪山之巅，一个小小的身影执着地跪拜前行。那是灵儿为妈妈祈福的模样。她的每一个动作，都像是在诉说着对妈妈的思念和不舍。
站在一旁的乐嘉，眼中满是心疼和哀伤。这场景简直比任何言情剧都要虐心百倍啊！不知道你们有没有听过那首歌："你飞到了天上，我们就跪着来相见。"看到灵儿的举动，这歌词瞬间有了画面感，让人忍不住泪目。
乐嘉还带着灵儿去了藏区的寺庙，亲手抄写经文转动转经筒。这一切都是为了完成陶红生前的心愿。说真的看到这里，我都忍不住想给乐嘉点个大大的赞。离婚了还能这样为前妻着想，这哥们儿是真的有情有义啊！
这种行为简直就是"前夫界"的楷模，给其他人都上了一课。有网友评论说："这才是真正的爱情，即使分开了也还在彼此的生命里。"我觉得说得太对了！这种感情已经超越了简单的夫妻关系，成为了一种生命的羁绊。乐嘉和陶红的故事，堪称娱乐圈的一段传奇。
让我们把时光机拨回到十多年前，看看这段情缘是怎么开始的。当时的乐嘉可以说是情场失意、事业得意。这哥们儿经历了三次失败的恋情，心里别提多苦闷了。估计他当时的心情就像是被连续三次踢出王者荣耀的青铜选手，郁闷得想原地爆炸。
但是正所谓"塞翁失马，焉知非福"。就在乐嘉快要对爱情失去希望的时候，陶红如同一个不折不扣的"天使"，闯入了他的生活。这简直就是现实版的"霸道总裁爱上我"啊！只不过主角性别互换了而已。乐嘉曾经在节目里动情地说，陶红是他遇到的最美好的存在。
啧啧这话说的简直让人羡慕嫉妒恨啊！他们的婚后生活，也是甜到齁。不久之后小公主灵儿的降临，更是让这个家庭充满了欢声笑语。估计当时的乐嘉，每天都是带着傻笑入睡的吧？
但是好景不长。这对人人称羡的模范夫妻，婚姻竟然只维持了短短三年就宣告结束。当时这个消息一出，简直就像一记响亮的耳光，打在了所有相信爱情的人脸上。大家纷纷猜测究竟是什么原因，能让这么恩爱的两个人说分手就分手？
难道真的有"三年之痒"这回事？乐嘉对此的解释是：感情出现了裂痕，无法继续忍受。嗯？就这？兄弟你这解释也太敷衍了吧？但是转念一想感情的事，谁又能说得清楚呢？
也许正是因为曾经太美好，所以当裂痕出现时，才显得格外令人心痛吧。不过让人大跌眼镜的是，这对夫妻离婚后反而变得更加亲密无间了。他们保持着密切的联系，互相支持。这操作简直就是教科书级的"离婚典范"啊！
不禁让人感叹有些人离婚后跟仇人似的，有些人却能成为一辈子的朋友。这大概就是所谓的"境界"吧。就在大家以为乐嘉和陶红的故事就此画上句号时，命运又给他们开了个天大的玩笑。陶红刚准备开启人生新篇章，癌症这个可怕的"不速之客"就找上门来了。
这个消息对她来说简直就是晴天霹雳，估计比被告知"明天要期末考试"还要让人崩溃。但是我们的陶红可不是轻言放弃的主。她选择了积极配合治疗，为了能多陪陪女儿，她经历了无数次痛苦的化疗和手术。这种勇气简直比《奇葩说》里的辩手还要刚！
而这时候乐嘉的表现，简直就是教科书级的"前夫模范"啊！他二话不说推掉了所有的工作，全身心地投入到照顾前妻的事业中。要知道当时乐嘉的事业正处于低谷期，但他还是毫不犹豫地选择了陪伴。这种舍己为人的精神，真的是让人肃然起敬。
如果给"前夫"这个词做个新定义，乐嘉绝对是当之无愧的代表！陶红在抗癌的日子里，开始写日记记录自己与病魔抗争的心路历程。她在日记中满怀深情地写道，如果没有乐嘉的悉心照顾，她可能早就撒手人寰了。看到这里我真的被这对"冤家"的情谊给整破防了。
明明已经不是夫妻了，却比很多夫妻还要相爱相助，这才是真正的"爱情"啊！他们的故事简直比《甄嬛传》还要让人欲罢不能。每一次化疗乐嘉都陪在身边。每一次手术他都在门外焦急等待。
每一个深夜他都细心照料。这种默默付出的爱，比任何轰轰烈烈的表白都要动人。陶红在日记里写道："即使身体饱受折磨，但有他在身边我就有了继续战斗的勇气。"这话说的简直比《情深深雨蒙蒙》里的台词还要虐心。
可惜的是即便有再多的爱和付出，也抵不过命运无情的安排。2022年6月陶红还是离开了这个世界，留下了无尽的思念和不舍。她的离去就像一颗流星划过夜空，短暂却绚烂。虽然陶红已经离开了这个世界，但她的爱却像一颗种子，深深地埋在了所有认识她的人心里。
乐嘉在社交媒体上发布的那段充满感恩与哀思的祈福视频，简直让网友们集体破防。大家都被他内心深处的情感波澜给打动了，纷纷在评论区留言："这才是真爱啊！""太感人了我哭了。"而小小年纪的灵儿，在祈福过程中始终保持跪拜的姿势，这份坚持和孝心，简直比"二十四孝"还要感人。估计连孔子看了都要竖起大拇指说："这孩子，不错！"
乐嘉还打算带着女儿去尼泊尔旅行，这可是陶红生前多次提到的心愿。他坚定地表示一定要替妻子完成这个愿望，带着女儿去看那些陶红未能亲眼目睹的美景。这份执着这份深情，简直就像是偶像剧里才会出现的情节啊！不过比起那些虚构的故事，这份真实的情感更让人心动。
回顾乐嘉和陶红的这段情缘，虽然他们的婚姻只有短短三年，但他们的爱情故事却远远超出了这个时间的界限。他们用行动诠释了什么叫"爱情的保质期"，那就是——真爱无期限！即使生命已经结束，爱却依然在延续。乐嘉带着灵儿完成陶红的心愿，这不就是最好的证明吗？
这让我想起了一句话："爱，不是寻找一个完美的人，而是学会用完美的眼光，去欣赏一个不完美的人。"乐嘉和陶红他们做到了。即使分开即使面对生死，他们依然保持着最美好的那份情感。这个故事告诉我们，生命的意义不仅仅在于活着，更在于我们如何去爱，如何被爱以及如何将这份爱传递下去。陶红虽然离开了，但她的爱通过乐嘉和灵儿，继续在这个世界上延续。
这或许就是生命给我们最宝贵的礼物吧。所以不要觉得这是一个悲伤的故事。相反这是一个关于爱、希望和勇气的故事。它告诉我们即使面对生命中最艰难的时刻，我们也要坚持爱，坚持希望。因为只有这样我们才能真正地活着，而不仅仅是存在。
展开阅读全文
光明网是光明日报在网络时代的新延伸，也是国内唯一一家定位于思想理论领域的中央重点新闻网站。光明网坚持“可读、可信、可用”的办网原则，以“新闻视野、文化视角、思想深度、理论高度”为理念，努力打造“知识分子网上精神家园，权威思想理论文化网站”。
PR值全称为PageRank(网页级别)，取自Google的创始人LarryPage。它是Google排名运算法则（排名公式）的一部分，PR查询可以根据域名查出对应网站(可查内页)的PR。
苏州萨沃纳代理【美国REED力得切管机】是力得切管机中国区域总代理,销售REED切管机,REED管钳,力得塑料管道工具,力得铰接式切管机,旋转式切管机,手动切管器,冷切割管子割刀，选品请联系:13372125666
云上大同官网-云上公司注册，简称云上大同官网-云上公司注册，是互联网线上虚拟园区，通过互联网的办法提供线下园区几乎所有的配套服务。除电子营业执照办理外，还能提供政策申报与兑现、线上培训、引导基金等服务。
泉州市飞富润包装彩印定制厂家是一家专业生产各种高温蒸煮袋、铝箔袋、真空袋、高阻隔食品包装袋、可降解包装袋、自立吸嘴袋等产品，被广泛应用于各类食品、冷冻冷藏品、水产品、果蔬产品、调味品及种业等行业。
无锡博雅德精密机械有限公司是一家专业生产空捻器，空气捻接器，打结器，水雾式空气捻接器，喷雾式空气捻接器的厂家，致力于为客户提供高性价比产品和优质的服务。联系热线：0510-88151509
专业从事电路板拆解,重金属回收,电器拆解,荧光粉以及pcb线路板的生产和销售，欢迎来电咨询
爱民民生网提供社保与福利指南，提供最新、全面的社保政策解读
舟山市甜猫电子商务有限公司
锐影边境是全国规模的专业影视内容制作机构，以影视制作为特色的企业形象设计广告公司，擅长于各类广告片、宣传片、专题片、微电影、三维动画广告等影视制作。与苏有朋等大牌明星合作拍摄广告片，锐影始终坚持针对企业客户的需求，量身订制，提供合适客户的影视服务解决方案。
佛山市中医院创建于1956年，是一所集医、教、研及康复于一体的大型三级甲等中医医院，以中医骨伤科闻名国内外，是广州中医药大学附属医院（非直属）、2011年全国地级市中医医院综合竞争排名第一。
免费在线工具网是一个便捷在线工具网站，提供语言工具、文本工具、转换工具、编码解码、站长工具等便利的在线工具服务，是你生活和工作学习的好帮手。
UI简史，搜索框如何从顶部到底部，并逐步消失播报文章人人都是产品经理关注作者获得积分关注2024，11，2110，37来自广东在数字产品的设计世界里，搜索框一直是用户与信息之间交互的核心，但随着技术的发展和用户习惯的变化，这个看似简单的设计元素正面临着前所未有的挑战，用户在一个数字产品中，输入，自己的需求有三种方式，键盘打字、语音输入...。
UI简史，搜索框如何从顶部到底部，并逐步消失播报文章人人都是产品经理关注作者获得积分关注2024，11，2110，37来自广东在数字产品的设计世界里，搜索框一直是用户与信息之间交互的核心，但随着技术的发展和用户习惯的变化，这个看似简单的设计元素正面临着前所未有的挑战，用户在一个数字产品中，输入，自己的需求有三种方式，键盘打字、语音输入...。
雷锋网消息微软首席执行官SatyaNadella最近在和记者、分析师的财报电话会议中，为即将到来的分布式计算，边缘计算演讲确定了主题，当每个人都在谈论云计算时，最有趣的部分就是云的边缘，，Nadella上个月说道，无论IoT行业、汽车行业或零售行业发生了什么，本质上都是在数据生成之处产生的计算；海量的设备——也就是云的边缘——不断...。
据彭博社12月19日报道，微软正在为其服务器以及未来的Surface设备自行设计基于Arm的处理器芯片，报道称，这些服务器芯片将用于微软Azure云服务中，另外，微软还在为其某些Surface设备设计，另一种芯片，在PC端使用基于Arm的芯片已经不足为奇，苹果的M1的亮眼表现已经证明了该计划的可行性，自研用于数据中心的服务器芯片也预...。
VC的作用不再仅仅是投钱，，这是小编下半年从一主流VC听到的说法，是的，与以前总是站在幕后不同，VC越来越多地为创业项目站台，而当别人评价一个项目时，也会十分重视它后面的VC，作为最牛逼的VC之一，红杉投的项目通常代表了行业未来的发展方向，下面雷锋网就对红杉本年度投过的一些公司做个盘点，盘点并没有包括每一家公司，我们主要关注智能硬件...。
赤木晴子大神级投影控发表于2024，10，25在选择2024双十一万元投影仪时，可以从以下参数配置来考虑，1.光源，考虑使用LED或激光作为光源，激光投影仪的光线更集中，色彩更饱和，画面更清晰，2.分辨率，选择支持1080P或4K分辨率的投影仪，虽然4K分辨率的投影仪价格较高，但它的画质表现会比108P分辨率的投影仪好很多，3.亮度，...。
零食，通常是指一日三餐时间点之外的时间里所食用的食品，一般情况下，人的生活中除了一日三餐被称为正餐食物外，其余的一律被称为零食，零食，跟食用的时间点有关跟种类无关，比如一般南方人把面食当做零食，但其却是北方人的主食，零食可分为三类，原产品零食、初加工零食和深加工零食，很多一般儿童比较喜欢吃零食，但吃过多深加工零食易造成偏食和肥胖现象，...。
