首页

从功能满足到心灵共鸣,体验设计的进化与深耕

清阳 行业趋势

从微信启动页孤独的小人望地球,到网易云音乐热评区的深夜共鸣,情感化设计正在重新定义产品竞争力。唐纳德·诺曼提出的三层模型——本能层的视觉吸引、行为层的流畅体验、反思层的价值认同——为产品设计提供了系统方法论。当功能差异逐渐缩小,能走进用户心里的设计才能建立真正的忠诚度。兰亭妙微UI设计公司:深度拆解情感化设计的理论脉络与经典案例,揭示如何让冰冷的产品拥有温度。

在体验设计飞速发展的今天,“功能可用”已不再是产品的核心竞争力,用户对产品的需求早已超越了工具属性,转向了更深层次的情感诉求。

情感化设计作为连接产品与用户心灵的桥梁,打破了“设计即功能”的传统认知,将人的情感需求、心理感受融入设计的每一个细节,让冰冷的产品拥有温度,让交互过程充满愉悦,最终实现产品与用户的深度共鸣。

当我们打开手机,看到微信启动页中孤独的小人望着地球,心中会泛起一丝莫名的触动;

当我们使用网易云音乐,被“网抑云热评”戳中内心,会忍不住分享与共鸣;

当我们操作苹果手机,流畅的动画过渡、细腻的触感反馈,会让每一次交互都感到舒适与愉悦;

当我们走进重庆钟书阁,被镜子反射出的层层叠叠的空间所震撼,会自然而然地将书店与山城的地域特色深深绑定。

这些场景背后,都藏着同一个设计理念——情感化设计。

在过去几十年里,设计行业经历了从“功能导向”到“用户导向”,再到“情感导向”的三次重大变革。

早期的设计,核心是“能用”,设计师关注的是产品的功能实现、性能稳定,至于用户使用过程中的感受、情绪变化,往往被忽略。

随着科技的发展、物质的丰富,同类产品的功能差异逐渐缩小,用户在选择产品时,不再仅仅关注“能不能用”,更关注“用得爽不爽”“有没有共鸣”“能不能满足我的情感需求”。

情感化设计应运而生,它将“人”的核心地位进一步凸显,强调设计不仅要解决用户的实际问题,还要照顾用户的心理感受、情感诉求,让产品成为用户情感的载体、生活的伙伴,而不仅仅是工具。

在多年的实践中深刻体会到:

好的设计,不仅能解决问题,还能传递情感;

优秀的情感化设计,能够让产品在众多同类产品中脱颖而出,建立用户忠诚度,甚至成为一个时代的符号。

第一部分:情感化设计的由来

情感化设计并非凭空出现,它的产生有着深刻的社会背景、思想源头与理论基础,是设计行业发展的必然结果,也是人类对设计本质认知不断深化的体现。

从早期的设计思想萌芽,到心理学、社会学理论的支撑,再到唐纳德·诺曼正式提出“情感化设计”理论,最终在科技发展与用户需求升级的推动下走向成熟,情感化设计经历了一个漫长而曲折的发展历程。

1.1 情感化设计的思想萌芽(远古至20世纪中期)

情感化设计的核心思想——“设计要兼顾功能与情感”,其实早在远古时期就已经出现。

人类最早的设计活动,本质上是为了生存,比如制作石器、陶器、房屋等,核心需求是“实用”,但在满足实用需求的同时,人类也不自觉地融入了情感与审美诉求。

远古时期,原始人类制作的石器,除了追求锋利、耐用(功能需求),还会在石器表面雕刻简单的纹路、图案,这些纹路并非毫无意义,而是原始人类对自然的敬畏、对生活的向往的情感表达;新石器时代的彩陶,不仅造型规整、便于使用,还会绘制鱼纹、鸟纹、几何纹等图案,色彩鲜艳、线条流畅,既体现了当时的审美水平,也传递了原始人类的情感——比如鱼纹象征着丰收、繁衍,鸟纹象征着自由、吉祥。

这些设计,虽然没有明确的“情感化设计”概念,但已经具备了情感化设计的核心特质:功能与情感的结合,实用与审美的统一。

进入奴隶社会、封建社会,设计的情感表达更加鲜明,且逐渐与等级、文化、宗教绑定。

比如中国古代的宫殿建筑,故宫的红墙黄瓦、飞檐斗拱,不仅满足了居住、办公的功能需求,更通过色彩、造型传递了皇权的至高无上、威严庄重的情感;

古代的家具,比如明清时期的红木家具,造型简洁、工艺精湛,不仅耐用、舒适,还通过纹理、雕刻传递了文人雅士的淡泊名利、雅致内敛的情感;

西方中世纪的教堂建筑,哥特式教堂的高耸、尖峭,彩色玻璃的绚丽,营造出神秘、庄严、肃穆的氛围,传递了人们对宗教的虔诚、对神性的敬畏。

这一时期的情感化设计,有两个显著的特点:

一是情感表达具有鲜明的阶级性、文化性,不同阶层、不同文化背景的设计,情感传递的方向、内容截然不同;

二是情感设计的主体是“设计者”,设计师根据自己的情感、审美,结合当时的社会文化、等级制度,进行设计创作,用户的情感需求往往处于被动接受的地位,而非设计的核心导向。

工业革命之后,设计行业进入了“功能至上”的时代。

18世纪60年代,工业革命率先在英国爆发,机器生产取代了手工生产,产品的批量生产成为可能,设计的核心目标变成了“提高生产效率、降低生产成本、满足大众的基本功能需求”。

这一时期,设计师关注的是产品的结构、性能、实用性,而情感、审美往往被忽略,甚至被视为“多余的装饰”。比如,早期的工业产品,无论是蒸汽机、纺织机,还是日常使用的桌椅、灯具,都造型简陋、色彩单调,只追求耐用、好用,毫无情感可言。

这种“功能至上”的设计理念,虽然极大地提高了生产效率,降低了产品价格,满足了大众的基本生活需求,但也让产品变得冰冷、刻板,缺乏温度,用户在使用过程中,只能感受到功能的满足,无法获得任何情感上的愉悦与共鸣。

随着工业革命的深入,“功能至上”的设计理念逐渐暴露出弊端,越来越多的人开始意识到,设计不能只关注功能,还要关注情感、审美。

20世纪初,一些设计运动开始兴起,反对“功能至上”的刻板设计,倡导“功能与审美结合”,为情感化设计的萌芽奠定了基础。其中,最具代表性的是包豪斯运动。

1919年,包豪斯学院在德国成立,包豪斯的核心设计理念是“艺术与技术的统一”“设计为大众服务”,强调设计既要满足功能需求,也要注重审美体验,反对多余的装饰,追求简洁、实用、美观的设计风格。

包豪斯的设计师们认为,产品的设计不仅要解决“能用”的问题,还要让用户在使用过程中感受到舒适、愉悦,这种理念,正是情感化设计的重要思想源头。

比如,包豪斯设计师马塞尔·布鲁尔设计的瓦西里椅,采用钢管与皮革结合的材质,造型简洁、轻便、耐用,既满足了日常使用的功能需求,又通过流畅的线条、舒适的坐感,传递了简约、时尚、舒适的情感,成为现代家具设计的经典之作;

另一位包豪斯设计师威廉·华根菲尔德设计的台灯,造型简洁、线条流畅,灯光柔和,既实用又美观,让用户在使用过程中感受到温暖、舒适,打破了早期工业产品冰冷、刻板的形象。

除了包豪斯运动,20世纪中期的斯堪的纳维亚设计运动,也进一步推动了情感化设计思想的萌芽。

斯堪的纳维亚设计强调“以人为本”,注重产品的实用性、舒适性与审美性的结合,追求自然、简约、温馨的设计风格,注重细节处理,关注用户的使用感受与情感需求。

比如,芬兰设计师阿尔瓦·阿尔托设计的弯木家具,采用天然的木材,造型柔和、曲线流畅,坐感舒适,既体现了自然之美,又传递了温馨、亲切的情感,让用户在使用过程中感受到自然的温度与人文的关怀。

这一时期,情感化设计的思想虽然没有形成系统的理论,但已经逐渐被设计师们所认可,设计的核心开始从“功能”向“人”倾斜,设计师们开始关注用户的使用感受、情感需求,尝试将情感、审美融入设计的细节中,为后续情感化设计理论的形成奠定了坚实的实践基础。

1.2 情感化设计的理论基础(20世纪中期至20世纪末)

20世纪中期以后,心理学、社会学、认知科学等学科的飞速发展,为情感化设计提供了坚实的理论支撑,让情感化设计从“经验型”的实践,逐渐走向“科学化”的研究。

其中,认知心理学、人本主义心理学、符号学的相关理论,对情感化设计的影响最为深远。

1.2.1 认知心理学:揭示情感与认知的关系

认知心理学是研究人类认知过程(如感知、记忆、思维、语言、决策等)的学科,它的出现,打破了传统行为主义心理学“只关注行为,忽略情感、认知”的局限,开始关注人类的内心活动,揭示了情感与认知之间的密切关系,为情感化设计提供了核心理论支撑。

认知心理学认为,人类的认知过程与情感过程是相互影响、相互作用的,情感不仅会影响人类的认知判断、决策行为,还会影响人类对事物的感知与记忆。

比如,当一个人处于愉悦的情绪中时,会更容易接受新事物、做出积极的决策,对产品的使用体验也会有更高的评价;当一个人处于烦躁、焦虑的情绪中时,会更容易产生负面情绪,对产品的微小缺陷也会更加敏感,甚至会放弃使用产品。

20世纪60年代,认知心理学家唐纳德·诺曼(Donald A. Norman)开始将认知心理学的理论应用于设计领域,研究人类的情感与产品设计之间的关系。

诺曼认为,产品的设计不仅要符合人类的认知规律,还要照顾人类的情感需求,因为情感是人类认知的重要组成部分,忽略情感的设计,无论功能多么完善,也无法获得用户的认可。

诺曼在研究中发现,人类对产品的情感反应,往往发生在认知之前,比如,我们看到一个产品,首先会被它的外观、色彩、造型所吸引(情感反应),然后才会去了解它的功能、使用方法(认知过程);如果一个产品的外观让人感到厌恶、不适,即使它的功能非常强大,用户也不会愿意去使用它。这种“情感优先于认知”的观点,成为情感化设计的核心理论之一。

此外,认知心理学中的“感知负荷理论”“情绪唤醒理论”也为情感化设计提供了重要的理论支撑。

感知负荷理论认为,人类的认知资源是有限的,如果产品的交互过程过于复杂、繁琐,会增加用户的感知负荷,让用户产生烦躁、焦虑的情绪,影响使用体验;而情感化设计,通过简化交互流程、优化视觉设计、增加情感反馈,能够降低用户的感知负荷,让用户在使用过程中感到轻松、愉悦。

情绪唤醒理论认为,适度的情绪唤醒能够提高人类的注意力、记忆力与工作效率,而过度的情绪唤醒(过于兴奋或过于压抑)则会降低人类的认知能力。

情感化设计的核心,就是通过设计手段,唤醒用户适度的积极情绪(如愉悦、舒适、安心),避免用户产生过度的负面情绪(如烦躁、焦虑、厌恶),从而提升用户的使用体验与产品认可度。

1.2.2 人本主义心理学:凸显“人”的核心地位

人本主义心理学是20世纪50年代兴起的心理学流派,其核心思想是“以人为本”,强调人的价值、人的尊严、人的情感需求与自我实现,反对将人视为“机器”或“刺激的被动接受者”,认为人是具有主观能动性、情感丰富的个体。

人本主义心理学的代表人物马斯洛,提出了著名的“需求层次理论”,将人类的需求分为五个层次:生理需求、安全需求、归属与爱的需求、尊重需求、自我实现需求。

其中,生理需求、安全需求是基础需求,主要与产品的功能、性能相关;而归属与爱的需求、尊重需求、自我实现需求,则是情感需求、精神需求,与产品的情感化设计密切相关。

马斯洛认为,当人类的基础需求(生理、安全)得到满足后,会逐渐追求更高层次的情感需求、精神需求。

这一理论,为情感化设计提供了重要的理论依据:随着科技的发展、物质的丰富,用户的基础需求(产品功能、性能)已经得到充分满足,此时,用户开始追求更高层次的情感需求——比如,通过使用产品获得归属感、被尊重感、自我实现感,这也是情感化设计能够兴起并快速发展的核心原因之一。

人本主义心理学强调,设计应该尊重人的情感、人的需求,关注人的内心感受,让产品成为满足人类情感需求、实现自我价值的载体。

比如:

一些社交产品,通过设计让用户能够快速找到志同道合的人,获得归属感;

一些健身产品,通过设计激励用户坚持锻炼,实现自我提升,获得成就感;

一些奢侈品,通过设计传递高端、尊贵的情感,满足用户的尊重需求。

人本主义心理学的思想,进一步凸显了“人”在设计中的核心地位,推动了设计行业从“功能导向”向“情感导向”的转型,让情感化设计的理念更加深入人心。

1.2.3 符号学:赋予产品情感意义

符号学是研究符号、符号系统及其意义的学科,它认为,人类的一切行为、一切创造,本质上都是符号的表达,产品也是一种符号,不仅具有实用功能,还具有情感意义、文化意义。

符号学将产品分为“功能符号”与“情感符号”:

功能符号是产品的实用功能的体现,比如手机的通话功能、电脑的办公功能、椅子的坐卧功能;

情感符号是产品所传递的情感、意义、文化,比如产品的外观、色彩、造型、品牌标识等,都属于情感符号,能够传递不同的情感信息。

比如:

  • 红色象征着热情、喜庆、活力,很多节日产品、运动产品都会采用红色作为主色调,传递积极、热烈的情感;
  • 蓝色象征着冷静、理性、信任,很多科技产品、金融产品都会采用蓝色作为主色调,传递专业、可靠的情感;
  • 圆形象征着圆满、和谐、亲切,很多家居产品、儿童产品都会采用圆形的造型,传递温馨、亲切的情感。

符号学的理论,为情感化设计提供了重要的实现方法:设计师可以通过设计产品的情感符号(外观、色彩、造型、品牌标识等),赋予产品特定的情感意义、文化内涵,让用户在使用产品的过程中,通过解读这些情感符号,获得情感上的共鸣与满足。

比如,苹果公司的logo,是一个被咬了一口的苹果,这个简单的符号,不仅具有很高的辨识度(功能符号),还传递了“创新、叛逆、打破常规”的情感意义(情感符号),让用户在看到这个logo时,就能联想到苹果产品的创新精神,产生情感共鸣;

可口可乐的红色logo、流线型字体,传递了“热情、快乐、分享”的情感意义,成为可口可乐品牌的核心情感符号,陪伴了一代又一代用户的成长。

1.3 情感化设计理论的正式提出与成熟(20世纪末至今)

20世纪末,随着认知心理学、人本主义心理学、符号学等学科的不断发展,以及设计实践的不断积累,情感化设计终于形成了系统的理论体系,其中,唐纳德·诺曼在1999年出版的《情感化设计》(Emotional Design)一书,正式提出了“情感化设计”的概念与核心理论,标志着情感化设计作为一门独立的设计学科,正式诞生。

1.3.1 唐纳德·诺曼与《情感化设计》:情感化设计的里程碑

唐纳德·诺曼,美国认知心理学家、工业设计家,认知科学学会的发起人之一,被誉为“情感化设计之父”。

诺曼早年从事认知心理学的研究,后来将认知心理学的理论应用于产品设计、用户体验设计领域,提出了许多影响深远的设计理论,其中,《情感化设计》一书,是他最具代表性的著作,也是情感化设计领域的里程碑式作品。

在《情感化设计》一书中,诺曼正式提出了“情感化设计”的概念:情感化设计,是指将人类的情感需求融入产品设计的每一个环节,通过设计让产品能够引发用户的积极情感,降低用户的负面情感,从而提升用户的使用体验与产品认可度。

诺曼认为,情感不是设计的附加品,而是设计的核心,好的设计,必须兼顾功能与情感,既要解决用户的实际问题,也要照顾用户的心理感受。

诺曼在书中明确指出,过去的设计,过于关注产品的功能、性能,忽略了用户的情感需求,导致很多产品“能用但不好用”“好用但不喜欢”。

他认为,产品的设计,应该从“人”的角度出发,关注用户的情感、心理、行为习惯,让产品成为用户情感的载体,而不仅仅是工具。

