搜索框如何从顶部到底部 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月陶红还是离开了这个世界，留下了无尽的思念和不舍。她的离去就像一颗流星划过夜空，短暂却绚烂。虽然陶红已经离开了这个世界，但她的爱却像一颗种子，深深地埋在了所有认识她的人心里。
乐嘉在社交媒体上发布的那段充满感恩与哀思的祈福视频，简直让网友们集体破防。大家都被他内心深处的情感波澜给打动了，纷纷在评论区留言："这才是真爱啊！""太感人了我哭了。"而小小年纪的灵儿，在祈福过程中始终保持跪拜的姿势，这份坚持和孝心，简直比"二十四孝"还要感人。估计连孔子看了都要竖起大拇指说："这孩子，不错！"
乐嘉还打算带着女儿去尼泊尔旅行，这可是陶红生前多次提到的心愿。他坚定地表示一定要替妻子完成这个愿望，带着女儿去看那些陶红未能亲眼目睹的美景。这份执着这份深情，简直就像是偶像剧里才会出现的情节啊！不过比起那些虚构的故事，这份真实的情感更让人心动。
回顾乐嘉和陶红的这段情缘，虽然他们的婚姻只有短短三年，但他们的爱情故事却远远超出了这个时间的界限。他们用行动诠释了什么叫"爱情的保质期"，那就是——真爱无期限！即使生命已经结束，爱却依然在延续。乐嘉带着灵儿完成陶红的心愿，这不就是最好的证明吗？
这让我想起了一句话："爱，不是寻找一个完美的人，而是学会用完美的眼光，去欣赏一个不完美的人。"乐嘉和陶红他们做到了。即使分开即使面对生死，他们依然保持着最美好的那份情感。这个故事告诉我们，生命的意义不仅仅在于活着，更在于我们如何去爱，如何被爱以及如何将这份爱传递下去。陶红虽然离开了，但她的爱通过乐嘉和灵儿，继续在这个世界上延续。
这或许就是生命给我们最宝贵的礼物吧。所以不要觉得这是一个悲伤的故事。相反这是一个关于爱、希望和勇气的故事。它告诉我们即使面对生命中最艰难的时刻，我们也要坚持爱，坚持希望。因为只有这样我们才能真正地活着，而不仅仅是存在。
展开阅读全文
央视网(cctv.com)军事频道是专业、权威的军事话题平台。
本厂生产合杆路灯,综合杆路灯,多功能路灯,交通标志杆,高杆灯,成套智慧路灯,合杆路灯。全国送货到工地，免费安装指导，全国联保。厂长电话:400-6966-018
这里有所有篇，康妮陈的菜谱和视频，以及所有的故事
彼岸花圈店-国内领先的花圈网领先品牌,专注花圈代送服务15年,销量居首位！网站可24小时预订花圈，同城送花圈、异地送花篮服务,网上订花圈后最快1-3小时快递上门,网站覆盖国内2000多城市！
汉发控股集团|湖北汉发控股集团有限公司是一家以建筑产业、房地产业、休闲康养产业、投融资业务平台，构成的“三产业一平台”为主要行业板块的大型综合性民营企业集团公司，总部位于湖北省武汉市
佛山市南海丰高印刷公司是fsc认证佛山印刷厂，为厂家提供2016印刷品报价、彩盒印刷效果图。产品包括：家电/厨具/电子/食品/玩具/灯饰类包装盒彩盒、公司企业画册、礼品盒、拼图贺卡等纸制品。广东包装盒印刷报价找丰高，5年FSC认证经验，助你打开更大的国内外市场！联系QQ：2850616324
无锡市吉新液压机械厂是一家专业生产：单柱液压机,双柱液压机,四柱液压机,橡塑制品液压机,压力管理系统液压机,以及龙门式液压机等产品；同时，亦可为用户设计定做各种规格的非标液压机和校直机。
明建云工程项目管理软件是为工程企业提供风控、成本、资金、物资、劳务、设备等企业经营全场景及项目管理全过程的数字化系统，围绕建筑施工企业核心业务，结合管理实际，自主研发直营联营项目管理系统和协同办公系统，能为客户提供成熟的数智化解决方案。
动画与数字创意学院
合肥强宇机械有限公司是一家从事合肥烘干机、安徽烘干机、合肥粮食烘干机的公司,联系人:张经理,欢迎咨询我们。
中科三氧臭氧机生产厂商专注生产臭氧发生器,臭氧消毒机,臭氧发生器设备厂家,臭氧机价格,青岛中科三氧臭氧设备厂家等各种型号传递窗设备.联系13573235018,中科三氧生产厂家直销10年专业生产制造经验欢迎您的来电咨询.
北京冰河世界科技有限公司，国内虚拟现实内容制作、技术服务、产品研发的高新科技企业。专注VR红色教育、科技红色教育领域，通过VR等高科技传承红色精神，弘扬红色文化，针对各类展馆、各类有限公司，专注VR培训场景提供整套解决方案。公司目拥有专门的研发团队，目前研发完成大量VR红色教育课程，覆盖四史系列、重走长征路系列、廉政教育等学习内容。全国1000+渠道，落地3000+各项目，产品遍布34个省市。
UI简史，搜索框如何从顶部到底部，并逐步消失播报文章人人都是产品经理关注作者获得积分关注2024，11，2110，37来自广东在数字产品的设计世界里，搜索框一直是用户与信息之间交互的核心，但随着技术的发展和用户习惯的变化，这个看似简单的设计元素正面临着前所未有的挑战，用户在一个数字产品中，输入，自己的需求有三种方式，键盘打字、语音输入...。
UI简史，搜索框如何从顶部到底部，并逐步消失播报文章人人都是产品经理关注作者获得积分关注2024，11，2110，37来自广东在数字产品的设计世界里，搜索框一直是用户与信息之间交互的核心，但随着技术的发展和用户习惯的变化，这个看似简单的设计元素正面临着前所未有的挑战，用户在一个数字产品中，输入，自己的需求有三种方式，键盘打字、语音输入...。
一个人养成了读书的习惯，大概就是给自己营造了一座避难所，在书中可以暂时忘却世界中的痛苦，令生命被无限延长，经历过疫情，读过毛姆的，阅读是一座随身携带的避难所，，大概能真切体会到阅读真正的意义，4月23日世界读书日，ZAKER发布，2020全民阅读报告，以下简称，报告，，并连续推出第三季，领读中国·生命的光辉，全民公益阅读活动，...。
申明，1.以上内容仅代表揭发者自己，不代表黑猫揭发立场，2.未经授权，本平台案例制止任何转载，违者将被清查法律责任，3.黑猫揭发处置揭发不收取任何费用，凡以黑猫揭发名义不要钱的均为混充、诈骗行为，请及时报警并与黑猫官方反应，揭发邮箱heimaotousu@vip.sina.com，4.请大家选用官方渠道处置生产纠纷，不要轻信第三方机构...。
自己于16年4月20日在京东购置威索尼克耳机GR07，顺便购置了延保两年服务，延保服务有一个培修总费用，总费用等于购机多少钱，600元左右，，每次培修需从中扣除相应培修费，培修后超出这个价钱须要自行垫付，延保期内，耳机培修3次，第1次培修期间是2018年6月20日，培修内容为线材接触不良，培修金额250元；第2次培修期间是2018年9...。
近日，一则哈尔滨理工大学，对于更正口试效果的通知，的信息引发了宽泛关注，据称，在哈尔滨理工大学近期举行了一场招聘考试，一名考生的口试效果产生较大变化，从原先的47分被更正为85分，这一调整间接使其跃居为该岗位口试的榜首，网友质疑该效果能否实在，7月11日，哈尔滨理工大学关系上班人员接受抢先资讯，报料邮箱，cnshangyou@163....。
前段期间，吉利汽车立下了2023年的销量指标，示意往年要到达165万辆的年开售义务，除了立下销量指标外，吉利示意还将在往年发布多款新车，进一步丰盛自己的产品规划，当天，咱们也对吉利2023年的新车规划做了清点，并挑选出9款新车型，那么，让咱们一同来看看，你比拟中意哪一款，全新缤越L估量上市期间，二季度一句话点评，空间优化，外观愈加静止...。