搜索框如何从顶部到底部 并逐步消失 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月陶红还是离开了这个世界，留下了无尽的思念和不舍。她的离去就像一颗流星划过夜空，短暂却绚烂。虽然陶红已经离开了这个世界，但她的爱却像一颗种子，深深地埋在了所有认识她的人心里。
乐嘉在社交媒体上发布的那段充满感恩与哀思的祈福视频，简直让网友们集体破防。大家都被他内心深处的情感波澜给打动了，纷纷在评论区留言："这才是真爱啊！""太感人了我哭了。"而小小年纪的灵儿，在祈福过程中始终保持跪拜的姿势，这份坚持和孝心，简直比"二十四孝"还要感人。估计连孔子看了都要竖起大拇指说："这孩子，不错！"
乐嘉还打算带着女儿去尼泊尔旅行，这可是陶红生前多次提到的心愿。他坚定地表示一定要替妻子完成这个愿望，带着女儿去看那些陶红未能亲眼目睹的美景。这份执着这份深情，简直就像是偶像剧里才会出现的情节啊！不过比起那些虚构的故事，这份真实的情感更让人心动。
回顾乐嘉和陶红的这段情缘，虽然他们的婚姻只有短短三年，但他们的爱情故事却远远超出了这个时间的界限。他们用行动诠释了什么叫"爱情的保质期"，那就是——真爱无期限！即使生命已经结束，爱却依然在延续。乐嘉带着灵儿完成陶红的心愿，这不就是最好的证明吗？
这让我想起了一句话："爱，不是寻找一个完美的人，而是学会用完美的眼光，去欣赏一个不完美的人。"乐嘉和陶红他们做到了。即使分开即使面对生死，他们依然保持着最美好的那份情感。这个故事告诉我们，生命的意义不仅仅在于活着，更在于我们如何去爱，如何被爱以及如何将这份爱传递下去。陶红虽然离开了，但她的爱通过乐嘉和灵儿，继续在这个世界上延续。
这或许就是生命给我们最宝贵的礼物吧。所以不要觉得这是一个悲伤的故事。相反这是一个关于爱、希望和勇气的故事。它告诉我们即使面对生命中最艰难的时刻，我们也要坚持爱，坚持希望。因为只有这样我们才能真正地活着，而不仅仅是存在。
展开阅读全文
HTML中一些无法打出来的符号可以用相应的代码进行代替显示，以下对照表提供了一些HTML特殊符号相应的代码。
猫无忧是国内专业的游戏账号交易和账号估价平台。提供专业账号交易、账号估价服务。平台购号保障交易安全，提供找回包赔服务，交易安全放心。账号交易就上猫无忧交易平台！
深圳市棕狮科技有限公司是一家集研发、生产、销售、服务于一体的综合企业。专注于研发生产高品质的汽车屏钢化膜，致力打造业内最好用、最好贴的中控屏钢化膜。
重庆分类目录网站是专注收录各行业优秀的网站！提供网站分类信息检索、整理目录分类排序、按目录行业分类或关键词搜索查询；同时也是网站推广、网站排名、发布外链及提高网站权重等的分类目录平台。
片库网(www.hp0510.com)是一个免费手机在线观看，涵盖大量免费的VIP电视剧资源、最新上映大片、好看的综艺节目及动漫视频，是一个播放速度快，不卡顿的高清在线影院。
星辉互联创于2006年,一站式网站建设和网站建设系统。满足各类，网站建设、网站建设制作、建网站、网站搭建、网站建设订制等需求。是500,0000家用户建站首选！提供7x24小时网站建设，企业零基础在线建站，让网站建设不再困难。
山东林峰新型装饰材料有限公司是一家集科研、生产、销售为一体的高新技术企业。
江苏宋氏金属制品有限公司_从事钣金加工，物流仓储货架，金属制品加工，五金加工，激光切割我司具有20多年生产历史，公司拥有一支经验丰富的工程技术人员和质量管理团队，有刻苦钻研、勤劳、认真负责的员工队伍，在物流仓储货架、金属制品加工方面有这多年的经验
公司具有110千伏及以下电力工程施工总承包叁级、环保工程专业承包叁级、输变电工程专业承包叁级施工资质证书、安全生产许可证书、承装（修、试）叁级电力设施许可证书、试验设备计量检定证书、质量管理体系认证证书、环境管理体系认证证书、职业健康安全管理体系认证证书、企业信用AAA等级证书。
null
上海外服作为本土领先的人力资源外包专家，聚焦“人事管理、人才派遣、薪酬福利、招聘及灵活用工和业务外包”五项主营业务。为企业提供全方位的人力资源咨询及解决方案。
小虎游戏为游戏玩家提供免费的手机游戏下载，在这你可以第一时间了解到最新最热门的手游资讯、提供游戏精品攻略等等，为用户提供丰富多样的游戏体验。
UI简史，搜索框如何从顶部到底部，并逐步消失播报文章人人都是产品经理关注作者获得积分关注2024，11，2110，37来自广东在数字产品的设计世界里，搜索框一直是用户与信息之间交互的核心，但随着技术的发展和用户习惯的变化，这个看似简单的设计元素正面临着前所未有的挑战，用户在一个数字产品中，输入，自己的需求有三种方式，键盘打字、语音输入...。
UI简史，搜索框如何从顶部到底部，并逐步消失播报文章人人都是产品经理关注作者获得积分关注2024，11，2110，37来自广东在数字产品的设计世界里，搜索框一直是用户与信息之间交互的核心，但随着技术的发展和用户习惯的变化，这个看似简单的设计元素正面临着前所未有的挑战，用户在一个数字产品中，输入，自己的需求有三种方式，键盘打字、语音输入...。
主料，柠檬2个、白砂糖200克，调料，水100毫升，做法步骤，1、柠檬一个对半切，2、将柠檬汁挤出，3、白砂糖200克，水100ml，中火煮至糖溶化，4、将柠檬汁倒入，小火慢熬45分钟，5、放凉后密封即可，怎么熬红糖小火加热把糖倒入此外什么都不加用铲子搅拌放置一会儿糖变色可能会冒小泡泡或者像是一片沫一样然后再翻炒几下关火我看过我爸爸这...。
回升星座的意思是生辰星位，查自己的回升星座须要先知道自己的阳历生日，而后经过回升星座查问表，对照出世期间即可查出自己的回升星座，出世的时刻，在西方地平线上第一个升起的星座，就是回升星座，在东洋占星学中回升星座的意思就是生辰星位，回升星座计算公式，出世月参数，见表一查问，生日数字＊4，出世期间＝计算出的期间，见表二查问，，便可得出回升...。
沃尔沃C30是沃尔沃旗下的一款紧凑型汽车，它共搭载了三款发起机，区分为2.0升人造吸气发起机、2.4升人造吸气发起机和2.5升涡轮增压发起机，但这款车曾经停产，所以不可购置新车，沃尔沃C30的2.0升人造吸气发起机最大功率为145马力，最大扭矩为185牛米，最大功率转速为6000转每分钟，最大扭矩转速为4500转每分钟，这款发起机驳回...。
1、版本，驾驶方式1版本公众高尔夫r是出口公众汽车，gti是由一汽公众打造的合资车2驾驶方式公众高尔夫r是四轮驱动的，gti是前驱的；kmh减速测试，地板油，起步的高尔夫在整段减速环节中，推背感最剧烈的是在1挡，随着挡位的优化减速G值也随之降低最终测试车辆的百公里减速效果为841s，与同级别车型相比体现普通3高尔夫起步时的，发起机；公...。
经过USB数据线与手机与电脑相连，同时关上手机中的，USB调试，开关，接着再运转，刷机精灵，程序，则会智能装置与以先手机相婚配的驱动程序，当，刷机精灵，可以正确识别手机时，说明手机驱动正确装置，切换至，ROM市场，选项卡，而后找到自己想要经常使用的ROM包，点击右侧的，下载，按钮将该ROM包下载到本地磁盘中，点击程序主界面中的，下载列...。