此外,诺曼在书中提出了情感化设计的“三层模型”,这也是情感化设计最核心、最具影响力的理论,为情感化设计的实践提供了明确的指导方向。

情感化设计的三层模型,将设计分为三个层次:本能层设计(Visceral Design)、行为层设计(Behavioral Design)、反思层设计(Reflective Design),三个层次相互关联、相互影响,共同构成了情感化设计的完整体系。

1. 本能层设计:关注产品的外观、色彩、造型、材质等视觉与触觉体验,是用户对产品的第一印象,也是情感反应的起点。

本能层设计的核心,是“好看、好摸、有吸引力”,通过视觉、触觉等感官刺激,引发用户的本能反应,比如愉悦、喜欢、好奇等积极情感。

本能层的设计,往往是无意识的,用户在看到产品的第一眼,就会产生相应的情感反应,这种情感反应,会直接影响用户对产品的后续认知与使用意愿。

比如,一款手机的外观设计简洁、流畅,色彩柔和,材质细腻,用户在看到它的第一眼,就会产生喜欢、愉悦的情感,从而更愿意去了解它的功能、使用它;反之,如果一款手机的外观设计丑陋、粗糙,色彩刺眼,用户在看到它的第一眼,就会产生厌恶、不适的情感,即使它的功能非常强大,也很难吸引用户。

2. 行为层设计:关注产品的功能、可用性、易用性、交互流程等,是用户在使用产品过程中的体验。

行为层设计的核心,是“好用、高效、流畅”,通过优化产品的功能、简化交互流程、提供及时的反馈,让用户在使用产品的过程中感到轻松、愉悦、高效,避免产生烦躁、焦虑等负面情感。

行为层的设计,与用户的行为习惯、认知规律密切相关,设计师需要深入了解用户的使用场景、行为逻辑,设计出符合用户习惯的交互方式,让用户能够快速上手、高效使用产品。

比如,一款APP的交互流程简洁、清晰,按钮布局合理,操作反馈及时,用户在使用过程中能够快速找到自己需要的功能,完成相应的操作,从而感到轻松、愉悦;反之,如果一款APP的交互流程复杂、繁琐,按钮布局混乱,操作反馈延迟,用户在使用过程中会感到烦躁、焦虑,甚至会放弃使用。

3. 反思层设计:关注产品的意义、价值、文化内涵,是用户在使用产品后产生的情感共鸣与心理认同。

反思层设计的核心,是“有意义、有共鸣、有价值”,通过赋予产品特定的意义、文化内涵,让用户在使用产品的过程中,能够感受到产品所传递的情感、价值观,从而产生情感共鸣与心理认同,甚至将产品视为自己的身份象征、生活伙伴。

反思层的设计,是情感化设计的最高层次,也是最能建立用户忠诚度的层次,它能够让产品超越工具属性,成为用户情感的载体。

比如,网易云音乐的“热评文化”,通过用户的真实评论,传递了不同的情感、故事,让用户在使用产品的过程中,能够找到共鸣,感受到“有人懂我”的温暖,从而对网易云音乐产生强烈的心理认同与忠诚度;

比如,故宫文创产品,将故宫的传统文化、历史元素融入产品设计中,赋予产品深厚的文化内涵,让用户在使用产品的过程中,能够感受到传统文化的魅力,产生文化自信与情感共鸣。

诺曼强调,情感化设计的三个层次,并不是相互独立的,而是相互关联、相互影响的。

  • 本能层设计是基础,能够吸引用户的注意力,引发用户的初步情感反应;
  • 行为层设计是核心,能够留住用户,让用户获得良好的使用体验;
  • 反思层设计是升华,能够建立用户忠诚度,让产品与用户产生深度共鸣。

一款优秀的情感化产品,必须兼顾三个层次的设计,缺一不可。

比如,苹果手机,本能层设计简洁、美观,色彩柔和,材质细腻,能够吸引用户的注意力;行为层设计流畅、易用,交互反馈及时,能够让用户获得良好的使用体验;反思层设计传递了“创新、简约、高品质”的价值观,让用户在使用产品的过程中,能够感受到苹果产品的价值,产生心理认同与忠诚度,从而成为苹果手机的忠实用户。

《情感化设计》一书的出版,彻底改变了设计行业的认知,让情感化设计的理念迅速在全球范围内传播开来,越来越多的设计师、产品研发者开始关注情感化设计,将情感化设计的理论应用于实践中,推动了情感化设计的快速发展。

1.3.2 情感化设计的发展与普及(21世纪至今)

进入21世纪,随着科技的飞速发展(尤其是互联网、移动互联网、人工智能的发展)、用户需求的不断升级,情感化设计迎来了快速发展的黄金时期,逐渐从理论走向实践,从小众走向大众,成为体验设计、产品研发的核心理念之一。

21世纪初,互联网的兴起,让产品的形态发生了巨大的变化,从传统的实体产品,逐渐延伸到互联网产品(如网站、APP、软件等),情感化设计的应用场景也逐渐丰富。

互联网产品的核心是用户体验,而情感化设计,正是提升用户体验的关键手段。

比如,早期的门户网站,设计简洁、清晰,通过优化视觉设计、简化操作流程,让用户能够快速找到自己需要的信息,获得良好的使用体验;早期的社交软件,如QQ,通过设计可爱的头像、表情、昵称,让用户能够表达自己的情感,获得归属感与愉悦感。

2010年以后,移动互联网的爆发,进一步推动了情感化设计的普及与发展。

智能手机的普及,让APP成为用户日常生活中不可或缺的一部分,同类APP的竞争日益激烈,功能差异逐渐缩小,情感化设计成为APP脱颖而出的关键。

比如:

  • 微信的启动页、朋友圈的交互设计、表情包的设计,都融入了情感化元素,让用户在使用过程中感受到温暖、愉悦、亲切;
  • 网易云音乐的“每日推荐”“私人FM”“热评文化”,通过精准的算法推荐与情感化的内容设计,让用户感受到“被理解、被陪伴”,建立了强烈的用户忠诚度;
  • 抖音的短视频交互设计、特效设计、背景音乐设计,通过营造轻松、愉悦、有趣的氛围,让用户在使用过程中获得快乐,沉迷其中。

与此同时,人工智能、大数据等技术的发展,为情感化设计提供了更加强大的技术支撑,让情感化设计更加精准、更加个性化。

比如:

通过大数据分析用户的行为习惯、情感偏好,设计师可以为不同的用户提供个性化的情感化设计,让产品能够更好地满足用户的个性化情感需求;

通过人工智能技术,产品可以实现情感识别、情感反馈,比如,智能音箱可以识别用户的情绪变化,根据用户的情绪播放相应的音乐、传递相应的安慰话语;智能客服可以识别用户的负面情绪,提供更加耐心、贴心的服务,缓解用户的烦躁、焦虑。

除了互联网产品,实体产品、空间设计、服务设计等领域,情感化设计的应用也越来越广泛。

  • 在实体产品领域,苹果、小米、华为等企业,将情感化设计融入产品的每一个细节,让产品变得更加有温度、更加有吸引力;
  • 在空间设计领域,重庆钟书阁、无印良品的门店设计,通过优化空间布局、营造温馨的氛围,让用户在空间中感受到舒适、愉悦、放松;
  • 在服务设计领域,海底捞的服务、星巴克的服务,通过贴心、细致的服务,传递温暖、尊重的情感,让用户获得良好的服务体验,建立用户忠诚度。

此外,随着设计行业的不断发展,情感化设计的理念也逐渐被全球范围内的设计师、企业所认可,越来越多的设计奖项(如红点设计奖、IF设计奖、IDEA设计奖等),将情感化设计作为重要的评选标准,鼓励设计师进行情感化设计创作;越来越多的高校,开设了情感化设计相关的课程,培养情感化设计领域的专业人才,推动情感化设计的不断发展与创新。

1.4 情感化设计兴起的核心原因

情感化设计的兴起与发展,并不是偶然的,而是多种因素共同作用的结果,其核心原因主要包括以下几个方面:

1.4.1 用户需求的升级:从功能满足到情感追求

随着科技的发展、物质的丰富,用户的需求已经发生了根本性的变化,从早期的“功能满足”,逐渐升级为“情感追求”。

在过去,物质匮乏,用户选择产品的核心标准是“能用”,只要产品能够满足基本的功能需求,就能够被用户接受;而现在,物质丰富,同类产品的功能差异逐渐缩小,用户在选择产品时,不再仅仅关注“能不能用”,更关注“用得爽不爽”“有没有共鸣”“能不能满足我的情感需求”。

比如,在手机市场,早期的手机,只要能够通话、发短信,就能够满足用户的需求;而现在,手机的功能已经非常完善,通话、发短信、上网、拍照、娱乐等功能,几乎所有手机都具备,用户在选择手机时,会更加关注手机的外观设计、交互体验、情感传递,比如,有些用户喜欢苹果手机的简约、高端,有些用户喜欢华为手机的科技、爱国情怀,有些用户喜欢小米手机的性价比、年轻化,这些都是用户情感需求的体现。

用户需求的升级,是情感化设计兴起的核心动力,它推动了设计行业从“功能导向”向“情感导向”的转型,让情感化设计成为产品研发的核心理念之一。

1.4.2 科技的发展:为情感化设计提供技术支撑

科技的飞速发展,尤其是互联网、移动互联网、人工智能、大数据等技术的发展,为情感化设计提供了强大的技术支撑,让情感化设计的实现变得更加容易、更加精准。

在互联网、移动互联网出现之前,实体产品的情感化设计,主要依赖于外观、色彩、造型等视觉与触觉元素,受技术限制,情感化设计的表达形式比较单一,无法实现个性化、精准化的情感传递;而互联网、移动互联网的出现,让产品的情感化设计有了更多的表达形式,比如,交互反馈、动画效果、内容设计、社交互动等,能够更好地传递情感,引发用户共鸣。

人工智能、大数据技术的发展,进一步提升了情感化设计的精准度与个性化水平。

通过大数据分析用户的行为习惯、情感偏好、使用场景,设计师可以深入了解用户的情感需求,为不同的用户提供个性化的情感化设计;通过人工智能技术,产品可以实现情感识别、情感反馈,能够根据用户的情绪变化,调整产品的交互方式、内容呈现,提供更加贴心、精准的服务,让用户感受到“被理解、被重视”。

1.4.3 市场竞争的加剧:情感化成为产品差异化竞争的关键

随着市场竞争的日益加剧,同类产品的功能、性能、价格差异逐渐缩小,产品的差异化竞争,逐渐从“功能差异化”转向“情感差异化”。

在激烈的市场竞争中,只有那些能够满足用户情感需求、与用户产生深度共鸣的产品,才能够脱颖而出,建立用户忠诚度,占据市场优势。

比如,在饮料市场,可口可乐与百事可乐的功能差异非常小,都是碳酸饮料,能够解渴、提神,但两者的情感化设计差异非常明显:可口可乐传递“热情、快乐、分享”的情感,主打经典、怀旧;百事可乐传递“年轻、时尚、活力”的情感,主打年轻群体。

正是这种情感化的差异化设计,让两者在激烈的市场竞争中,都占据了重要的市场份额,拥有大量的忠实用户。又如,在互联网音乐市场,网易云音乐、QQ音乐、酷狗音乐的功能差异也非常小,都能够播放音乐、下载音乐、推荐音乐,但网易云音乐通过“热评文化”“私人FM”“每日推荐”等情感化设计,传递“陪伴、理解、共鸣”的情感,与用户产生深度共鸣,从而在激烈的市场竞争中,脱颖而出,成为很多年轻用户的首选音乐APP。

1.4.4 设计理念的进化:从“物为本”到“人为本”

设计理念的不断进化,也是情感化设计兴起的重要原因之一。

早期的设计理念,是“物为本”,设计师关注的是产品的功能、性能、外观,忽略了“人”的需求,将产品视为“独立于人的工具”;而随着设计行业的不断发展,设计理念逐渐进化为“人为本”,设计师关注的是“人”的需求、“人”的感受,将“人”作为设计的核心,认为产品是“为人服务的”,是“人与世界连接的桥梁”。

“人为本”的设计理念,强调设计要尊重人、理解人、关爱人,要兼顾人的功能需求与情感需求,要让产品成为用户情感的载体、生活的伙伴。

这种设计理念的进化,推动了情感化设计的兴起与发展,让情感化设计成为“人为本”设计理念的核心体现。

第二部分:情感化设计的案例分析

情感化设计的价值,最终要通过实践来体现。

在多年的设计实践中,国内外众多企业、设计师,将情感化设计的理论(本能层、行为层、反思层)融入产品、空间、服务的每一个细节,打造了众多经典的情感化设计案例,这些案例覆盖了互联网产品、实体产品、空间设计、服务设计等多个领域,不仅为用户带来了良好的体验,也为企业带来了巨大的商业价值,同时也为后续的情感化设计实践提供了宝贵的参考。

本部分将围绕情感化设计的“三层模型”,拆解不同领域的经典案例,深入分析每个案例的情感化设计逻辑、实现方法、落地效果,让读者直观感受情感化设计的魅力与价值,掌握情感化设计的实践技巧。

2.1 互联网产品领域:情感化设计的主战场

互联网产品(APP、网站、软件等)是情感化设计应用最广泛、最成熟的领域,因为互联网产品的核心是用户体验,而情感化设计正是提升用户体验的关键手段。

互联网产品的情感化设计,主要体现在本能层(视觉设计、动画效果)、行为层(交互流程、功能设计、反馈设计)、反思层(内容设计、社交互动、品牌传递)三个方面,三者相互结合,打造出有温度、有情感、有共鸣的产品体验。

2.1.1 案例一:微信——国民级APP的情感化设计精髓

微信,作为中国国民级的社交APP,拥有超过10亿的用户,其成功不仅在于强大的功能(社交、支付、办公、娱乐等),更在于其细腻、贴心的情感化设计,微信的每一个细节,都融入了情感化元素,让用户在使用过程中感受到温暖、亲切、舒适,从而建立了强烈的用户忠诚度。

1. 本能层设计:简约、干净、亲切,打造舒适的视觉体验

微信的本能层设计,遵循“简约、干净、亲切”的原则,视觉设计简洁大方,色彩柔和,造型简约,让用户在看到微信的第一眼,就能够产生舒适、愉悦的情感。

首先,在色彩设计上,微信的主色调是绿色,绿色象征着自然、健康、和谐、亲切,能够缓解用户的视觉疲劳,传递温暖、舒适的情感,与微信“连接人与人、连接生活”的核心定位相契合;微信的界面背景,采用白色作为主背景,简洁干净,没有多余的装饰,让用户的视觉注意力能够集中在核心内容上,降低视觉负荷。

其次,在图标设计上,微信的图标设计简约大方,造型圆润,没有锋利的棱角,传递亲切、温和的情感。

比如,微信的启动图标,是一个绿色的对话气泡,气泡内有两个白色的小人,象征着“人与人的对话、人与人的连接”,简洁明了,又充满情感;微信内部的功能图标(如微信、通讯录、发现、我),设计简约,造型统一,色彩协调,让用户能够快速识别,同时也能够感受到视觉上的舒适。

再次,在动画设计上,微信的动画效果细腻、流畅,没有夸张的特效,却能够传递出亲切、自然的情感。

比如,微信的启动动画,是一个孤独的小人,望着蓝色的地球,这个动画虽然简单,却传递出“连接、陪伴”的情感——无论你身在何方,微信都能够让你与远方的亲人、朋友保持连接,不再孤独;

微信的消息提示动画,是一个简单的震动+气泡弹出,细腻柔和,既能够提醒用户有新消息,又不会打扰到用户,传递贴心的情感;微信的转账、红包动画,采用红色作为主色调,搭配简单的动画效果,传递喜庆、快乐的情感,契合中国人的情感习惯。

2. 行为层设计:流畅、易用、贴心,打造高效的交互体验

微信的行为层设计,遵循“流畅、易用、贴心”的原则,优化交互流程,简化操作步骤,提供及时的反馈,让用户在使用微信的过程中,能够快速上手、高效操作,感受到轻松、愉悦,避免产生烦躁、焦虑等负面情感。

首先,在交互流程设计上,微信的交互流程简洁清晰,没有复杂的操作步骤,用户能够快速找到自己需要的功能,完成相应的操作。

比如,发送消息的流程,只需点击联系人、输入文字、点击发送,三步即可完成,简单易用;转账、发红包的流程,也非常简洁,只需点击相应的功能、输入金额、确认发送,即可完成,让用户能够快速完成操作,节省时间。

其次,在功能设计上,微信的功能设计非常贴心,能够精准捕捉用户的使用场景与情感需求,解决用户的实际问题,同时传递温暖的情感。

比如:

微信的“语音消息”功能,允许用户发送语音,无需打字,既方便了那些不擅长打字、或者不方便打字的用户(如老人、开车的用户),又能够让用户感受到“面对面交流”的温暖,传递陪伴的情感;

微信的“视频通话”功能,支持实时视频,让用户能够与远方的亲人、朋友“见面”,缓解思念之情,传递连接的情感;

微信的“收藏”功能,允许用户收藏自己喜欢的文章、图片、视频、语音等,方便后续查看,传递“贴心、实用”的情感;微信的“免打扰”功能,允许用户设置免打扰时段,避免被消息打扰,尊重用户的个人空间,传递尊重的情感。

再次,在反馈设计上,微信的反馈设计及时、细腻,能够让用户清晰地知道自己的操作是否成功,传递安心的情感。比如,发送消息后,会显示“发送成功”的提示,同时消息气泡会变成灰色,让用户知道消息已经发送成功;

转账、发红包后,会显示“转账成功”“红包已发出”的提示,同时会有相应的动画反馈,让用户知道操作已经完成;

如果操作失败(如网络异常、金额错误),会显示清晰的错误提示,同时给出相应的解决方法,缓解用户的烦躁情绪,传递贴心的情感。

3. 反思层设计:连接、陪伴、共鸣,打造深度的情感认同

微信的反思层设计,核心是“连接、陪伴、共鸣”,通过赋予微信特定的意义、文化内涵,让用户在使用微信的过程中,能够感受到微信所传递的情感、价值观,从而产生深度的情感共鸣与心理认同,将微信视为自己生活中不可或缺的一部分。

首先,在社交互动设计上,微信通过多种方式,促进人与人之间的连接,传递陪伴、温暖的情感,让用户获得归属感。

比如,微信的“朋友圈”功能,允许用户分享自己的生活、心情、感悟,同时也能够查看好友的动态,点赞、评论,促进好友之间的互动与交流,让用户感受到“被关注、被重视”;

微信的“群聊”功能,允许用户创建群聊,邀请好友加入,方便好友之间的集体交流,传递“团圆、陪伴”的情感,比如,家庭群、同学群、同事群,让用户能够与自己关心的人保持紧密的联系,获得归属感;

微信的“拜年红包”“节日祝福”功能,契合中国人的节日情感习惯,让用户在节日期间,能够向亲人、朋友传递祝福,增进感情,传递温暖、喜庆的情感。

其次,在内容设计上,微信通过“公众号”“视频号”“小程序”等功能,为用户提供丰富、有价值的内容,同时传递积极、正向的价值观,让用户在使用微信的过程中,能够获得情感共鸣与精神满足。

比如:

  • 公众号的内容涵盖了生活、情感、职场、文化等多个领域,很多公众号的文章,能够戳中用户的内心,引发用户的情感共鸣;
  • 视频号的内容,简洁、真实、接地气,很多视频能够传递温暖、感动、快乐的情感,让用户在碎片化的时间里,获得情感的慰藉;
  • 小程序的内容,涵盖了生活服务、娱乐、办公等多个领域,方便用户的日常生活,让用户感受到微信的价值,产生心理认同。

再次,在品牌传递上,微信的品牌定位是“连接人与人,连接人与生活”,通过多年的情感化设计与品牌传播,微信已经成为“连接”“陪伴”的象征,让用户在使用微信的过程中,能够感受到微信所传递的“温暖、连接、包容”的价值观,从而产生深度的品牌认同。

比如:

微信的广告语“微信,是一个生活方式”,传递了微信与用户生活的深度融合,让用户意识到,微信不仅仅是一个社交工具,更是自己生活的一部分,是陪伴自己的伙伴;

微信的公益活动(如微信公益、腾讯公益),传递了社会责任与爱心,让用户在使用微信的过程中,能够感受到自己的价值,产生自豪感与认同感。

案例总结

微信的情感化设计,是本能层、行为层、反思层三者完美结合的典范。

  • 本能层的简约、亲切的视觉设计,吸引用户的注意力,引发用户的初步情感反应;
  • 行为层的流畅、易用、贴心的交互设计,留住用户,让用户获得良好的使用体验;
  • 反思层的连接、陪伴、共鸣的内容与品牌设计,建立用户忠诚度,让用户与微信产生深度共鸣。

微信的成功,证明了情感化设计的价值——好的情感化设计,能够让产品超越工具属性,成为用户生活的伙伴,建立强大的用户忠诚度,实现商业价值与情感价值的双赢。

2.1.2 案例二:网易云音乐——以情感共鸣打造差异化竞争优势

网易云音乐,作为国内最具代表性的音乐APP之一,在激烈的市场竞争中,脱颖而出,拥有大量的忠实用户,其核心竞争力,并不是强大的曲库(与QQ音乐、酷狗音乐相比,曲库并没有绝对优势),而是其独特的情感化设计——网易云音乐以“情感”为核心,打造了“陪伴、理解、共鸣”的产品氛围,让用户在使用音乐的过程中,能够找到情感的慰藉,产生深度的情感共鸣,从而建立了强烈的用户忠诚度。

1. 本能层设计:文艺、简约、有质感,打造沉浸式的视觉体验网易云音乐的本能层设计,遵循“文艺、简约、有质感”的原则,视觉设计充满文艺气息,色彩柔和,造型简约,能够让用户在使用过程中,感受到舒适、放松,快速进入音乐的氛围中。

首先,在色彩设计上,网易云音乐的主色调是红色,红色象征着热情、温暖、情感,与网易云音乐“情感共鸣”的核心定位相契合;网易云音乐的界面背景,采用深色作为主背景(夜间模式)或浅色作为主背景(日间模式),深色背景能够营造沉浸式的音乐氛围,让用户的注意力集中在音乐上,浅色背景则简洁干净,缓解视觉疲劳;界面中的文字、图标,色彩协调,对比清晰,既保证了视觉的美观,又保证了可读性。

在图标设计上,网易云音乐的图标设计简约、有质感,充满文艺气息。比如,网易云音乐的启动图标,是一个红色的唱片,唱片上有白色的音符,象征着音乐、情感,简约而有质感,能够快速传递产品的核心定位;网易云音乐内部的功能图标(如发现、我的、云村、视频),设计简约,造型统一,色彩协调,充满文艺气息,让用户能够快速识别,同时也能够感受到视觉上的舒适。

在动画设计上,网易云音乐的动画效果细腻、流畅,充满情感,能够增强产品的沉浸感与情感传递。

比如,网易云音乐的播放界面,唱片会随着音乐的播放而旋转,旋转的速度与音乐的节奏相契合,让用户能够直观地感受到音乐的韵律,增强沉浸感;

网易云音乐的切换歌曲动画,简洁流畅,没有多余的特效,却能够传递出自然、舒适的情感;

网易云音乐的“心动模式”动画,采用红色的爱心作为核心元素,搭配细腻的动画效果,传递温暖、浪漫的情感,契合用户的情感需求。

2. 行为层设计:流畅、易用、贴心,打造个性化的音乐体验

网易云音乐的行为层设计,遵循“流畅、易用、贴心”的原则,优化交互流程,简化操作步骤,提供个性化的功能与反馈,让用户在使用音乐的过程中,能够快速上手、高效操作,获得个性化、舒适的音乐体验。

首先,在交互流程设计上,网易云音乐的交互流程简洁清晰,没有复杂的操作步骤,用户能够快速找到自己需要的功能,完成相应的操作。比如,搜索歌曲的流程,只需点击搜索框、输入歌曲名称、点击搜索,三步即可完成,简单易用;播放歌曲的流程,只需点击歌曲名称,即可开始播放,同时,播放界面的操作按钮(暂停、播放、上一首、下一首、音量调节)布局合理,操作便捷,让用户能够快速调整播放状态。

在功能设计上,网易云音乐的功能设计非常贴心,能够精准捕捉用户的音乐需求与情感需求,提供个性化的音乐服务,传递温暖、贴心的情感。

比如,网易云音乐的“每日推荐”功能,通过大数据分析用户的听歌习惯、情感偏好,为用户推荐符合自己口味的歌曲,每天推荐的歌曲都不一样,让用户感受到“被理解、被重视”,传递陪伴的情感;

网易云音乐的“私人FM”功能,根据用户的听歌习惯,自动播放歌曲,无需用户手动操作,让用户能够轻松享受音乐,缓解疲劳,传递贴心的情感;

网易云音乐的“心动模式”功能,能够根据用户喜欢的歌曲,推荐相似风格的歌曲,同时,点击爱心按钮,即可收藏歌曲,传递浪漫、温暖的情感;

网易云音乐的“歌词翻译”“歌词滚动”功能,让用户能够更好地理解歌曲的含义,享受音乐的魅力,传递贴心的情感。

在反馈设计上,网易云音乐的反馈设计及时、细腻,充满情感,能够让用户清晰地知道自己的操作是否成功,同时感受到温暖、贴心的情感。

比如,收藏歌曲后,会显示“已收藏”的提示,同时爱心图标会变成红色,让用户知道歌曲已经收藏成功;下载歌曲后,会显示“下载成功”的提示,让用户知道歌曲已经下载完成;

如果操作失败(如网络异常、歌曲无法播放),会显示清晰的错误提示,同时给出相应的解决方法,缓解用户的烦躁情绪,传递贴心的情感;

此外,网易云音乐的播放反馈,会根据音乐的节奏,显示相应的歌词滚动与唱片旋转,让用户能够直观地感受到音乐的韵律,增强沉浸感与情感体验。

3. 反思层设计:共鸣、陪伴、认同,打造有温度的音乐社区

网易云音乐的反思层设计,是其情感化设计的核心,也是其差异化竞争的关键。

网易云音乐通过打造“云村”社区、“热评文化”等,让用户在使用音乐的过程中,能够找到情感的共鸣,获得陪伴与理解,从而产生深度的情感认同与品牌忠诚度。

首先,在“热评文化”设计上,网易云音乐的“热评”是其最具代表性的情感化设计,也是用户情感共鸣的核心载体。

每一首歌曲的评论区,都有大量的用户留言,这些留言,有的是用户的心情感悟、有的是用户的故事、有的是用户的思念与祝福,真实而真挚,能够戳中用户的内心,引发用户的情感共鸣。

比如,很多用户在听到伤感的歌曲时,会在评论区留言自己的伤心事,其他用户会在评论区安慰、鼓励,形成一种“相互陪伴、相互理解”的氛围;很多用户在听到温暖的歌曲时,会在评论区留言自己的幸福事,分享自己的快乐,让其他用户也能够感受到快乐。

网易云音乐的“热评”设计,不仅让用户能够表达自己的情感,还能够让用户找到志同道合的人,获得归属感与陪伴感。

此外,网易云音乐还会将优质的热评,展示在歌曲的播放界面,让更多的用户看到,引发更多的情感共鸣;同时,网易云音乐还会举办“热评征集”活动,鼓励用户留言,进一步强化“热评文化”,传递陪伴、理解、共鸣的情感。

其次,在“云村”社区设计上,网易云音乐打造了“云村”社区,让用户能够围绕音乐,进行更深入的社交互动,传递陪伴、共鸣的情感。

“云村”社区涵盖了“动态、Mlog、歌单、话题”等多个板块,用户可以在“云村”发布自己的动态、Mlog,分享自己的音乐感悟、生活故事;可以创建歌单,分享自己喜欢的歌曲,与其他用户交流音乐心得;可以参与话题讨论,围绕音乐、情感等话题,与其他用户交流互动,找到志同道合的人,获得归属感。

比如,“云村”的“每日话题”,每天都会推出一个与情感、音乐相关的话题(如“你听过最治愈的一首歌”“用一首歌形容你的今天”),鼓励用户参与讨论,分享自己的故事与感悟,引发用户的共鸣。

转载:人人都是产品经理

 

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

 

image.png

为什么国内的UI设计比国外复杂?兰亭妙微UI设计公司总结了3个深层原因

清阳 行业趋势

在接触和学习 UI 设计的时候,我们都必须面对国内外 UI 设计风格差异巨大的问题。比如最近 618,相信大家没少被国产应用的广告“亲切的”问候。

image.png

一方面是寻找设计灵感时要做区分,另一方面则是我们学习 UI 时看的书籍,学习的理论、规范,都是由西方国家产出的,而国内设计的方向却和它们背道而驰,用一个词来形容现状,那就是 —— 割裂。

所以在初学阶段,理论学的越多,受到的冲击也就越大,疑问也就越多。所以我们今天的目标,就是来帮大家解答这个疑问。

 

一、设计差异的根源分析

当我们研究国内外 UI 设计的差异时,样式上的差异只是表象,它们是由更深层次的因素所激发,所以我们首先要深究这些问题的根源。

根据过去十几年的 UI 研究经验,我总结的设计差异包含下面这些因素:

  1. 盈利模式的差异
  2. 人工成本的差异
  3. 用户习惯的差异

1. 盈利模式的差异

国外产品相对国内的盈利模式相对简单、健康,排除掉大型平台和其它服务配套应用外(比如会员、硬件的配套),基本就是买断、订阅、广告这三个途径。

比如我们熟悉的 Figma、Canva、Notion 等,都是订阅制服务,在产品具备足够竞争力的条件下发展出海量的付费用户,获得巨大的收益和估值(团队只有一两百人时估值过百亿刀)。既然做好产品就能盈利,那这些产品的目标自然是打造更好的产品和提供更好的服务或体验来获得收益。

image.png

 

 

而国内市场我们都知道,用户付费的意愿是非常非常低的,这就导致很多产品即使做的还不错也看不到盈利希望,尤其是大厂产品,比如迅雷,百度网盘,网易云等等。

image.png

靠基础付费模式做不出让人满意的营收,产品团队自然要使出浑身解数来找到盈利点,不管是增加一些奇怪的功能,还是制造各种营销活动。而这些尝试想要获得持续的盈利是非常困难的,所以就得一直想,一直尝试,一直投放。

虽然吃相往往看上去很难看,但不这么做就会“暴毙”,而这么做至少还可以“苟延残喘”,为了生存和盈利,产品团队做出什么离奇的操作都能做出来。

这里还要澄清一点,有很多优秀的工具产品不是国内做不出来,是做出来也很难盈利,所以有能力的团队和开发者是不会轻易往火坑里跳的。

2. 人工成本的差异

第二点就是国内外人工成本上的巨大差异,发达国家的人工成本非常高昂,不只局限在产品开发团队的成本,还包括底层运营、客服、销售、业务员、快递员等等。

而产品的衍生业务往往要借助大量的底层劳力,比如京东做外卖服务,得有充沛的、廉价的骑手作为依托才办得起来,而这在发达西方国家是难以想象的。比如最近经常讨论的为什么日本线下购物市场还很繁荣,线上发展不起来。主要原因之一就是快递员的成本差了好几倍,做不出即廉价又便捷的网购体验。

image.png

加上西方国家对雇佣关系的保护,招人容易,裁员可就没有那么简单,所以多数产品团队对扩张都持非常谨慎的态度。人数少,又不能轻易搞 996,就大大限制了产品作妖的范围,这就直接导致他们没有人力做一大堆次要功能的迭代以及运营活动,设计需求自然也会低很多。

3. 用户习惯的差异

最后一点,就是用户习惯的差异。除了前面说的付费意愿低以外,还有很多其它因素。其中在我看来影响最大的因素,就是国内用户对互联网的依赖是远高于国外用户的。

国内的移动互联网行业爆发并不仅仅是局限在互联网行业里,而是把触手拓展到各行各业,用赢学的角度来讲甚至它还大幅度完善了政府基建和民生服务。我们今天缴纳水电费,办理银行卡通过线上就能完成,而很多发达国家甚至到今天还要你去营业厅手写填表。

并且互联网产品已经成为我们购物、娱乐的重要载体,大量的决策、交易、娱乐是在上面进行的。既然用户习惯和粘性都成型了,离不开这些产品了,那么“适当损害”一下用户体验也不是不可以。尤其是大厂各类离奇的功能和运营活动可以轮番轰炸用户,同时把用户对这类负面操作的耐受度都拉高了。

image.png

既然用户都适应了,那么为什么还要“装清高”,做个简约的、有原则的、有尊严的产品?当然是加入到运营的狂欢里和其它产品一起压榨用户的注意力,像孔雀开屏一样,在最鸡肋的器官上比划……

以上三点,就是造成国内外设计差异的根本因素。最早国内产品的设计是和国外看齐的,但随着市场的反馈和验证,我们最终走出了自己的道路。这是商业的选择,而不是简单归因给审美、民族、文化、消费力的限制。

不管创业者抱着什么样的想法,进入这个牌桌以后,最终都会被市场调教成相同的模样。

作为 UI 设计师来说,也不要认为这是错误的发展方向,因为这种模式大大增加了 UI 设计的需求量,间接提供了更多的饭碗。如果产品都按欧美的模式发展和设计,那对于国内 UI 设计行业来说真正的天塌了,设计岗位会锐减 8 成以上,而这是 AI 设计根本实现不了的破坏力。

二、国内外 UI 的具体差异

有了内因,下面再对国内外 UI 设计的具体差异做对应的拆解,帮助大家更好理解国内市场的设计特征。

1. 中英文字形排版差异

第一个差异,就是中英文的字体形态差异。中文文字是方块化等宽的,而英文字母则是大小长短不一,词组长度更长,节奏感更强。所以英文设计中,往往会将字体作为一部分融入到排版中,丰富视觉观感。

image.png

image.png

而中文设计中文字的节奏感较弱,文本的主要作用基本就是传递信息,所以只用中文排版很难出现英文的相同效果,就会促使设计师添加更多的内容,来丰富界面的效果。

image.png

2. 运营需求的平面视觉

第二个差异,就是运营设计上的差异。欧美产品中运营活动不是没有,但是数量少,而且往往在设计上也做的很随意,说好听点叫简约,说难听点就是敷衍。

image.png

而国内运营活动数量多,且投入精力更大,运营的设计是没有限制的,可以用上广告平面的所有视觉手段,不管是插画还是 3D、AI、拟物、摄影。大团队往往会配置平面设计师完成这部分工作,小公司就要 UI 设计师自己负责,所以没有固定的设计要求,水平之间差距也巨大。

image.png

运营设计的差异,源自国内广告设计方向的特色,从早年追求隐喻、创意的合成设计,到现在追求视觉冲击力的大标题、大色块设计。

而国内运营设计在今天绝不只出现在一般广告位中,会见缝插针到所有元素中,比如页面顶部、二楼、胶囊、图标区、瓷片区、底部导航等等。

image.png

3. 字段和信息数量差异

国内有大量产品的功能和服务都更完善,这也就催生了更多的信息量和交互需求,单一页面、组件的信息量、交互、状态就远远比国外产品多。

image.png

这就导致我们在设计时要考虑这些复杂的情况,需要设计师做具体的业务分析整理字段,还需要做大量的稿件做测试和评审。

不像国外很多简单的产品内容就那么点,可以花大量精力去搞用研或者测试,在这种情况下光是完成产品需求就很困难,更遑论围绕那么海量的内容做用研也是很麻烦的。

所以国内团队虽然会强调体验,但实际设计过程中必然业务优先,体验更多是围绕业务的优化和改进。所以作品集表现上业务的权重是非常高的,绝对不是学习国外的项目包装逻辑堆砌体验和用研内容。

4. 品牌视觉特征的差异

在国内激烈的竞争环境中,建立品牌化的视觉感知就是每个产品都要认真对待的事情。但本身产品内容、信息量就已经很大了,要实现品牌化的视觉输出就没办法走传统品牌的“意识流”路线,使用简单的配色和大量的留白。

image.png

同时,UI 的组件样式又高度统一,使用常规样式完成的设计是很难塑造品牌化视觉的。所以最终的解决方案,就是给组件增加更多样式细节,通过局部的创意来塑造视觉上的差异,同时再和其它应用做出区分。

image.png

于是,主流产品就陷入这种样式上的竞赛,非常高频的更新组件和视觉的设计,希望做出和别人不同的设计同时又有自己的特点。

这种现状不能说是消极的,因为它确实推动了整个 UI 行业视觉的发展,但对 UI 设计师的视觉素养要求也就更高。所以今天国内的中高级 UI 设计师,转入国外 UI 市场以后都能实现降维打击,就是因为市场的要求对自身的磨练远比外部市场高。

基于以上的差异,可以说在国内做 UI 和和在国外做 UI 是两种难度,要学习和训练的方式也完全不同。作为 UI 设计师要懂得理解背后的成因,并不会无脑迷信国外的设计要求和标准,才可以帮助我们更好融入真实的工作。

结尾

结尾再说点有趣的问题,从我们之前学员到国外工作的反馈来看,虽然国内设计容易被嫌弃,但是从设计质量和输出上已经远超欧美的平均水平。

而他们的设计师多数还在划水搞一些无关痛痒的体验和用研时,我们在解决更复杂的商业问题,如果有机会,建议你们也可以去卷国外的 UI,会有你们想象不到的优势。

转载:优设

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

 

image.png

兰亭妙微UI设计:UI/UX设计师怎么选AI工具?

之晨 行业趋势

一、AI产品应该如何选择

现在 AI 产品这么多,作为 UIUX 设计师,我到底应该使用哪一款?

Figma Make、Gemini、Claude Code、Codex,每一款产品看上去都能生成内容、写代码、做页面。

但真正深度使用过后,你会发现:它们擅长解决的问题并不相同。

兰亭妙微UI设计:今天,我们就站在 UIUX 设计师的真实工作流程中,聊聊每一款产品的能力边界,以及究竟应该如何选择。AI 产品更新很快,后续能力仍然会不断变化。

二、先别急着选工具

在对比之前,我们需要先明确一件事:

AI 产品不是功能越多越好,而是要看它能否进入你的真实工作流程。

比如,我要写一篇公众号文章、整理用户访谈,这和我要搭建一个复杂的页面 Demo,完全是两种任务。

如果没有理解差别,我们就很容易陷入一个误区:

今天看到别人用 Claude Code,我就去折腾 Claude Code;明天发现 Figma Make 更新了,又把所有流程搬回 Figma。

工具收藏了一堆,最后真正工作时依旧不知道应该打开哪一个。

那对于 UIUX 设计师而言,我们应该重点关注哪些问题?

  1. 它最擅长解决什么任务?
  2. 使用门槛高不高?
  3. 我需要提供多少信息,它才能理解需求?
  4. 输出的是文案、原型、代码,还是完整工作流?
  5. 结果不满意时,能否快速修改?
  6. 它能否与 Figma、浏览器和其他软件进行协作?

接下来,我们逐个拆解。

三、Figma Make:最容易上手的原生设计入口

如果你本身就在使用 Figma,又不想折腾复杂配置,那么 Figma Make 应该是最容易开始的工具。

它最大的优势在于:距离设计师原本的工作环境足够近。

你只需要在 Figma Make 中通过对话,就可以创建交互原型、Web 页面和功能 Demo。

同时,它支持将现有设计稿、竞品截图、产品文档和图片素材作为参考内容。比如,你可以丢给它一张竞品截图,让它参考页面布局、颜色和内容结构,生成一个相近的页面。

image.png

如果公司已经有相对成熟的设计系统,还可以通过 Make Kits 引入组件、变量、样式和使用规则,让生成结果更接近团队规范。

不过,这里大家需要留意:

接入设计系统,不代表生成结果一定正确。

特别是复杂业务页面,仍然需要设计师反复检查信息结构、组件使用和交互逻辑。竞品截图也只能作为参考,并不等于可以像素级还原。

这里稍微多说一点,现如今很多设计师都非常依赖 AI 工具,根本不用自己去做设计,但从来没有思考过 AI 生成的结果是否正确。比如今天有同学来咨询一个小的问题,在AI生成的页面中,他没有做任何的思考,直接使用结果导致提案失败,所以我们现在是需要具备判断能力的。

所以,Figma Make 更适合:

  1. 已经深度使用 Figma 的设计师
  2. 需要快速验证页面想法
  3. 希望低门槛生成交互原型
  4. 暂时不想学习复杂代码工具

四、Gemini:更适合资料理解与表达润色

在我的日常使用中,Gemini 更多承担的是“内容助手”的角色。

它支持较长的上下文,也具备文本、图片、音频和视频等多模态理解能力。

因此,无论是阅读行业报告、分析竞品资料、整理访谈记录,还是拆解一段视频内容,它都非常合适。

image.png

在我自己的工作流里,无论是视频文案、公众号文章,还是课程资料,我都会使用 Gemini 做初步整理和润色。

从个人体验来看,它在表达层面会更自然一些,也更适合处理较长的文本内容。

不过,如果你的目标是直接修改 Figma 页面,或者搭建一套完整的设计工程化流程,它并不是第一选择。

Gemini 更适合:

  1. 阅读和总结大量资料
  2. 梳理用户访谈与竞品信息
  3. 润色报告、方案和 PRD
  4. 生成公众号文章与视频脚本

五、Claude Code:复杂工程逻辑的稳定选手

Claude Code 的定位相对明确:

它首先是一款面向工程任务的代码智能体。

如果你需要理解复杂项目、梳理代码结构、定位 Bug,或者将一个页面 Demo 做得更加稳定,那么 Claude Code 会是非常不错的选择。

它能够读取项目文件、执行命令、修改代码,也可以通过 MCP 连接 Figma、Google Drive、Slack 等外部工具。

所以,Claude Code 并不是不能接入 Figma,而是它的重心依旧偏向工程实现。

image.png

在我的使用体验中,如果任务涉及复杂代码逻辑、项目级修改和稳定落地,我会优先考虑 Claude Code。

但如果目标是生成图片素材、调整视觉风格,或者希望在设计工具之间快速往返,它就不是我的第一选择。

Claude Code 更适合:

  1. 需要处理复杂工程逻辑
  2. 希望深入理解项目结构
  3. 关注代码质量和稳定性
  4. 已经具备一定工程基础

六、Codex:串联设计师的完整 AI 工作流

最后,我们来聊聊 Codex。

目前在日常辅导中,我更建议 UIUX 设计师重点尝试 Codex。

原因不是它在每一个单点能力上都绝对领先,而是:

它能够把设计师原本割裂的工作流程串联起来。

首先,Codex 可以通过 Figma MCP 读取组件、变量、布局和设计上下文,也可以将代码页面重新传回 Figma,生成可编辑的设计图层。

这就意味着,设计稿与真实页面之间不再是单向交付,而是能够反复往返。

image.png

其次,Codex 支持图片生成和迭代修改。

比如页面缺少图标、插画、背景图或者产品素材,你可以直接让它生成,再根据页面效果反复调整。

然后,它还支持 Computer Use、应用内浏览器和插件。

这就让设计师可以进一步串联:

需求梳理 -> 页面生成 -> 素材补充 -> 浏览器验证 -> 设计走查 -> 继续优化

比如我们之前讲过的设计验收,就可以让 Codex 通过浏览器查看真实页面,再对照设计稿检查问题。

当然,功能多也意味着使用时需要先想清楚任务。

Codex 并不是一个“一句话解决所有问题”的魔法工具。你依旧需要明确自己的目标,逐步搭建适合自己的工作流。

Codex 更适合:

  1. 希望从想法快速推进到可运行 Demo
  2. 需要设计、代码和素材协同
  3. 想搭建设计验收与自动化流程
  4. 希望逐步掌握 Vibe Coding

七、究竟应该如何选择?

如果你只是想快速生成原型,可以优先使用 Figma Make。

如果你需要整理资料、理解长文本和润色表达,可以优先使用 Gemini。

如果你要处理复杂代码和工程逻辑,可以使用 Claude Code。

如果你希望进一步串联设计、代码、素材和验收流程,可以重点尝试 Codex。

image.png

八、写在最后

其实在我看来,设计师不需要强行选择唯一一款 AI 产品。

我自己更常用的方式是:

  1. 用 Gemini 梳理内容和表达
  2. 用 Figma Make 快速验证原生设计想法
  3. 用 Codex 串联完整工作流
  4. 遇到复杂工程问题,再使用 Claude Code 深入处理

工具永远会不断更新。

我们真正需要掌握的,不是某一个软件的固定操作,而是理解它们的能力边界。

当你面对一个新任务时,能够快速判断应该使用什么工具,把想法真正落地,这才是 AI 带给 UIUX 设计师最重要的价值。

转载自优设网

 

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

 

image.png

如何提升UI设计的高级感

清阳 行业趋势

在互联网产品日趋成熟的今天,你会发现所有的App越来越像,似乎是同一套模版设计出来的产品;而这种普适化的设计会导致同质化严重,使得设计不精致,产品没有气质和品牌感。

一个App设计是否精致,是否富有设计感,在于它的细节,这就意味着我们在进行设计的时候,要从细微之处着手,从多方面去钻研如何创造出打动人心的UI设计。

兰亭妙微UI设计公司,总结了12个简单直观的提升设计感的小细节,一起来学习。

一、使用颜色深浅构建层次结构

在对UI 文本进行样式控制的时候,最常见的错误莫过于过度依赖字体大小差异来营造对比;单纯使用字体大小对比,所营造的对比并不够,尝试结合色彩和字重来营造更好的对比效果。

每种颜色都有一个视觉权重,这有助于在内容中建立层次结构;通过使用颜色的深浅,为元素赋予不同的重要性。

如果可以的话,你甚至可以采用两到三种颜色:

  • 主要内容使用深灰色(诸如标题,但是不要用纯黑);
  • 次要内容使用灰色(比如商品介绍);
  • 辅助性内容采用浅灰色(比如发布日期);

类似的,在UI设计的时候,通常两种不同的字重足以营造出优秀的层次感:

  • 大多数的文本采用正常的字重(400到500,具体取决于字体);
  • 对于需要强调的文字采用较重的字重(600到700,具体取决于字体);

▲主标题字重为600,其他标绿点的文字字重都为400

应当尽量不要让正文部分字重低于400,因为这一部分字体本身尺寸已经较小,低于400会使得可读性不佳。

如果你依然需要降低字重,那么不妨让字体色彩更浅一点,或者替换成其他识别度较强、字重相对较小的字体。

灰色文字在无彩/彩色背景下要分开处理:

不要在有色背景上使用灰色的文本,在白色背景下,将黑色的文本改成灰色(或者在黑色背景下使用灰色文本),是不错的淡化其视觉效果的做法。

但是在彩色背景下,想要降低和背景色之间的对比,通常有两种方法:

一是降低白色文本的不透明度;二是让文本逐步接近背景色,而不是改为灰色。

▲左图设计师职位信息为白色文字降低不透明度,右图为和背景同色相高明度的颜色

其次当涉及长篇内容时,大面积的深色粗体字会给人一种沉重感,而且很跳跃;通过选择类似深灰色(#4F4F4F)这样的颜色可以很容易地解决这个问题,使文字更容易被识别。

二、统一色调

选择一种基础色,再调整色调和颜色深浅来增加均衡;设计时避免用过多的颜色。如果项目允许,只需使用固定的色板,通过调整基础色的饱和度和明度,利用这种简单的方式为设计增加一致性。

三、干净的阴影

阴影是UI设计中最常见的视觉表现手法,它可以增加元素的深度,使其从背景中脱颖而出,引起用户的注意力,同时也能增强画面的视觉层次感。

相比于采用大范围的扩散模糊阴影,使用微妙的垂直偏移阴影效果更明显,更自然,它模拟了最常见的光源特征,光线从上往下照下来所营造的阴影效果。

这种轻柔的阴影呈现出的干净,增加了画面的精致;如果阴影的范围太小或颜色太深,位置也没有偏移,而是聚集在元素的四周,就会让画面更加扁平,让视觉变得厚重,呈现出不精致的画面感。

阴影不一定是黑色的,还有一种扩算阴影是模拟元素本身的颜色投射在背景上,由于阴影与元素的色调一致,因此呈现出十分融洽的画面感。

在UI设计中,这种手法不宜过多使用,否则呈现出的各种色彩搭配会让人眼花缭乱。

四、个性的图标设计

合格的设计师能够绘制风格统一的图标,而优秀的设计师能够创造风格独特的图标。

我们能否在追求大小一致,圆角一致,线宽一致和配色一致的同时,为它的视觉表现力加入更多的创意呢?例如下面这组图标设计,无论是在图形上的创新,还是颜色搭配上都呈现出无与伦比的创意。

标签栏作为一个App的全局导航起着至关重要的作用,它的设计影响着整个产品的视觉风格。

通常,大多数App都是使用iOS规范的设计样式(默认灰色,选中填充品牌色),这样的设计太普通,太常见了;要想让标签栏图标设计精致和富有个性,可以丰富每一个选中态图标的视觉表现,例如给图标加上背景和表情,即显得生动有趣,又增加了用户的好感,给人留下深刻的印象。

3D立体图标设计是近几年来的流行趋势,看上去十分精致、华丽,但是看久了会让人产生轻微的视觉疲劳,同时因其复杂的结构会增加用户的认知成本,一般在外卖美食类应用中比较常见。

五、Tab的设计感

Tab是App设计中最常见的控件之一,它源自Material Design的设计规范;现在很多iOS产品当中也开始使用这种导航栏样式来进行设计,而原本属于iOS规范当中的分段选择器变得不那么常见了。

在视觉表现形式上,Tab和标签栏同样也分为选中态和未选态,它的设计较为简单,通常是使用一组文字标签,通过颜色或在标签下加上小长条来区分两者的状态;因为它简单,却越难设计出彩,要发挥极大的设计想象力,跳脱出设计规范的限制,才能找到完美的方案。

例如虾米音乐的Tab选中态是一段音频波线,再配合文字的大小对比,一个富有设计感又符合产品特征的Tabs就被创造出来了。

我们还可以从品牌基因中获取灵感,品牌作为用户熟知的形象是个绝佳的来源。

从品牌形象中提取具有独特气质的视觉富豪作为Tab选中态的小长条,这样就建立起视觉上的联系,让用户产生由内而外的一致感受;例如马蜂窝品牌形象中的微笑符号和飞猪旅行品牌形象中的猪头都被延伸到Tab的设计上,既让界面视觉独一无二,又进一步强化了用户对品牌形象的认知。

六、无框设计 去繁从简

在UI设计中,有许多的装饰元素,如卡片的边框、列表的分割线等,虽然边框,分割线是分隔两个元素的好办法,但是它不是唯一的方法;使用过多会让整个布局的设计感降低,或多或少都会干扰用户浏览的视线,让信息内容失去注意力,因此可以减少不必要的装饰元素。

我们可以通过以下几个方法来划分元素的视觉层次,让画面变得干净,整齐:

1)使用阴影

阴影同样可以营造出边界感,而且相比边框分割线更加微妙,并不会显得突兀,不会分散用户的注意力,让内容更聚焦。

2)使用不同的背景色来区分

通常,相邻的元素背景只需要有微妙的差别就能够让人对他们进行区分;所以,你所需要做的就是在不同的区块采用不同的背景色,并且尝试删除分割线,因为你根本不需要它。

3)增加额外的留白

创建元素之间的分离效果,并不一定要通过线框来表现,只要增加留白,让它们分隔开就行了,通过留白和间距来实现元素分组是UI设计中的常用手法。

七、统一设计元素

在App中的每一个界面都有许多元素,那些同类的元素应保持统一的设计样式。

通常个人中心的标签栏图标是一个人形剪影,它代表着用户,因此可以在展示用户头像和用户形象的界面中延续使用。

如果图形拥有独特的外观,如椭圆矩形,也可以作为视觉符号的一种,延续到其他界面中,成为图形或按钮的外观;这样,整个界面就被统一的设计元素联系起来了,给用户始终如一的一致感。

八、符合产品气质的字体

选择符合产品气质的字体,可以与产品的定位相吻合,传递给用户正确的情感意识。

虽然默认字体可以满足大多数App 的设计需求,但会出现一个问题就是——系统字体的普适性并没有什么特色,在一些特定的情境下就显得收效甚微;例如在运动类App中更适合粗壮的斜体来传递力量、爆发力、速度的感觉,换成系统字体后,整体感觉在气势上就变弱了很多。

九、第三方图标风格统一

大多数App都支持三方登陆,他可以减轻用户注册的时间成本。

通常是在注册登陆页的底部展示第三方图标入口,这也是设计师最常忽略的内容,往往是直接将第三方图标调整一致大小和摆放整齐位置,没有针对它们再设计;一个设计精致的App不应漏过任何的细节,我们可以以自家App的图标风格为依据,对第三方图标进行优化设计。

十、图片中寻找色彩

App中优美的图文设计,能带给用户如沐春风的视觉享受,它非常重要。我们经常看到文字叠加在图片背景上的设计样式;为了减少复杂图片背景对文字的干扰,通常的做法是叠加半透明度的黑色蒙版,让白色文字清晰可见,但这不是最优的办法。

我们可以从图片中提取主色调用于叠加背景的填充色,这样就使文字、色块和图片融入到一起了,画面变得高级和富有设计感。

十一、提高图片质量

图片的质量影响着整个App的格调和用户的情绪,高品质的图片给人愉悦的视觉享受,产生美好的联想;而低品质的图片会瞬间拉低App的质感。

在App设计中,一张漂亮的图片从收集到上线,需要经过裁剪,调色等过程才能被使用;即使是普通的商品图片,我们将它抠图后调整成统一大小,再加上干净的背景,就能立刻提升商品的美感,界面视觉也会变得美观、整洁。

十二、卡片式设计

现在的UI界面设计中,卡片式设计已经是一种非常常见的设计形式,它有利于信息分层和整合,划分出更加清晰的组织结构,实现复杂内容的简化处理,提高空间利用率;同时卡片式设计通常很依赖视觉元素,很强的视觉元素正是卡片式设计的一种优势,也是提升设计品质感的良方。

 

 

转载:人人都是产品经理

 

 

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

 

image.png

 

设计的新趋势:用好有效摩擦,拒绝无效麻烦

清阳 行业趋势

导语

过去二十年,互联网设计的共识是极致去摩擦:缩短注册步骤、精简操作链路、抹平交互门槛,高效顺滑成为体验标配。但随着全行业体验同质化、用户划走即遗忘,Burberry 慢镜头广告、Apple Liquid Glass 拟物玻璃界面、CCD 胶片回潮等现象,正在推翻单一的效率逻辑:刻意设计的良性摩擦≠恶意制造使用麻烦。在 AI 批量产出标准化内容的当下,合理的摩擦是品牌打造记忆锚点、加深用户参与的关键抓手。

一、无摩擦从行业进步,沦为同质化枷锁

早年去摩擦设计切实解决商业痛点:电商优化支付路径降低下单流失、出行打通一键叫车闭环、软件简化学习成本,效率优化实实在在提升转化。

image.png

但当全产品模板趋同:统一卡片布局、同质化滑动交互、算法自动连播,极致顺滑催生三大问题:
  1. 用户流失无记忆:页面一键划过、用完即走,品牌无法在用户心智留存印记;
  2. 感官同质化贫瘠:界面去掉材质、纹理、层次,所有产品只剩扁平标准化外壳,丢失独特氛围感;
  3. 体验缺少实感:全程零等待、零操作、零选择,用户从 “主动使用产品” 沦为被动接收信息流。
设计学者 Luna Maurer 与 Roel Wouters 在《Designing Friction》提出:体验摩擦(Resistance)是人与物品间的触感、温度、行动参与阻力,不等于系统故障带来的额外负担,全盘消灭阻力,本质是抹杀用户真实参与的可能性 —— 人无法只依靠效率完成情感消费。

二、摩擦二分法:坏摩擦消耗耐心,好摩擦沉淀体验

image.png

所有额外耗时的操作分两类,核心判定标准:用户付出的时间,是否对应情绪、体验、拥有感回报

1. 负面坏摩擦(需彻底剔除)

image.png

源于产品设计疏漏、系统缺陷,用户被迫替产品漏洞买单,全程无任何收益:验证码反复失效、APP 跨端无序跳转、入口层级混乱、无理由超长排队、规则刻意晦涩难懂。
 
Maya Kronic 提出的jankspace精准概括这类痛点:产品对外宣传全链路无缝自动化,实际使用却要在账号、支付、文件、权限间反复跳转,消耗用户耐心却毫无体验增益,属于设计失误带来的无效负担。

2. 正向好摩擦(可主动设计)

通过仪式、探索、参与类步骤,把效率损耗转化成体验价值,用户清楚付出的目的:
  • 仪式摩擦:黑胶拆封上针、相机装胶卷、演出排队入场、新品拆盒;
  • 探索摩擦:线下逛街随手摸面料、货架偶遇算法未推荐的单品、钻研桌游规则;
消费心理学宜家效应佐证:用户亲手投入步骤完成事物后,会自发抬高产品价值;动手参与的沉没成本,最终转化为情感与记忆沉淀。
表格
 
 
 
摩擦分类 用户体感 典型场景 设计决策
坏摩擦 被迫填坑、烦躁流失 重复登录、错乱跳转、无效排队 全盘删除优化
交易必要摩擦 安全感确认 支付二次核验、隐私授权 精简话术、保留必要步骤
仪式型好摩擦 沉浸场景、充满期待 开箱、线下试穿、集章打卡 结构化设计,配套情绪回报
记忆型好摩擦 愿意投入时间、加深印象 长内容观看、线下展览动线、手作 DIY 设计体验峰值
核心结论:用户不排斥多走一步,只反感「不知道为什么多走一步」的无用折腾。

三、AI 时代,实体服务业靠 “人性化摩擦” 重回价值高地

AI 正在无限抹平标准化工作:文案、制图、方案规划均可一键生成,极致顺滑变成基础基建,不可标准化的人工细节、带微小阻力的人性化服务,成为稀缺竞争力
 
优秀服务从不盲目追求全程零沟通、高效率:
  1. 线下门店:店员观察顾客随身状态、天气、赶时间与否再上前推介,而非一进门强行推销;
  2. 生活服务:美容师记住顾客睡眠状况,按需减少推销、预留安静休憩时间;
  3. 社区小店:老板记住老客饮食习惯,随口一句 “照旧?”,无数据转化指标,却牢牢锁住复购。
体验经济理论《Welcome to the Experience Economy》早已点明:企业售卖的不止商品,更是一段专属经历;AI 全面自动化后,人的临场判断、即兴互动、留白停顿,恰恰是效率产品无法复刻的独特摩擦价值。

四、两大经典案例:一正一反看懂摩擦落地逻辑

image.png

正向案例:Apple Liquid Glass(界面设计)

从 iOS 扁平化极简,到 2025 WWDC 推出 Liquid Glass 动态玻璃界面,苹果重新把光影折射、材质形变、层级反馈带回交互:点击触发玻璃形变、环境光实时改变界面通透度,不堆砌冗余特效,用可控的物理触感摩擦,让用户清晰感知 “正在操控实体化界面”

image.png

区别于早年臃肿拟物化,新版玻璃设计遵循克制原则:仅在关键控件增加材质反馈,兼顾可读性与操作实感,印证:优质简洁不是全盘抹除触感,而是保留必要的交互阻力。

反面案例:Amazon Style(线下零售踩坑)

亚马逊试图用全数字化改造服装门店:顾客扫码选品、系统远程送衣进试衣间、全程线上结账,砍掉逛街摸面料、随性闲逛、店员穿搭建议、偶遇冷门好物的所有低效环节,把线下实体店做成高价版线上 APP。
 
最终 2023 年全线闭店。线下商业的核心刚需从不是 “最快买完衣服”,而是闲逛、试错、即兴决策带来的沉浸式体验;盲目消灭所有低效摩擦,等于剥夺用户到场的核心理由。

五、Z 世代反向选择:主动给自己增设有效阻力

image.png

当下年轻人主动逃离全自动化效率产品,复古消费持续升温:
  • 数码:CCD 胶片相机、功能笨手机、有线耳机回归,主动接受废片多、不能无限刷信息流的限制;
  • 文娱:黑胶、实体 CD 销量上涨(2024 上半年美国黑胶销售额同比 + 17%),愿意经历拆碟、上针、翻面的繁琐流程;
  • 生活:纸质手账、桌游、城市漫游走红,放弃智能提醒、一键开局的便利。
根源在于:算法产品过度顺滑、精准投喂,用户长期被动接收内容逐渐疲惫;可控的人为阻力,帮用户夺回生活自主权,Slow Technology(慢科技)理念同样佐证:产品除了高效完成任务,也可以为反思、停顿、长期陪伴设计合理阻力。

六、AI 泛滥环境:带人工痕迹的小摩擦,成为品牌差异化符号

image.png

海量 AI 量产内容千篇一律:文案、海报、短视频工整完美、无瑕疵无棱角,标准化顺滑内容不再稀缺,带手工痕迹的 “不完美摩擦” 成为辨识度来源,喜茶拙趣设计是绝佳落地样本:
 
手写不规则字体、涂鸦风围挡、保留错字手写修改痕迹、用户手绘 DIY 杯贴实体上墙。没有刻意拉长排队、增设操作步骤,仅通过保留人的手工瑕疵,跳出 AI 模板化设计,让用户直观感知:这份设计出自真人之手,而非流水线批量生成。
设计师隐喻「表情符号没有皱纹,但人有情绪」:全链路零瑕疵的产品没有记忆点,局部手工瑕疵、适度不规整、可控小阻力,恰恰是品牌跳出同质化的识别符号。

七、落地准则:品牌如何科学设计良性摩擦(避坑指南)

绝对避雷(禁止刻意制造坏摩擦)

不藏入口、不晦涩规则、不无故拉长排队、不用低可读性文案、不靠繁琐动效为难用户,良性摩擦是用户自愿参与的邀请,不是筛选用户的门槛

四大好摩擦设计原则

  1. 路径可预期:多一步操作,提前告知用户收益;
  2. 等待有回馈:短暂等候后,给到情绪惊喜、专属体验;
  3. 学习有价值:学习规则后,解锁专属玩法、深度体验;
  4. 操作有收获:触摸、筛选、比对的动作,转化为产品拥有感。

八、结语:顺滑负责成交,摩擦负责留下

极致顺滑帮品牌快速完成交易、高效流转用户;而经过设计的良性摩擦,拉长体验密度、沉淀用户记忆、塑造品牌独特气质。
 
未来产品与品牌的竞争,不再比拼谁能把流程压到最短:咖啡不必极速出餐、线下门店不用照搬 APP 逻辑、品牌广告不必 3 秒抓眼球、内容不必无脑一键划走。
 
效率是行业标配基建,质地、参与、投入、真实记忆才是新的稀缺资源;好设计既要让人高效通过,更要靠良性摩擦,让用户深度留下

优化亮点说明

  1. 结构优化:去掉原文零散碎片化批注、无关小红书杂图文字,9 大板块合并为逻辑递进 8 段,从概念→分类→案例→落地,阅读流畅度提升;
  2. 文字精简:剔除口语化冗余短句、重复观点,保留全部权威理论(宜家效应、慢科技、体验经济、Designing Friction)与原版案例;
  3. 落地强化:提炼落地表格 + 设计准则,方便产品 / 设计师直接复用;
  4. 细节规整:统一案例时间、数据标注,专业概念释义通俗化,兼顾专业性与可读性;
  5. 标题分层:大小标题层级清晰,适配公众号 / 行业专栏排版。

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

 

image.png

读懂AI发展演变史后,教你应对设计焦虑

之晨 行业趋势

AI 行业的爆发始于2022年 ChatGPT 和 Midjouney 的发布,到现在已经快4年了,整个发展过程用突飞猛进、日新月异形容一点都不过分。

但不管它过去还是现在,发展得有多迅猛,都依旧处于行业早期的开荒和发展阶段,离真正成熟的理想形态还有很长的一段路要走,这是我们首先要达成的共识。

而之所以有这样的结论,原因就是 AI 的发展速度是超过现实世界匹配它的速度的,这造成了一种经济和机会成本上的巨大阻力。

简单来说,我们可以把 AI 技术的应用拆分成上、中、下游三个层,上层是 AI 的核心,主要是算法、大模型,中游是负责运行AI模型的硬件和支撑,即 AI 芯片、光模块 CPO、高速内存 HBM、服务器液冷、特高压电路等,下游即 AI 具体的应用工具,包括 AI 软件、硬件、智能体等。

image.png

 

这是一个非常庞大且复杂的产业链,它们之间是需要相互耦合,才能顺利应用到具体的使用场景中。

简单来说,就是 AI 模型厂商需要根据技术路线和成本选择硬件并购买算力中心,以及消耗海量的电力来训练自己的模型并维持它的正常运转。虽然这些背后的基建作为普通用户可能感受不深,但头部厂商的竞争已经到了白热化的阶段。

比如大模型的开发必然要关注硬件规格和架构,大洋彼岸除了英伟达外,还陆续推出了谷歌 TPU、微软 Maia、英特尔 Gaudi 等芯片,它们代表了不同的技术方案,应用在了不同的模型上。

而因为贸易和地缘政治的因素,国内是无法进口这些高端芯片,所以我们只能自研生产以满足国产大模型的需求。如阿里在自研并应用自家的真武系列芯片, DeepSeek 近期更新缓慢的重要原因就是因为要适配华为的昇腾系列芯片等。

之所以要提这点,是因为 AI 大模型的发展也适用马太效应,赢家通吃。在接近性能和水平下谁家应用的算力、电力成本最低,谁就具备了最大的优势。

而每家大模型厂商都要面临技术路线的选择,并投入海量的成本孤注一掷做基建,很难走回头路。这种发展路径注定会让行业发展充满波折和动荡,会有很多企业倒在半路上,连带着它们提供的产品和服务一起逐渐消亡。

比如文生图的 OG Midjounery,已经无法跟上大厂的技术和训练规模掉队,在今天已经无人问津,而一年多前网上还到处都是用 MJ 生成UI界面设计,UI 设计师要下岗的帖子。

强如 OpenAI,也要应对 Google、X AI、Anthropic、Seedance 的冲击和成本管理失控(GPT5 训练量需要消耗一个中等规模城市1年用电量),也在近期放弃旗下的文生视频工具 Sora。

image.png

 

模型和硬件端都充满了巨大的不确定性,因为技术的发展是需要“试”出来的,总有前浪会被拍死在沙滩上。至于谁会被拍死在沙滩上就不是站在今天的视角上能回答的。

再回到我们今天的主角 Anthropic,这是一家非常务实的 AI 公司,专注于开发有商业应用场景的大模型,是写作、编程等领域中的最佳选择。与之相对的则是类似 ChatGPT、Gemini 这类全能多模态大模型。

因为其模型可用性极高,所以从去年开始付费用户量暴增,在今年初预估年化收益已经超过300亿美元,不仅用户付费率远高于 OpenAI,且运行成本也远比它低。

image.png

 

而这家公司想要年底要上市(估值8000亿美金),产品矩阵的拓展就成为非常重要的资本策略。通过发布 Claude Design,能很好的和 Claude Code 实现联动,完成使用 AI 开发软件的闭环。

至于现阶段 Claude Design 够不够用不重要,毕竟故事和逻辑是成立的,作为初版它也有后续升级迭代和优化的空间。在我们目前的试用中,它的生成效果也就那样,但消耗的 Token 量(你最好确保自己有个足够鼓的钱包)……

Claude Design 有新上市的光环风头正盛,那是否还记发布也还不久的Google Stitch、OpenClaw、FigmaMake、Rive、Pencil 等等。

image.png

 

再往前是否还记得使用 StableDiffusion 训练 Lora 和 Checkpoint 的工作流?

image.png

 

工具一直在更新,即使今天还很粗糙。但用发展的眼光看问题的话,终有一天它生成的质量会足够高足够智能足够可控,甚至通过脑机接口 BMI 实现所想即所得的水平(又到了做梦的时候)。

但是,那天是什么时候?

以及,和你现在设计的界面有什么关系?

作为设计师一定要搞清楚的逻辑,就是 AI 生成界面和图像的过程,只是一种工具的发展和进步,提升了设计师的设计效率。就像人类发明了电脑和软件,取代了尺规作图,同样也大幅度降低了设计的效率和成本,但设计师这个岗位并没有消失。

因为使用工具的人之间的差异,会直接影响最终的输出效果,就像用同一个 AI 生成工具你可能就是做不出网上高赞帖子的案例,都用美图秀秀不用 PS 去 P 图你也 P 不过有一定专业积累的摄影师。

而且任何工具使用都有门槛,就一个简单的 Claude Design、Google Stitch 安装和使用都需要学习和适应,生成结果还要做大量的调节和校准,这些就不是工作量,老板和产品经理也一定能闲得每天学习新工具并且直接自己干?

我相信有很多公司现在都很热衷于拥抱 AI,强行推进 AI 的工作流,从企业战略和发展的角度来讲是能够理解的,但在实际执行层面上却不会像想的那么美好。其中最大的问题就是前面提到的整个产业的不确定性,产品还都有各自的局限。

每个团队在搭建 AI 工作流的时候需要做技术的选型,以及围绕自己的实际生产场景优化工具的使用方式。往往为了一个简单的工作结果就要耗费大量的精力去搭建工作流,而这个工作流很可能是一次性的,因为之后的工作场景发生改变这套工作流就用不了了。

有些同学可能心态好点觉得这种过程可以收获宝贵的经验,但最不幸的,就是工具的升级和更新(甚至关闭)可以直接颠覆掉原来的做法,让原先的成果毫无意义。

在我朋友中普遍得到的反馈,就是在稍微复杂的专业场景中,强行适配 AI 的结果往往只有增加工作量,原先目标的降本增效,实际导致了更长的工作时间和更晚下班,从去年到现在在不同 AI 工具中做研究疲于奔命。

换个角度思考,其实就是工作过程变成今天用 PS,明天用 Figma,后天用 Excel 或 PPT 进行设计,每一阵子换个工具设计相同的东西,而它们又不能解决设计过程中最复杂的决策部分。

也就是我们一直在使用充满不确定性的工具去寻求相对确定的结果。

这就是今天 AI 工具在 UI 行业中应用的真相,不管我们怎么用逻辑还是格局去判断未来 AI 要实现一切,但起码不是今天和最近,就是变得更强了,也依旧需要有人去操作和控制。

而我们现在要做的是关注最终输出的结果,而不是和别人炫耀 Figma 用的好,还是 Sketch、XD、即时、Pixso 用的好。等到市场竞争格局基本确认,通用的工具也普及以后,再去掌握和学习也不会低人一等(门槛不会高到哪里去)。

 

转载自 优设网

 

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

 

image.png

AI 正在淘汰的 10 种 UI 交互模式

清阳 行业趋势

AI 正在重构 UI 底层设计逻辑,表单填报、数据看板、筛选组件等依托用户手动操作诞生的经典交互范式迎来系统性迭代,大量沿用多年的产品界面从 “人机操作载体” 转向 “AI 结果校验载体”。当下产品与设计团队普遍面临隐性 UX 负债:大量仍可正常运行,但底层设计逻辑已经落后于 AI 技术发展的老旧交互模式。
过往数十年,仪表盘、录入表单、筛选侧边栏、配置向导、消息通知、FAQ 帮助页、新手引导等界面,设计出发点统一围绕:用户需要手动落地操作。设计师所有界面方案,均立足于 “人作为实际执行者” 这一核心前提。但生成式 AI、智能 Agent、多模态理解技术落地后,这套底层假设正在崩塌:AI 可自主完成绝大多数标准化操作,一大批传统 UI 失去原生存在价值。

image.png

本文拆解八大被 AI 重塑的经典交互形态,区分淘汰、改造、留存三类设计走向,总结 UI 从「人类执行界面」向「人类监督界面」的行业大迁移。

一、八大传统 UI 模式的迭代变革

1. 多步骤配置向导:分步弹窗引导→AI 智能预判 + 结果确认

image.png

传统配置向导通过拆分线性步骤、分步弹窗提问,引导用户完成系统配置,要求使用者读懂专业术语、跟随固定流程逐项设置。但 AI 可依托账号历史数据、操作场景、初始行为自动推演配置需求,层层问询反而变成使用阻碍。
 
改造逻辑:用户仅通过一句话自然语言表达需求,系统自动完成全流程配置搭建,用户角色从逐项填表的操作者,转变为结果审核人,只需修正 AI 生成内容的偏差。
 
落地案例:Shopify Sidekick 依托店铺经营数据,自动识别爆款商品,一键生成精选商品合集、配套折扣规则与营销活动,商家仅需核对方案、确认落地;反观 HubSpot 创建报价需 7 步手动填表选型,全流程重复录入系统已存信息,向导模式效率劣势凸显。
留存边界:极小众精细化定制场景,配置向导保留兜底入口,不作为主流操作路径。

2. 筛选侧边栏 + 关键词手动搜索:多条件手动勾选→自然语言意图检索,筛选退居微调辅助

image.png

传统搜索需要用户完成两次转化:把真实需求提炼关键词,再通过尺码、价格、分类等筛选控件拆分条件,关键词 + 复选筛选组合是过去精准检索的标配。自然语言语义检索成熟后,用户一句话即可锁定全部约束条件。
 
改造逻辑:产品以自然语言输入框作为搜索主入口,侧边筛选不再是核心检索工具,降级为结果微调组件;用户可通过多轮对话持续优化筛选范围。
 
落地案例
  1. KAYAK AI 模式:单句输入出行需求,系统自动解析日期、位置、预算等信息,直出机票、酒店结果,无需拆分表单填写;
  2. 招聘工具 Wrangle:HR 输入岗位经验、技能要求,AI 自动批量匹配候选人并生成匹配分数,摒弃多维度筛选面板。
     
    补充:筛选组件并未消亡,在用户漫无目的、随意浏览探索的场景(如鞋服商城闲逛),筛选用于可视化全品类商品,承担浏览发现作用,仅从核心功能变为辅助功能。

3. 手动录入表单:全字段人工填写→AI 自动提取 + 高置信预填,表单转为纠错面板

image.png

传统表单设计聚焦优化输入体验:调整字段排序、快捷键跳转、输入校验,默认所有信息由用户手动录入,即便附件已有完整数据,仍需二次手动誊写,造成冗余操作。文档 AI 可从图片、PDF、邮件、票据中结构化提取信息,从根源消除重复录入。
 
改造逻辑:上传原始凭证后,AI 自动填充表单字段,高置信数据静默回填、低识别度字段高亮标红,用户只修改异常内容,表单从录入载体变为数据核对视图。
 
落地案例:QuickBooks 报销系统迭代 Autofill 功能,上传发票图片 / 文件,系统秒级抓取收款方、金额、开票日期等信息,用户告别全字段手动填写。

4. 静态数据看板与预制报表:全指标平铺展示→异常优先预警 + 对话式数据下钻

image.png

传统数据看板、周期报表提前预设固定统计维度,铺满全量 KPI 指标,所有数据权重一致,需要使用者人工翻阅海量数据、自主查找业务异动,关键异常极易被海量数据淹没。AI 数据分析实现实时异动监测与归因,重构看板设计思路。
 
改造逻辑:看板不再罗列全部数据,优先高亮业务异常、增长机会,附带可一键执行的优化动作;深度数据探查改用自然语言提问,AI 自动拆解数据、定位问题、输出优化方案。
 
落地案例
  1. Shopify Pulse:自动分析店铺营收,提炼爆款促销、购物车挽回等运营建议,搭配一键创建活动按钮;
  2. Amplitude AI:输入 “优化定价页转化率”,系统自动定位无效点击、暴躁点击等转化卡点,同步输出三套落地优化方案。

5. CRUD 数据表格:单条逐单元格编辑→自然语言批量指令 + 变更差异审阅

image.png

传统增删改查表格基于单行单字段操作设计,批量修改大量数据时,用户需重复上百次点开、编辑、保存操作,用户宏观业务意图被切割为碎片化操作。
 
改造逻辑:用户用自然语言下达批量修改指令,AI 自动生成全量变更清单,页面展示修改前后数据差异,使用者批量确认或驳回个别修改项,表格从编辑工具转为变更预览视图。
 
落地案例:Airtable 智能字段助手,一句指令即可批量全网调研竞品营收与产品优势,自动整表填充新增字段,无需逐个单元格录入。

6. 静态 FAQ + 分层帮助文档 + 固定式新手引导:静态说明书→场景化实时 AI 答疑

image.png

过往产品依靠分步新手弹窗引导、层级式帮助文档、标准化 FAQ 解答问题,内容为通用模板,无法匹配用户当下页面、报错场景、操作链路,用户遇到个性化问题很难精准检索对应方案。
 
改造逻辑:帮助文档、FAQ 转为 AI 知识库底层素材,不再面向用户开放查阅;AI 实时识别用户所处页面、操作行为、报错信息,按需推送定制化解决方案,熟练度越高,引导提示越精简;复杂问题支持屏幕共享、语音对话多模态求助。
 
落地案例:Google AI Studio 搭载实时屏幕共享、语音咨询功能,AI 实时同步用户操作画面,针对性解决实操问题。

7. 时序信息流通知:全消息平铺推送→AI 智能分级摘要 + 重点事项定向提醒

image.png

传统通知系统按时间线平铺全量消息,点赞评论、系统故障、审批提醒权重一致,海量无效消息淹没关键告警,用户需要逐条浏览筛选重要信息。
 
改造逻辑:AI 充当信息分诊官,依据紧急度、业务关联度拆分消息:低优先级内容合并为定期摘要简报,高风险事件附带因果链路、业务影响、处理方案定向推送,通知中心进化为决策工作台。
 
落地案例:Datadog 监控告警摒弃零散条目推送,以「故障根源 - 服务异常 - 用户影响」链式结构展示事故,运维人员一键定位问题。

8. 空白页「新建」按钮:空白画布从零创作→AI 一键生成初稿,用户择优修改

“新建空白文档 / 项目” 按钮把用户置于零创作起点,空白界面极易带来创作焦虑。
 
改造逻辑:用户描述创作需求、约束条件,系统自动生成完整初稿,用户工作从从零原创变为内容微调、择优优化,创作界面完成从空白创建到内容迭代的转变。

二、推动 UI 变革的八大核心技术驱动力

  1. 执行全自动化:AI Agent 可闭环完成多步骤串联工作,依赖人工分步操作的界面失去刚需;
  2. 环境上下文理解:系统自动读取用户文档、历史行为、账号数据,无需页面反复采集已有信息;
  3. 自然语言意图解析:机器读懂口语化需求,无需用户把想法转化为下拉框、筛选条件等系统语言;
  4. 多模态输入融合:支持图文、语音、屏幕画面多维度交互,打破仅文字 + 表单的交互限制;
  5. AI 生成初稿能力:依托简短描述生成可用内容,消灭空白创建的使用痛点;
  6. 按需场景解释:精准捕捉用户困惑,即时推送对应指引,摒弃前置全量灌输的新手教程;
  7. 交互成本压缩:多步人工操作浓缩为单次指令,精简冗余页面流程;
  8. 信息智能分级:自动筛选信息优先级,告别全量信息无差别展示。

三、行业发展规律:新旧 UI 并非非此即彼,而是主次迁徙

传统交互不会瞬间彻底消亡,筛选栏、配置向导、空白新建按钮仍会长期保留:面向 AI 信任度不足的用户、小众边缘业务场景、无 AI 算力支撑的使用环境,老旧交互作为兜底备用方案。
 
长期演化趋势:传统执行型 UI 从产品核心主路径,逐步下沉为备选兜底功能;AI 驱动的决策监督型 UI 成为产品主流交互。

两类界面划分

  1. 执行导向 UI(持续萎缩):服务人工重复录入、分步配置、逐条修改等机械操作,AI 接管落地执行后,该类页面持续精简;
  2. 决策监督 UI(快速增长):用于审核 AI 输出结果、修正系统偏差、研判异常数据,是未来 UI 设计核心发力方向。

四、总结

AI 时代 UI 设计的核心变化:人类不再是系统操作工,变成 AI 成果的审核决策者。未来优质界面的设计目标,是放大人类的判断与决策价值,而非强迫用户复刻机器的运行逻辑。
 
转载:人人都是产品经理
 

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

 

image.png

超全梳理!B端产品设计风格的5个阶段

清阳 行业趋势

因此今天兰亭妙微UI设计公司,来讲解 B 端产品界面的视觉风格,聊聊在整个行业当中视觉风格的变化与目前的现状。以及给大家说说未来应该如何选择自己产品的视觉风格~

我们会将整体分为行业初期,萌芽期、成长期、野蛮发展期、新阶段 ,每一个阶段给大家总结一个最为流行的风格,并分析这个风格出现的原因,方便大家进行理解。

一、行业初期-经典传统风

我们把时间拉回到 2012 年。在那时,Ant Design 还没有出现,也没有什么 Element、Semi Design,行业当中最早的 B 端系统都是以客户端的形式进行呈现。

整体风格也非常老旧,像是那会儿的 Office、SAP、Salesforce,你可以看到都是他们青涩的模样。

image.png

image.png

在经典传统的设计风格当中,会使用大面积的白色作为底色,同时在页面中用灰色进行分割,使得整个页面散乱抢眼,导致整体的视觉很难被大众所接受,总体感觉信息较散,难以进行聚焦。

而在早期,出现这些老旧风格主要有三个原因:

  1. 技术框架限制:因为当中成熟的前端框架较少,没有太多技术栈提供给到开发进行使用,因此没有精力将页面做得漂亮
  2. 认知不足:设计师对于客户端、网页端的设计理解认知本身不够,做得较为粗糙,比如当时的 Office 的界面设计也大致是如此的模样
  3. 风格一致:早期 Windows 系统就是这样的风格,与 Windows 一致更容易被大众所接受,因此就很难进行创新

关于这类风格的产品,大家不要觉得这夸张,其实在目前依旧有很多产品会延续这个风格。比如 医疗类产品、工业生产类系统,对于他们而言,能用即可,不必纠结太多。

但随着时间的推移,行业中对于 B 端设计的要求也在逐渐变高。

二、萌芽期-清爽整洁风

我们将时间推移到 2015 年前后,随着行业不断发展,在国外 Fiori、Salesforce 的出现让大家意识到,这类型的 B 端产品也是需要设计的。

因此国内外的很多系统都是在这一时间面世,像是 Ant Design、Element 都相继发布。

image.png

由于这些设计系统的诞生,你会发现大家对于整个 B 端设计有了一点自己的想法。

在设计上,会去考虑使用 区块划分,将整个页面进行规整呈现。

比如 SAP 在使用了 Fiori 过后,就会使整个界面更干净。

image.png

image.png

image.png

同样非常老牌的 Salesforce 在 2015 年的时候。也带来了相当大的视觉变化。整体都能感受到,整个页面会通过不断的分层、颜色的划分、通过黑白灰的方式去呈现页面当中的基本信息。

三、成长期-沉稳侧黑风

我们的时间来到 2018 年前后,在这个时间节点,很多产品都推出了自己的设计系统,对于 B 端设计风格而言,也会提出更高的要求。

比如 Teambition 产品当中,它们提供了自己的设计系统的内容去指导整个产品来进行迭代和优化。同样 Ant Design 它们也推出了自己的 Ant Design Pro 来演示使用设计系统过后,能够搭建出什么样的产品。

image.png

同样,这个时段很多产品也开始进行自己产品的视觉优化,这时候整体的风格是以:黑色侧边导航为主,然后内容形态进行延展。

比如像有赞、Coding、微盟、飞书,之前都是这样的设计风格来进行呈现。

image.png

你会发现它们在整体的设计上都会更加重视页面的分块颜色的区隔,整体页面的识别效率。同时这段时间爆发出来非常多的 B 端产品,随后国内都会按照侧边黑色导航的样式进行进一步设计,这一定程度上提高了国内 B 端设计的下限~

四、野蛮发展期-新拟态风

我们随后将时间推移到 2019 年后,在这时诞生了新拟态设计风格。

它最早是乌克兰设计师 Alexander Plyuto 在追波和 ins 发布的一副系列作品,随后大家发现非常奇特,所以得到广泛的关注。

新拟态的设计风格是以立体效果与浮雕元素,呈现更为三维立体的效果,会给人一种奇特、梦幻的界面体验。

image.png

随后就会有很多产品都开始进行跟进,比如 智能家居的产品、金融类产品都有所涉及,甚至很多 B 端产品也勇敢尝试,但大多数设计师设计完过后,整体评价都不算太高。

image.png

为什么没有大规模的推行,我觉得有 3 点原因:

  1. 因为新拟态风格整体所占面积较大,比较浪费空间。像是一个按钮,都需要使用较大空间才能呈现。
  2. 需要大面积的留白,但是对于 B 端设计来说无法做到,因此很难进行使用。
  3. 同时很多用户刚开始觉得好看,但随着时间的推移,出现审美疲劳,因此就不太喜欢。

现在还会使用新拟态风格的界面设计越来越少,大多数只会在官网设计的局部进行使用,这样可以转换视觉感受,给到用户更好的视觉冲击~

五、新阶段-灰白风

时间来到 2022-2024 年左右,你会发现很多产品都开始在这个时间节点进行更新。

像我们熟知的 飞书、有赞、微盟、ONES、Coding,再到 Ant Design、Salesforce,你会发现非常多的产品都在进行界面风格上的迭代。

对于这个风格,我们愿意叫它为 灰白风。

整体页面是以 灰色和白色 进行的页面划分,在分布上灰色占据弱侧信息,白色占据核心信息,进而形成对页面内容的划分。

聊到这里,可能有部分同学不太理解,这里我们以飞书管理后台的迭代作为示例,给大家进行讲解。

在 2018 年,飞书管理后台的第一个版本,采取的就是沉稳侧黑风,

image.png

在 2022 年,飞书的管理后台开始改变为灰白风格

image.png

由于业务的叠加,2023 年时,在此基础上增加了顶部导航的业务维度,最终形成了现在这样的界面。

image.png

为什么这类型的风格会大受追捧,我觉得有以下几个原因

  1. 减少信息层级,给用户减负:之前沉稳侧黑风格,会发现页面明显进行大面积的分割,导致视觉感受出现较大差异。现在只用灰色作为底,去区分主副信息这样会更简单的突出主要信息内容。
  2. 平台型产品更容易嵌入:因为国内 B 端产品大多需要依附“钉钉、企微、飞书”三大平台,因此使用灰白风能够让自己产品快速嵌入,不需要过多调整。如果你的产品是沉稳侧黑风,那结果想都不敢想...
  3. 更容易进行适配:针对多产品的业务,也能够使用同一套业务完整呈现才会更加合理。比如飞书的灰白风,在飞书的其他很多产品里面也会存在

image.png

关于设计风格,我们这篇只是讲解了过去的风格内容,下篇文章我们讲解当前整个 B 端产品的设计梳理,讲解了更为重要的四种风格。

转载:优设

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

 

image.png

AI 赋能百度优选商家经营提效交互设计实践

清阳 行业趋势

一、前言

 
兰亭妙微UI设计公司分享:随着 AI 技术深度渗透电商经营全链路,百度优选商家后台已在商品创建、经营管理、客服接待、直播带货、履约售后等核心经营场景,全面落地 AI 能力。
 
但商家实际使用中普遍陷入不会用、不敢信、用不好的体验困境。深挖痛点发现:AI 交互模式不统一、视觉表达混乱是核心症结,大幅拉高了商家对 AI 工具的认知门槛与使用成本。
 
基于此,项目以统一 AI 认知、提升商家经营效率为核心目标,启动 AI 功能全链路体验升级。团队摒弃行业通用的嵌入式、对话式、伴随式三类常规 AI 交互形态,结合 B 端商家后台操作习惯,放弃适配沉浸式问答的对话式交互;同时针对客服接待、直播运维等低人工介入的规模化场景,创新提出托管式全新交互范式。
 
配套搭建统一 AI 视觉感知体系,最终形成一套易理解、易上手、可信赖的商家智能体验解决方案,助力商家经营降本、效率倍增。

image.png

二、三大 AI 交互范式场景化落地应用

 

(一)嵌入式交互:复杂表单智能填写助手

image.png

核心定位:AI 能力贴合操作场景,交互轻量无感,主打复杂表单自动化高效填报,典型应用于商家商品创建场景。
 
商品创建字段繁杂、手动填写耗时费力,还易因格式不规范审核驳回、拉长发品周期。设计中依据字段属性与 AI 能力,拆分两类交互逻辑:
 
  1. 填充识别类:规则标准化信息,AI 自动识别提取并一键填入,搭配「AI 预填」标签状态提示。如上传商品包装图,自动识别品类、工艺、包装规格等属性自动录入,替代手动打字,大幅节省填报时间。
  2. 推荐优化类:商品标题、主图等创意类内容,AI 智能生成优化方案,只推荐不强制预填,支持商家自主微调、手动确认录入,兼顾智能推荐与个性化需求,缩短人工审核周期。
 
落地成效:商家平均发品时长缩短 8 分钟,发品成功率提升 0.7%,模块使用满意度提升 25%,在原有业务流程内实现效率跨越式提升。
 

(二)伴随式交互:全场景主动经营诊断助手

 

核心定位:深度融入商家经营动线,打破传统 AI 被动问答模式,实现主动触达、连续洞察、链路指引,变身商家专属经营伙伴。
 
  1. 主动触达,前置服务
    image.png
    AI 助手全局入口以流光呼吸感动效 + 轮播词条轻量化吸引关注,实时推送店铺流量、经营数据关键动态;商家停留任意业务页面时,系统自动识别潜在经营隐患,如主图尺寸影响点击率、看播时长下滑等,提前弹窗轻量提醒,不等商家提问便主动提供服务。
     
    覆盖直播中控台、数据诊断、店铺运维、电商推广等全场景,核心指标直观外露,优化建议一键可查。
     
  2. 连续洞察,可解可追溯

    image.png

    AI 输出数据结论与经营建议时,同步展示推理逻辑、数据来源摘要,打造可解释式 AI;并基于当前场景预判商家后续需求,主动延伸经营问题排查链路,从单点答疑升级为系统性问题解决方案,降低商家决策与信息获取成本。
     
 

(三)托管式交互:低介入安心服务管家

 
核心定位:创新新增交互范式,区别于嵌入式、伴随式需商家实时参与的模式,以预设规则 + 系统自动执行实现高度自动化,主打客服接待全场景无人值守服务。
 
破解两大行业痛点:人工无法 7×24 小时全天候接待、峰值咨询难以全覆盖;商家顾虑 AI 自动化「黑盒操作」,不敢全权托管。
 
  1. 可视化配置,建立信任
     
    搭建直观的策略配置面板 + 消费者端效果预览,商家可按售前咨询、售后退款、催单答疑等细分场景,自定义 AI 回复规则,配置即所见,让抽象 AI 能力变得可控可预判,消解商家信任顾虑。

    image.png

  2. 状态透明化,顺滑人机接力

    image.png

    全域实时展示 AI / 人工接待状态,会话列表智能分组、单人接待状态动态更新;遇复杂诉求、用户负面情绪等 AI 无法应答场景,会话自动流转至人工待处理队列,高亮 + 音效双重预警,提醒客服快速接管。
     
    人工接手后 AI 自动暂停接待,同步生成会话摘要,帮助客服快速厘清前因后果;客服可一键恢复托管,新会话也可自动重启 AI 接待,形成高效人机协同闭环。同时在消费者端明确标识 AI / 人工身份,保障服务感知连贯稳定。
     
 
落地成效:客服咨询响应时长缩短 15.8%,商家服务满意度提升 14%,买家满意度提升 7.4%,实现全天候规模化接待与服务质量双向升级。
 

三、搭建全链路智能化感知体系

 

在三大交互范式基础上,打造贯穿产品全链路的AI 专属智能视觉语言体系,沉淀标准化设计资产,赋能 B 端整体体验升级。
 
  1. 视觉体系传承适配:沿用百度成熟 AI 标识与品牌主色,借用用户既有认知,降低 AI 功能学习成本;针对 B 端界面信息密集的特性,在原有智能色彩基础上降低饱和度视觉降噪,定制适配后台操作场景的浅色组件库。image.png
  2. 多维感官协同反馈:弥补浅色体系 AI 状态辨识度不足,叠加专属状态动效、场景声音提醒等多维感知方式,如 AI 智能接待扫光动画、消息预警音效,让商家在复杂界面中,快速感知 AI 运行状态、任务进度,保障信息传递高效精准。

image.png

四、设计核心:以商家提效为中心的价值赋能

 
本次百度优选商家后台 AI 体验升级,始终坚守统一 AI 认知、赋能经营提效核心主线:通过场景适配 + 范式创新,落地嵌入式、伴随式、托管式三大交互模式,精准解决商品创建、多线程经营、客服接待等核心痛点;以视觉 + 动效 + 音效多维智能感知体系,彻底破解商家「不会用、不敢信」难题。
 
业务层面实现发品效率、经营问题解决率、双向服务满意度全面提升;设计层面沉淀场景 - 范式 - 视觉可复用方法论与组件资产,可快速复用至直播带货、智能投放等更多电商经营场景。
 
未来将持续深耕商家真实经营需求,推动 AI 深度融入全业务链路,以交互设计驱动商家长效降本提效,助力百度优选商家生态高质量发展。
 
转载:优设
 

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

 

image.png

兰亭妙微UI设计公司:这种全新的交互方式,会成为未来AI应用的标配吗?

丽洁 行业趋势

前 Meta AI 团队创立的 Hero 公司,推出专利技术 AI Autocomplete SDK,能实时预测任务所需全部参数,输入 “订机票” 即刻呈现所有选项,让交互速度提升 10 倍、成本大降。这篇文章深入解析这项革命性技术的工作原理、应用场景与商业价值,探讨它能否成为未来 AI 应用的标配,带你看懂人机交互的下一场变革。

你有没有想过,为什么和 AI 聊天总感觉像在玩猜谜游戏?你说想订机票,AI 问你去哪儿。你说去纽约,它问什么时候出发。你说下周三,它又问几点。你说早上,它接着问要直飞还是转机,经济舱还是商务舱,要不要托运行李。这种来回问答的过程让人抓狂,就像是在玩一场永无止境的”二十个问题”游戏。更糟糕的是,有时候你都不知道 AI 需要什么信息,只能等它一个一个问。这种交互方式看似自然,实则效率低下,完全违背了 AI 应该让我们生活更简单的初衷。

前 Meta AI 团队成员创立的 Hero 公司刚刚发布了一项专利技术,可能会彻底改变这种局面。他们推出的 AI Autocomplete SDK 不是简单的自动补全功能,而是一个能够实时预测并呈现完成任务所需全部信息的系统。想象一下,当你开始输入”订机票”的时候,屏幕上立刻出现所有相关参数:出发地、目的地、日期、时间、航空公司、座位偏好、行李选项等等,你只需要填写或选择就好,不需要等 AI 一个一个问你。这听起来像是一个小改进,但实际上它可能会让 AI 交互速度提升 10 倍,成本降低 10 倍,并且为未来的增强现实设备奠定基础。

Hero 不仅将这项技术用在自己的助手应用中,还通过 SDK 向其他公司开放。这意味着我们可能很快就会在各种应用中看到这种全新的交互方式。而且,他们刚刚获得了 Forerunner Ventures 领投的 300 万美元追加投资,这是在去年 400 万美元种子轮之后的又一次资本认可。我深入研究了这项技术后发现,它的影响远比表面看起来要深远得多。

提示词工程为什么会成为一个职业

这个现象背后反映的是当前 AI 交互方式的根本缺陷。大语言模型虽然能理解自然语言,但它们并不知道用户想要完成什么任务需要哪些具体信息。就像 Hero 的 AI 工程师 Saharsh Vedi 说的:”现在的问题是,负担都在用户身上,他们需要思考 AI 需要什么信息。”这完全颠倒了技术服务人类的关系。

我自己在使用 AI 工具时也深有体会。比如用 AI 生成图片,我经常需要反复调整提示词,尝试不同的描述方式,才能得到满意的结果。有时候我花在琢磨提示词上的时间,比直接用传统工具做图还要长。更令人沮丧的是,即使你精心设计了提示词,AI 也可能遗漏某些重要细节,导致结果不符合预期。然后你又得重新生成,这不仅浪费时间,对于按次收费的服务来说,还意味着额外的成本。

当前主流的 AI 应用都试图通过各种方式解决这个问题。有些添加了建议按钮,提供预设的提示词模板。有些使用引导式问答,一步步收集用户需求。还有些像 Adobe 的 Firefly 应用,把提示词拆分成多个部分,比如创作音乐时分别输入情绪、风格和用途。这些方法都在一定程度上改善了用户体验,但都没有从根本上解决问题:用户仍然需要主动思考和输入信息,AI 仍然处于被动等待的状态。

Hero 的方法则完全不同。他们不是让 AI 更聪明地问问题,而是让系统主动预测并呈现完成任务所需的全部信息。这种思路的转变看似简单,实则颠覆了整个交互范式。就像创始人 Brad Kowalk 说的:”我们基本上意识到,你在互联网上能做的任何事情,都只是一系列参数。一旦你看到了这一点,就很难再忽视它。”这句话听起来简单,但它揭示了一个深刻的洞察:无论多么复杂的任务,本质上都可以分解为一组参数,而这些参数是可以预测和呈现的。

AI Autocomplete 如何工作

AI Autocomplete 的核心理念是前置加载所有必要信息,而不是通过反复问答来收集。当你开始输入或说话时,系统会实时更新界面,显示完成这个动作所需的所有参数。这不是简单的文本补全,而是一个理解任务结构、预测所需信息、动态呈现选项的智能系统。

拿订机票这个例子来说。在传统的 AI 助手中,你可能需要经历这样的对话:你说”我想订机票”,AI 问”您要去哪里?”,你说”纽约”,AI 问”什么时候出发?”,你说”下周三”,AI 问”您希望几点的航班?”,你说”早上”,AI 问”经济舱还是商务舱?”,你说”经济舱”,AI 问”需要托运行李吗?”,以此类推。整个过程可能需要十几轮对话,每次都要等待 AI 的回应。如果你在某个环节说得不够清楚,或者 AI 理解错了,还得重新来过。

但在 Hero 的 AI Autocomplete 系统中,当你输入”订机票”的瞬间,屏幕上就会出现所有相关字段:出发地、目的地、出发日期、出发时间、航空公司偏好、返程日期、座位类型、行李选项等等。你可以随时停下来,只填写你知道的信息,然后发送查询。系统会根据你已经提供的信息,智能地建议或填充其他字段。你不需要等待 AI 一个一个问你,所有信息都在你眼前,你完全掌控着交互的节奏。

这种方法的优势是多方面的。第一,速度快。Hero 声称可以让操作速度提升 10 倍,因为省去了大量来回对话的时间。第二,成本低。每次 AI 的响应都需要服务器计算,减少对话轮次意味着大幅降低运营成本。Kowalk 特别强调了这一点:”因为涉及的消息更少,规模化运营的公司可以节省服务器成本。”第三,用户体验更好。你不会感觉自己在被 AI 审问,而是在一个清晰的框架内主动提供信息。

我特别欣赏 Hero 工程师 Vedi 说的那句话:”希望我们回头看时,几乎不记得’提示词’这个概念。”这体现了他们的雄心:不是改进提示词,而是让提示词成为历史。在他们的愿景中,未来的 AI 交互应该是结构化的、可预测的、高效的,而不是开放式的、充满不确定性的对话。

这项技术能用在哪些场景

AI Autocomplete 的应用场景远比订机票更广泛。Hero 在发布时特别强调了几个重要领域,每个都有可能被这项技术彻底改变。

搜索和电商是最直接的应用场景。现在在电商平台搜索商品,你需要输入关键词,然后在成百上千的结果中筛选,使用各种过滤器来缩小范围。这个过程既费时又费力。但如果有了 AI Autocomplete,当你输入”咖啡”时,系统立刻显示出品牌、烘焙程度、包装规格、配送时间、订阅频率等参数。你可以快速选择你想要的选项,甚至可以设置”每月配送”这样的重复订单。Hero 展示的咖啡订购例子就很好地说明了这一点:不仅可以快速完成当前订单,还能轻松设置定期订购,就像你说”每个月”一样简单。

媒体生成是另一个会被改变的领域。我之前提到过用 AI 生成图片时需要反复调整提示词的痛苦。AI Autocomplete 可以在你开始输入时就实时展示各种参数:主体、动作、风格、光线、相机角度、分辨率等等。你可以从这些选项中选择,而不是试图用文字准确描述你想要的效果。这不仅能激发创意,让你看到自己可能没想到的选项,还能显著减少生成次数,从而降低服务器成本。对于视频生成这种计算密集型任务来说,减少迭代次数的意义更加重大。

客户服务和企业表单填写也是重要应用场景。现在的客服聊天机器人通常需要通过一系列问答来收集信息,比如你的订单号、问题类型、联系方式等等。这个过程对用户来说很繁琐,对企业来说也低效,因为经常需要后续跟进来补充缺失的信息。有了 AI Autocomplete,聊天机器人可以根据用户的初始问题,立即呈现所有相关字段,引导用户一次性提供完整信息。这既节省了用户时间,也降低了企业的运营成本。

我认为这项技术最具潜力的应用可能还没有被充分认识到。比如在教育领域,AI Autocomplete 可以帮助学生构建更好的学习查询,展示他们可能没想到的相关主题和角度。在医疗领域,它可以帮助患者更准确地描述症状,提供结构化的问诊表单。在法律、金融等专业服务领域,它可以帮助非专业人士更有效地表达需求,获取更精准的服务。这些场景的共同点是:专业性强、信息复杂、普通用户难以准确表达需求。AI Autocomplete 恰好可以弥合这个知识鸿沟。

自然语言广告的新时代

Hero 的 AI Autocomplete 不仅改变了用户体验,还开创了一种全新的广告模式。这让我感到特别兴奋,因为它解决了自然语言界面商业化的一个核心难题:如何在对话式交互中自然地融入广告,而不破坏用户体验?

传统的搜索广告模式是基于关键词和搜索结果的。你在 Google 搜索”咖啡机”,顶部会显示付费广告。这种模式在图形界面中运作良好,但在纯对话界面中却很难实现。你总不能让 AI 助手在回答问题的中途突然推销产品吧?那会让对话变得非常生硬和令人反感。

Hero 的方法则巧妙得多。在 AI Autocomplete 系统中,品牌可以通过三种方式出现:第一,类似 Google Ads,品牌可以付费成为决策过程中的优先建议选项。比如在订咖啡的例子中,Peet’s Coffee 可以付费让自己出现在品牌选择列表的前面。第二,品牌可以建议互补产品,添加到当前订单中。比如在你订咖啡时,建议搭配某款点心或咖啡杯。第三,品牌可以从更高的重复购买率中受益,因为在 AI Autocomplete 系统中,设置定期订单就像说”每个月”一样简单。

我认为这种广告模式的天才之处在于,它不是打断用户的决策过程,而是增强这个过程。当你在选择咖啡品牌时,看到各种选项本来就是决策的一部分,付费推广的品牌只是在这个自然的选择过程中获得了更显眼的位置。这和传统搜索广告的逻辑一致,但执行方式更自然、更不突兀。

Hero 目前正在与 AI 广告平台 Koah Labs 讨论合作,将这种新广告形式推向市场。我觉得如果这种模式成功,它可能会成为自然语言界面商业化的标准模式。想想看,未来所有 AI 助手、AI agent 和对话式应用都可能需要这样一种不破坏用户体验的广告模式。Hero 作为先行者,有机会定义这个新兴市场的规则。

更重要的是,这种广告模式对小企业也很友好。不像传统的品牌广告需要巨额投入,自然语言广告可以非常精准地针对特定需求。一家本地咖啡烘焙商可以选择在用户搜索”小批量手工烘焙咖啡”时出现,而不需要和星巴克竞争”咖啡”这样的大词。这种精准性和可负担性可能会让更多中小企业进入数字广告市场。

为增强现实铺路

AI Autocomplete 的诞生其实源于增强现实的需求,这是我觉得最有远见的部分。Hero 的联合创始人 Brad Kowalk 和 Seung Woo Lee 都曾在 Meta 工作,参与 AR 相关项目。离开 Meta 后,他们一直在思考 AR 大规模普及面临的一个核心问题:当 AR 设备的屏幕空间远小于智能手机时,如何让它同样有用?

这是一个很多人没有深入思考过的问题。我们习惯了智能手机的大屏幕、复杂菜单、多层导航。但 AR 眼镜不可能有那么大的显示空间,也不适合复杂的触摸操作。那么,如何在有限的界面上提供丰富的功能呢?

大公司的思路通常是将移动端的界面缩小,配合手势控制。但 Hero 认为这不是正确的方向。Kowalk 和 Lee 的洞察是:AR 设备需要的不是缩小版的图形界面,而是基于意图的交互系统。用户应该能够用自然语言表达意图,系统通过 AI Autocomplete 这样的技术引导用户提供必要信息,然后直接执行任务。整个过程不需要复杂的 UI,只需要清晰的参数呈现和简单的选择机制。

我觉得这个思路非常前瞻。它不是试图把现有的交互模式搬到新设备上,而是为新设备设计全新的交互范式。这种轻量级但强大的 AR 操作系统,可能会成为下一代计算平台的基础。就像触摸屏为智能手机带来的革命一样,基于意图的自然语言交互可能会为 AR 设备带来类似的变革。

Hero 三年前就开始申请这项技术的专利,说明他们很早就看到了这个方向。现在专利已经获批,技术已经成熟,时机也恰到好处。大语言模型的进步让自然语言理解变得可靠,AR 设备开始进入消费市场,用户对新交互方式的接受度也在提高。所有这些因素结合在一起,为 AI Autocomplete 这样的技术创造了完美的时间窗口。

虽然 Hero 现在主要在移动和 Web 应用中推广这项技术,但他们的长远目标显然是 AR。这也解释了为什么他们选择以 SDK 的形式开放技术,而不是只在自己的应用中使用。他们希望建立一个标准,一个未来 AR 交互的基础协议。如果成功,Hero 可能不只是一家应用公司,而是下一代计算平台的基础设施提供者。

SDK 策略的深远意义

Hero 选择以 SDK 形式开放 AI Autocomplete 技术,这是一个非常聪明的战略决策。CTO Seung Woo Lee 解释说:”我们三年前就意识到,AI agent 的瓶颈不会是 AI 浏览互联网和完成任务的能力,而是用户知道该说什么的能力。所以,我们不是再造一个玩’十个问题’游戏的聊天界面,而是推出一个让用户能一次性完成任何多步骤动作的系统。我们相信我们的技术有能力增强今天所有使用自然语言输入的产品。”

这段话揭示了他们的雄心:不是造一个更好的聊天机器人,而是改变整个行业的交互方式。这就需要让其他公司也能使用这项技术,而不是把它封闭在自己的应用中。从商业角度看,这是一个高风险高回报的策略。风险在于,开放技术意味着竞争对手也能使用,可能会削弱自己的差异化优势。回报在于,如果技术被广泛采用,Hero 就能成为这个新交互范式的标准制定者和基础设施提供者。

我认为这个选择体现了创始团队的格局。他们在 Meta 工作过,见识过平台级技术的威力。他们知道,真正改变世界的不是一个优秀的应用,而是一个被广泛采用的标准。就像 HTTP 协议定义了网页浏览,触摸屏定义了智能手机交互,AI Autocomplete 有潜力定义自然语言交互的标准。

SDK 策略还有助于快速验证技术价值和收集反馈。通过让不同行业、不同应用场景的公司使用这项技术,Hero 可以快速发现技术的优势和局限,找到最有价值的应用场景,并根据实际使用情况不断改进。这比自己闷头做一个应用要高效得多。

从生态系统角度看,SDK 策略有助于建立网络效应。使用 Hero AI Autocomplete 的应用越多,用户就越熟悉这种交互方式。用户越熟悉,新应用采用这种交互方式的价值就越大。这种正反馈循环一旦启动,会形成很强的护城河。就像用户习惯了触摸屏之后,任何新的移动设备都必须支持触摸,未来用户习惯了 AI Autocomplete 之后,任何新的自然语言应用可能都需要支持这种交互方式。

这对整个 AI 行业意味着什么

Hero 的 AI Autocomplete 让我重新思考了当前 AI 交互的发展方向。整个行业似乎都在朝着”更自然的对话”这个方向努力,让 AI 更像人类一样交流。但 Hero 提出了一个反直觉的观点:也许最好的交互方式不是完全模拟人类对话,而是结合对话的自然性和表单的结构性。

人类之间的对话之所以高效,是因为双方共享大量背景知识和语境。你和朋友聊天时,可以用很简短的话表达复杂意思,因为你们互相了解。但人和 AI 的对话不一样,AI 不知道你的偏好、习惯和当前情境。如果完全模拟人类对话,就会导致大量不必要的来回确认。

Hero 的方法是承认这个差异,利用 AI 的优势来弥补。AI 可以快速分析任务结构,预测所需信息,实时更新界面。这些都是人类做不到的。通过展示结构化的参数,AI Autocomplete 实际上是在利用机器的优势,而不是试图完全模仿人类。

我认为这种思路会影响整个 AI 产品设计领域。未来我们可能会看到更多混合式交互:既有自然语言的灵活性,又有结构化界面的清晰性。这不是倒退到传统 GUI,而是在更高层次上综合了两种交互方式的优点。

从技术架构角度看,AI Autocomplete 也提出了新的要求。它需要 AI 模型不仅能理解用户意图,还要能预测任务结构和参数需求。这可能会推动一类新的 AI 模型发展,专门用于任务分解和参数预测。Hero 提到他们使用了一系列模型来预测用户可能输入的内容,说明这不是单一模型能解决的问题,而需要专门的技术栈。

对于正在开发 AI 产品的团队来说,Hero 的成功提供了重要启示:不要只关注 AI 的智能程度,还要关注交互设计。最聪明的 AI 如果交互方式糟糕,用户体验也会很差。反过来,即使 AI 能力有限,如果交互设计得当,也能提供很好的用户体验。Hero 的技术本质上是通过更好的交互设计,最大化了现有 AI 能力的价值。

我也在思考这项技术可能的局限性。它适合参数化的、结构化的任务,但对于真正开放式的、需要创造性的对话可能不太适用。比如你和 AI 讨论一个哲学问题,或者寻求情感支持,这种场景下强行展示参数就会显得生硬。所以 AI Autocomplete 可能不会取代所有类型的 AI 交互,而是在特定场景下提供更优选择。

另一个值得关注的是隐私和数据安全。AI Autocomplete 需要理解任务结构和预测用户需求,这意味着它需要访问相当多的上下文信息。如何在提供个性化服务和保护用户隐私之间找到平衡,将是这类技术普及过程中必须解决的问题。

我对 Hero 未来的期待

Hero 目前正在自己的助手应用中测试这项技术,计划在几个月内向用户发布。他们重点展示的功能是帮助用户通过自动补全提示词找到会议时间或和朋友见面的时间。这是一个很实用的场景,也是一个很好的切入点。安排会议往往需要考虑多个人的时间、地点偏好、会议时长等因素,用自然语言描述清楚并不容易。有了 AI Autocomplete,这个过程会简化很多。

但我更期待看到 Hero 在更广泛场景中的应用。比如在旅行规划、购物、客户服务等领域,AI Autocomplete 的价值可能更加明显。Hero 的 SDK 策略意味着我们不需要等 Hero 自己去开发所有应用场景,而是会看到各行各业的公司将这项技术集成到自己的产品中。

从融资角度看,Hero 去年获得了 400 万美元种子轮,现在又获得了 Forerunner Ventures 领投的 300 万美元追加投资。Kowalk 表示,根据应用和 SDK 的增长情况,他们计划在未来几个月筹集更大一轮融资。我认为如果 SDK 能够吸引到一批有影响力的客户,证明技术价值,那么 A 轮融资应该不成问题。这项技术的潜在市场非常大,任何使用自然语言输入的应用都可能是潜在客户。

我也在想,Hero 会不会成为下一个 Twilio 或 Stripe 那样的基础设施公司?Twilio 让每个应用都能方便地集成短信和电话功能,Stripe 让每个应用都能方便地接入支付。Hero 有潜力让每个应用都能方便地提供优秀的自然语言交互体验。如果真的走到这一步,Hero 的价值将远超一个普通的应用公司。

但挑战也是存在的。技术再好,也需要市场教育和生态建设。开发者需要理解这项技术的价值,学会如何集成和使用。用户需要适应这种新的交互方式,培养新的使用习惯。这些都需要时间和持续投入。Hero 团队有 Meta 的背景,应该对这些挑战有充分认识。

我特别欣赏 Hero 团队的一点是,他们在三年前就开始布局这个方向,提前申请了专利。这种前瞻性在快速变化的 AI 领域特别难得。很多公司都在追逐最新的热点,而 Hero 则在思考更根本的问题:人机交互的本质是什么?未来的交互应该是什么样子?这种长期思维是真正有影响力的公司的特质。

最后,我想说的是,Hero 的 AI Autocomplete 提醒我们,AI 革命不只是关于更强大的模型,也关于更好的交互设计。技术进步和设计创新同样重要,甚至在某些场景下,好的设计比更强的模型更有价值。这也是为什么我对 Hero 的未来充满期待。他们不是在和其他公司比谁的模型更强,而是在重新定义人机交互的方式。这种创新往往更持久,也更有影响力。

我相信,几年后回头看,我们会惊讶地发现自己曾经需要花那么多时间和 AI 来回对话,就像我们现在回想起曾经需要记住各种命令行指令一样。AI Autocomplete 可能就是推动这个转变的关键技术之一。‍

转载:人人都是产品经理

 

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

 

image.png

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档