既然 AI 已能通過文字直接生成圖片，卻仍無法獨立完成專業(yè)的 UI 界面設(shè)計，核心原因在于其在理解復(fù)雜業(yè)務(wù)邏輯、創(chuàng)造性表達與情感傳遞上存在天然局限性，這也讓我們清晰認知到 AI 并非萬能。蘭亭妙微 UI 設(shè)計公司在實踐中發(fā)現(xiàn)，AI 雖能針對設(shè)計中的顯性問題，為優(yōu)化工作提供數(shù)據(jù)化的專業(yè)建議，但在深層設(shè)計維度仍有明顯短板。以 58 同城商業(yè)地產(chǎn)頁面設(shè)計稿的評審工作為例，AI 可精準(zhǔn)識別設(shè)計中的亮點與待優(yōu)化點：

一、AI 為界面設(shè)計帶來的三大變革

設(shè)計效率的跨越式提升

產(chǎn)品個性化體驗的深度增強

設(shè)計決策的科學(xué)化支撐

二、AI 在 UI 界面設(shè)計中的三大核心挑戰(zhàn)

難以理解復(fù)雜的業(yè)務(wù)邏輯與隱性需求

缺失創(chuàng)造性與情感表達能力

無法靈活適配動態(tài)的設(shè)計標(biāo)準(zhǔn)

三、Uizard：AI 設(shè)計工具的實際應(yīng)用案例分析

原型設(shè)計：快速實現(xiàn)從草圖到可交互原型的轉(zhuǎn)化

設(shè)計評審：自動化檢測問題，提供標(biāo)準(zhǔn)化優(yōu)化建議

焦點預(yù)測：基于數(shù)據(jù)優(yōu)化界面視覺布局

四、AI 時代，設(shè)計師的核心競爭力提升路徑

深耕業(yè)務(wù)，成為 “業(yè)務(wù)與設(shè)計的橋梁”

提升創(chuàng)造性思維，打造原創(chuàng)設(shè)計能力

擁抱新技術(shù)，實現(xiàn) “人機協(xié)同” 的設(shè)計模式

結(jié)語

編輯導(dǎo)語：在快節(jié)奏的當(dāng)下，金融業(yè)務(wù)的辦理對于金融行業(yè)來說有了更高的要求，在效率為先的基礎(chǔ)上，也要追求服務(wù)體驗。本文以某銀行的金融借貸業(yè)務(wù)為例，分析其服務(wù)體驗優(yōu)化升級的思路，與蘭亭妙微UI設(shè)計公司一起來看看。

在追求效率的今天，辦理金融業(yè)務(wù)的消費者們對金融行業(yè)有了更高的要求。銀行也在追求服務(wù)效率和服務(wù)精準(zhǔn)度方面不斷提升自己的服務(wù)體驗。本文以某銀行金融借貸業(yè)務(wù)流程和產(chǎn)品架構(gòu)優(yōu)化為例，探尋銀行服務(wù)升級之路。

本次服務(wù)升級主要通過神秘人暗訪、競品對比、滿意度調(diào)研和用戶訪談等，對金融借貸業(yè)務(wù)的辦理流程和體驗度量進行梳理，結(jié)合行方產(chǎn)品特點和發(fā)展方向，以服務(wù)設(shè)計為核心和驅(qū)動力，在借貸業(yè)務(wù)服務(wù)流程和產(chǎn)品架構(gòu)層面進行體驗升級，打造更有溫度的金融產(chǎn)品借貸體驗。

一、剖析問題，明確方向

隨著研究的深入，我們發(fā)現(xiàn)由于借貸產(chǎn)品辦理渠道的多樣性和用戶的多層次性，借貸業(yè)務(wù)在服務(wù)體驗層面問題明顯，包括業(yè)務(wù)辦理流程繁瑣、線下線上辦理渠道雜亂、多渠道斷裂、業(yè)務(wù)辦理流程和信息不透明、用戶被動接受等。

在這次的體驗升級項目中，我們對現(xiàn)狀問題進行了分析和討論。與行方、專家、KOL 用戶進行多次腦暴，提煉出“簡單”“快捷”“可視”“個性”四個關(guān)鍵詞，并從“產(chǎn)品”和“服務(wù)”兩個維度進行發(fā)散和思考，為后續(xù)體驗提升和產(chǎn)品設(shè)計提供方向和指導(dǎo)。

“簡單”上，我們從業(yè)務(wù)辦理的場景和流程入手，簡化借貸業(yè)務(wù)辦理流程和用戶信息錄入，減少用戶負擔(dān)；對新老用戶和不同類型的業(yè)務(wù)申請，依靠行方大數(shù)據(jù)能力，實現(xiàn)服務(wù)的高效簡捷。“快捷”上，打通線下、線上的業(yè)務(wù)流程和信息共享，減少不同渠道的辦理壁壘，縮短用戶的辦理周期。

“可視”上，通過業(yè)務(wù)辦理流程和用戶行為軌跡的可視化設(shè)計，讓用戶能夠隨時回溯和感知辦理節(jié)點。

“個性”上，通過用戶畫像進行分層和標(biāo)簽化管理，對用戶進行個性化服務(wù)和業(yè)務(wù)推薦，精準(zhǔn)營銷提升用戶滿意度。

二、場景化打造貼心服務(wù)

借貸業(yè)務(wù)辦理的每個節(jié)點都要考慮到用戶最真切的需求和最希望得到的服務(wù)，是服務(wù)設(shè)計的要點。對應(yīng)到銀行金融借貸業(yè)務(wù)，從一個借貸用戶的行為路徑來看，可以拆解為獲客觸達-產(chǎn)品介紹-申請辦理-簽約放款-還款貸后這五個階段。不同的階段對應(yīng)著不同的用戶心理特征和借貸業(yè)務(wù)的服務(wù)重點。

1. 獲客觸達

無論是傳統(tǒng)行業(yè)亦或是新興行業(yè)，拉新永遠是進行時，獲客觸達始終是第一步。在這個階段，企業(yè)要通過不同的渠道和媒介讓產(chǎn)品被用戶看到，即目標(biāo)用戶在哪里產(chǎn)品宣傳就要到哪里。

此時，要特別注意場景化的運用，我們的宣傳和營銷要貼合用戶的實際場景和需求，通過場景喚醒用戶借貸的某種心理狀態(tài)或需求。簡言之，金融借貸產(chǎn)品在向用戶發(fā)出邀約的當(dāng)下，是否有精準(zhǔn)喚醒用戶“借明天的錢，圓今天的夢”的內(nèi)部動機和美好期許：

預(yù)支一筆費用，為新購置的小家加點裝飾、解決畢業(yè)租房的燃眉之急、添置一套心儀已久的運動裝備……

在安全可信的原則之下，合理運用場景化的營銷理念，通過口碑傳播、營銷短信/電話、平臺官網(wǎng)/APP/微信公眾號/線下物理網(wǎng)點等觸點、合作商戶等的精準(zhǔn)布控，實現(xiàn)用戶的成功觸達。

2. 產(chǎn)品介紹

大多數(shù)情況下，產(chǎn)品介紹環(huán)節(jié)最重要的觸點是人，即行方客戶經(jīng)理。因此，良好的線上/線下客戶經(jīng)理形象、敏銳的需求洞察力，以及較高的業(yè)務(wù)水平?jīng)Q定了產(chǎn)品介紹環(huán)節(jié)的用戶體驗高度和滿意度。

在產(chǎn)品介紹階段，需通過客戶經(jīng)理解決用戶在產(chǎn)品認知階段遇到的困惑和疑慮，包括用戶不能自主解決的、產(chǎn)品信息簡略、內(nèi)容不夠精確的、產(chǎn)品介紹入口不可尋或詳細說明不可觸達的、信息可靠性受客戶經(jīng)理牽制、信息片面等問題。

提升本階段的服務(wù)體驗，觸點環(huán)節(jié)需要做好用戶、客戶經(jīng)理、說明文本三方面的體驗工作。如賦能用戶自主了解、熟悉產(chǎn)品和解決問題的能力、提升客戶經(jīng)理響應(yīng)速度和服務(wù)態(tài)度、提升產(chǎn)品信息（紙質(zhì)&電子產(chǎn)品文本）透明度。

3. 申請辦理

“申請辦理”這個階段是需要用戶與客戶經(jīng)理密切配合的、需要用戶高密集的信息確認與反饋、申請材料的整理與提交、明確貸款許可（申請額度、貸款類型）、確定權(quán)利與義務(wù)范疇（包括還款期限、利率、還款方式、還款限制與補充說明等）的階段。

該階段業(yè)務(wù)系統(tǒng)（平臺&客戶經(jīng)理）的可用性，及其間接傳遞出的價值觀，是影響用戶對全流程服務(wù)體驗的至關(guān)重要因素。這一階段，用戶存在的痛點包括申請辦理過程缺乏對全流程的掌控感、申請辦理過程安全感差，官方認證感覺差、對申請流程及所需材料感知不清晰、申請辦理操作成本高。

為解決“申請辦理”階段各個觸點用戶的問題，重點需要在流程設(shè)計上做好提升安全感、加強可視化、確保強反饋三個方面的工作。

具體而言，首先需要做到申請辦理過程中各渠道對外標(biāo)識一致、統(tǒng)一；線上/線下對接的客戶經(jīng)理能夠提供專業(yè)標(biāo)準(zhǔn)的服務(wù)；申請流程及進度可視化；申辦材料簡單易懂、有材料清單和說明幫助方便用戶準(zhǔn)備和提交、提供線下線上多渠道提交窗口；在用戶辦理異常時有專業(yè)人員及時跟進處理、對用戶的疑問及時反饋和解答，幫助用戶更好地進行申辦。

4. 簽約放款

簽約過程的儀式感、順暢度，簽約人員的禮儀及態(tài)度，貸款合同的可讀性、易保存性，簽署時給予用戶的主動性等，都影響著用戶的情緒體驗（緊張-放松、尷尬-自然、局促-舒緩、擔(dān)憂-平靜），進而影響到用戶對整個機構(gòu)專業(yè)性和安全性的感知和評價。

簽約過程需要盡可能避免過度 push 用戶，喚起緊張、被動的不良感知；避免開放環(huán)境，注重用戶隱私保護；把后續(xù)還款時間節(jié)點、還款方式、短信提醒等內(nèi)容生成清單轉(zhuǎn)交用戶，并告知注意事項。同時需要告知用戶簽約結(jié)束并不代表交易地結(jié)束，持續(xù)跟進、專業(yè)及時的咨詢服務(wù)全天候向用戶開放，會有效的提升用戶滿意度。

5. 還款貸后

此階段的用戶，壓力感和緊張感都已降到最低，但在首次還款時，仍然有可能因還款信息不清晰、客戶經(jīng)理態(tài)度冷淡而產(chǎn)生猶疑、擔(dān)憂和怨懟，并因此回想起前期流程中的體驗瑕疵，影響對整個流程的體驗評價。

作為全流程用戶體驗的“終點”環(huán)節(jié)，本階段更要注意用戶服務(wù)的細節(jié)和方式，包括通過短信、微信和 APP 等方式及時提醒用戶還款信息、還款途徑，要注意提醒方式的克制，不能過度打擾用戶；貸后關(guān)系的維護，如首次還款提醒、后續(xù)流程告知、問題咨詢響應(yīng)速度和反饋質(zhì)量等。

還款貸后階段，還款及貸后提醒的專業(yè)性及時性、客戶回訪及服務(wù)流程告知、逾期管理標(biāo)準(zhǔn)化流程需要重點關(guān)注。

通過分析銀行金融借貸業(yè)務(wù)的“五個流程+N個觸點”，我們不難發(fā)現(xiàn)：想要更好的用戶體驗，不能只盯在產(chǎn)品有多少功能、種類有多么豐富、幫助手冊有多么詳實等幾個片面的服務(wù)孤島上，而是需要基于體驗場景，將用戶體驗流程串成鏈條，在各個觸點、各個階段落實“以用戶為中心”服務(wù)設(shè)計理念，讓用戶在鏈路的所有觸點體驗到安全、便捷、舒適的服務(wù)。

轉(zhuǎn)載：人人都是產(chǎn)品經(jīng)理

蘭亭妙微（藍藍設(shè)計）www.xintaizi.com 是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。

2026年的UI設(shè)計，不再強調(diào)嚴苛的視覺規(guī)則，而是更注重結(jié)合使用場景做出合理的設(shè)計選擇。

設(shè)計師不再默認選用極簡或極繁風(fēng)格，而是根據(jù)用戶需求、情感訴求以及產(chǎn)品的實際使用方式來設(shè)計。

其中一個重大變化是，只要設(shè)計目的明確，人們對復(fù)雜設(shè)計的接受度大幅提升。

界面可以層次感豐富或富有表現(xiàn)力，只要易于理解就是合理的設(shè)計。

適配性是塑造2026年UI設(shè)計的另一核心趨勢。界面的響應(yīng)性不斷升級，不僅能適配屏幕尺寸，還能根據(jù)用戶的行為和偏好做出調(diào)整。

動效、色彩與布局的設(shè)計，不再只是為了裝飾界面，更是為了傳遞設(shè)計意圖。

這些變化共同指向了一種更平衡的設(shè)計思路，讓視覺風(fēng)格與產(chǎn)品易用性同步發(fā)展、相輔相成。

01 觸覺極致化和3D縱深感

歷經(jīng)多年的扁平化界面設(shè)計后，2026年UI設(shè)計在視覺上的一大重要變化，是重新聚焦于設(shè)計的縱深感與質(zhì)感。

通過分層布局、立體組件和細膩的三維元素，讓界面重新?lián)碛锌臻g維度。

觸覺極致化并非讓界面變得雜亂無章、令人眼花繚亂，而是讓數(shù)字元素更具物理質(zhì)感和交互反饋感。

按鈕設(shè)計看起來觸手可及，而非單純的符號；

圖標(biāo)設(shè)計兼具重量感與質(zhì)感。

這些細節(jié)能讓用戶無需額外說明，就能理解各元素的使用方式。

渲染技術(shù)、產(chǎn)品性能和瀏覽器支持度的提升，讓設(shè)計師能輕松為界面添加3D效果，且不會拖慢產(chǎn)品運行速度、影響產(chǎn)品的可訪問性。

02 動態(tài)排版

2026年的排版設(shè)計不再局限于靜態(tài)布局，為文字賦予動態(tài)效果的動態(tài)排版，正從純粹的裝飾元素，成為界面設(shè)計的核心組成部分。

用戶滾動頁面時，標(biāo)題文字可能會拉伸、位移或做出其他響應(yīng)；用戶點擊或懸停時，標(biāo)簽文字也會產(chǎn)生細微的動態(tài)變化。

這些動效能清晰傳遞視覺焦點、層級或狀態(tài)的變化，且設(shè)計的核心是提升文字的可讀性，而非分散用戶注意力。

合理運用動態(tài)排版，能為界面賦予情感與韻律，讓產(chǎn)品呈現(xiàn)出更活潑、精致或趣味的氣質(zhì)，同時也能幫助用戶更輕松地瀏覽復(fù)雜的界面布局。

2026年，排版不再只是承載內(nèi)容的載體，更在塑造整體用戶體驗中扮演著主動且關(guān)鍵的角色。

03 柔和光影和雜志質(zhì)感

在大膽且富有表現(xiàn)力的界面設(shè)計成為潮流的同時，受雜志排版啟發(fā)的柔和、簡約設(shè)計風(fēng)格也愈發(fā)受青睞。

這一設(shè)計趨勢借鑒印刷雜志、攝影作品和高端出版物的設(shè)計思路，并將其適配應(yīng)用于數(shù)字產(chǎn)品設(shè)計中。

柔和光影風(fēng)格的UI設(shè)計，通過柔和的漸變、漫射的陰影和細膩的紋理營造溫暖的氛圍與視覺縱深感，同時又不會造成視覺雜亂。

配色方案通常以低飽和度的中性色、暖白色為主，搭配少量點綴色，整體呈現(xiàn)出舒緩、簡潔且設(shè)計感十足的視覺效果。

兼具雜志質(zhì)感的界面布局，注重留白設(shè)計、視覺韻律與清晰的層級劃分，讓內(nèi)容有足夠的呼吸空間，同時又能保持精致的設(shè)計感。

這種設(shè)計思路特別適用于創(chuàng)意工具、內(nèi)容平臺和生活方式類產(chǎn)品——這類產(chǎn)品的設(shè)計氛圍與基調(diào)尤為重要。

04 科幻風(fēng)未來感漸變

在設(shè)計風(fēng)格的另一維度，科幻風(fēng)漸變在2026年的使用頻率大幅提升，尤其適用于科技類和實驗性產(chǎn)品設(shè)計。

這類界面常運用高對比度、大膽的色彩搭配和富有氛圍感的光影效果，打造極具未來感的視覺體驗。

未來感漸變設(shè)計通常以深色為背景，搭配霓虹藍、亮紫、金屬色等鮮艷的電光色系，營造出極具電影質(zhì)感的視覺效果，現(xiàn)代感與沉浸感拉滿。

合理運用這類漸變設(shè)計，既能凸顯產(chǎn)品的創(chuàng)新屬性，又不會讓整體設(shè)計顯得雜亂。

這種設(shè)計風(fēng)格在深色模式下的表現(xiàn)尤為出色，發(fā)光的點綴元素與分層的光影效果，能為界面增添更多縱深感與氛圍感。

漸變的應(yīng)用場景也不再局限于背景，如今還被廣泛運用于按鈕、文字和交互元素的設(shè)計中。

2026年，漸變不再只是裝飾性的設(shè)計元素，更在品牌塑造與視覺敘事中發(fā)揮著關(guān)鍵作用。

05 新一代動態(tài)圖形

2026年的動態(tài)圖形設(shè)計已完全融入UI設(shè)計體系，不再局限于基礎(chǔ)的懸停效果或加載動畫。

動效設(shè)計被用于詮釋各界面元素之間的關(guān)聯(lián)、提供清晰的交互反饋，還能讓不同交互場景間的過渡更流暢。

屏幕切換的動效設(shè)計目標(biāo)明確、銜接自然，動畫效果能根據(jù)用戶的操作做出實時且自然的響應(yīng)。微交互動效則無需過多文字說明，就能清晰展示系統(tǒng)狀態(tài)、引導(dǎo)用戶操作。新一代動態(tài)圖形設(shè)計的核心優(yōu)勢，在于動效的細膩度與一致性。

動效不會刻意吸引注意力，而是通過讓界面更易懂、更好用，為整體使用體驗賦能。

隨著設(shè)計工具與框架的不斷升級，動態(tài)圖形設(shè)計已不再是特殊的可選設(shè)計元素，而是優(yōu)質(zhì)UI設(shè)計的必備組成部分。

06 新極簡主義

極簡主義在2026年依然是主流設(shè)計思路，但已進化為更具表現(xiàn)力、更以人為本的新極簡主義。

這種設(shè)計風(fēng)格保留了傳統(tǒng)極簡設(shè)計的清晰性與簡潔性，同時融入了溫暖的氛圍、細膩的質(zhì)感與靈活的設(shè)計手法。

新極簡主義的界面設(shè)計摒棄強烈的色彩對比與刻板的網(wǎng)格布局，轉(zhuǎn)而采用柔和的色彩過渡、圓角元素與更具有機感的留白方式。

字體的選擇經(jīng)過精心考量，不再追求中性化，細微的視覺細節(jié)為設(shè)計增添獨特個性，又不會造成視覺雜亂。

這一設(shè)計趨勢的興起，反映出人們逐漸意識到：極簡主義并非只能營造冰冷、缺乏人情味的視覺效果。

新極簡主義在追求設(shè)計清晰性的同時，將使用舒適度放在重要位置，打造出既高效又富有情感溫度的界面。

07 敘事化設(shè)計

敘事化設(shè)計已成為UI設(shè)計中愈發(fā)重要的組成部分，尤其適用于以教育、啟發(fā)用戶或引導(dǎo)用戶完成復(fù)雜操作為核心目標(biāo)的產(chǎn)品。

2026年的界面設(shè)計不再追求一次性展示所有內(nèi)容，而是遵循敘事邏輯，隨用戶操作逐步呈現(xiàn)內(nèi)容。

基于滾動的敘事設(shè)計、漸進式信息展示和隨操作變化的視覺效果，讓用戶能以結(jié)構(gòu)化、沉浸式的方式瀏覽內(nèi)容。

動效、色彩與布局的變化，能清晰傳遞內(nèi)容的推進節(jié)奏與使用場景，讓用戶的交互過程成為一場連貫的體驗之旅。

這種設(shè)計思路將信息傳遞與用戶自然的探索習(xí)慣相結(jié)合，有效提升用戶對內(nèi)容的理解度與參與度。

主打敘事化設(shè)計的界面，不會用繁多的選項讓用戶感到無從下手，而是為用戶提供清晰的操作指引與體驗節(jié)奏。

08 新復(fù)古風(fēng)格

懷舊風(fēng)依舊在影響UI設(shè)計，但在2026年，這種風(fēng)格呈現(xiàn)出更精致、更具設(shè)計意圖的新形態(tài)。

新復(fù)古風(fēng)格將早期的數(shù)字美學(xué)與現(xiàn)代設(shè)計標(biāo)準(zhǔn)、技術(shù)相結(jié)合，做出全新的設(shè)計詮釋。

像素紋理、復(fù)古配色方案和經(jīng)典的界面設(shè)計元素，通過高分辨率視覺效果、流暢的動效和自適應(yīng)布局被重新演繹，最終呈現(xiàn)的設(shè)計既帶有熟悉的懷舊感，又不會顯得過時。

這一設(shè)計趨勢能引發(fā)用戶共鳴，因為它將情感記憶與當(dāng)代的產(chǎn)品易用性巧妙結(jié)合。

在致敬經(jīng)典的同時擁抱現(xiàn)代設(shè)計，新復(fù)古風(fēng)格的界面營造出一種跨世代的視覺延續(xù)感，能吸引不同年齡段的用戶。

09 舒緩式界面

隨著數(shù)字產(chǎn)品的滲透度越來越高，設(shè)計中對用戶心理舒適度和長期使用體驗的重視程度也不斷提升。

舒緩式界面設(shè)計將可預(yù)測性、可訪問性和情感舒適度放在首位，而非追求持續(xù)的視覺刺激。

這類界面會減少不必要的通知提醒、降低視覺干擾，且謹慎使用動效；配色方案的選擇以提升使用舒適度為核心，布局設(shè)計則注重一致性與清晰性。

舒緩式界面設(shè)計對生產(chǎn)力工具、健康類平臺和用戶日常高頻使用的應(yīng)用尤為重要。

2026年，尊重用戶的注意力，已逐漸成為評判設(shè)計品質(zhì)的重要標(biāo)準(zhǔn)。

10 手勢交互設(shè)計

隨著觸控技術(shù)、運動傳感器和空間計算技術(shù)的不斷發(fā)展，手勢交互設(shè)計的應(yīng)用愈發(fā)廣泛。

在許多界面中，滑動、拖拽、長按和多點觸控等手勢操作，正逐步取代傳統(tǒng)的可視化控件。

合理的手勢交互設(shè)計能減少視覺雜亂，打造更流暢的交互模式，但這需要設(shè)計師做好新手引導(dǎo)與交互反饋設(shè)計，確保手勢操作的易發(fā)現(xiàn)性與可訪問性。

2026年，成功的手勢交互界面設(shè)計，都能在保證直觀易用的同時，兼顧設(shè)計的清晰性。

轉(zhuǎn)載：人人都是產(chǎn)品經(jīng)理

最后

優(yōu)秀的UI設(shè)計，能在表現(xiàn)力與克制感、創(chuàng)新性與易用性、美學(xué)設(shè)計與人文共情之間找到完美平衡。

設(shè)計師不僅關(guān)注界面的視覺效果，更重視用戶的使用感受，才能打造出超越表面視覺吸引力、引發(fā)用戶深度共鳴的產(chǎn)品體驗

蘭亭妙微（藍藍設(shè)計）www.xintaizi.com 是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。

今天蘭亭妙微UI設(shè)計公司來和大家聊聊在 B 端設(shè)計當(dāng)中十分基礎(chǔ)，但是爭議越來越大的組件：步驟條

因為在過去很長一段時間里，步驟條幾乎是 B 端復(fù)雜表單的“標(biāo)配”，只要遇到信息量大的任務(wù)，設(shè)計師的第一反應(yīng)往往是：太長了，用步驟條切分一下吧；產(chǎn)品經(jīng)理設(shè)計原型也是：邏輯復(fù)雜了，步驟條來一下吧。

但是在 2026 年的今天，我們重新在看很多表單時，經(jīng)常會出現(xiàn)濫用表單的情況，而很多高效的 SaaS 產(chǎn)品正在讓步驟條退場，取而代之的時更扁平、直觀的單頁交互。

為什么會出現(xiàn)這種變化？我們在設(shè)計表單時，到底該如何抉擇？今天我們就來深入討論一下。

一、步驟條的“舒適區(qū)”

首先，在交互設(shè)計初期，我們需要承認步驟條確實做出了很多貢獻。在交互設(shè)計的理論當(dāng)中，步驟條的核心價值在于“降低認知負荷”。

它利用的就是心理學(xué)中的“組塊化”原理，將一個龐大的任務(wù)（比如 50 個填寫項）拆解為若干個小任務(wù)（Step 1、Step 2、Step 3）。

這種邏輯非常線性，同時能夠降低用戶的理解成本，通過步驟引導(dǎo)用戶，避免了他們在復(fù)雜的流程中迷路，所以最初在 C 端產(chǎn)品當(dāng)中經(jīng)常使用。

同樣這樣就造成了很多設(shè)計師的路徑依賴：只要表單長，就用步驟條，產(chǎn)品經(jīng)理的視角也是如此

二、B 端場景下的“水土不服”

然而，這種線性邏輯遇到復(fù)雜的 B 端業(yè)務(wù)時，問題就會出現(xiàn)。

因為 B 端通常都是專家型用戶，他們在處理業(yè)務(wù)時，需要的往往不是“保姆式的引導(dǎo)”，而是“全局的掌控感”。

步驟條在 B 端復(fù)雜場景下，存在三個致命的體驗缺點：

1. 全局感的缺失

這是最嚴重的問題。想象一下，一個采購員正在創(chuàng)建一個復(fù)雜的入庫單，如果使用步驟條，他必須填完基礎(chǔ)信息點擊下一步，才能看到物料明細。

但在實際業(yè)務(wù)中，他可能需要看著“物料明細”的種類，反過來去修改“基礎(chǔ)信息”里的倉庫類型。

步驟條這時候就是一堵墻，切斷了信息之間的聯(lián)系。用戶被迫在“上一步”和“下一步”之間反復(fù)橫跳，導(dǎo)致使用步驟條表單異常痛苦，極大地降低了錄入效率。

2. 錄入流的中斷

B 端的高效錄入講究的是 連貫、一氣呵成，通常需要高效的無鼠標(biāo)快速操作。

而步驟條的每一次“下一步”點擊，本質(zhì)上都是一次系統(tǒng)級的強打斷，它強制用戶從輸入的心流中抽離出來，停下手中的動作去尋找按鈕、等待頁面校驗或刷新。對于每天要處理上百個表單的業(yè)務(wù)員來說，這種高頻的中斷會成倍放大操作的疲勞感。

3. 修改成本高昂

在傳統(tǒng)的單頁長表單中，發(fā)現(xiàn)數(shù)據(jù)填錯，用戶只需鼠標(biāo)滾動回去修改即可，所見即所得。

但在步驟條模式下，修改成本被無限放大：用戶可能需要連點兩次“上一步”，修改完成后，再連點兩次“下一步”才能回到原位。

更糟糕的是，B 端表單不僅用于“新建”，更常用于數(shù)據(jù)的“二次編輯”。如果是為了修改最后一步的某個小字段，用戶卻不得不把前面的步驟全部重新點擊過一遍（甚至可能觸發(fā)連環(huán)的必填項校驗攔截）。在編輯場景下，步驟條帶來的交互冗余是成倍增加的。

三、趨勢變革與使用決策

目前我們看到越來越多的系統(tǒng)，正在提出一個新的要求：“非必要，不步驟”。

B 端產(chǎn)品開始轉(zhuǎn)向“長表單 + 錨點導(dǎo)航”的模式。這種現(xiàn)象我認為其實就是在：把業(yè)務(wù)的處理掌控權(quán)，徹底交還給用戶。

全局視角：目前其實最常見的做法就是將基礎(chǔ)信息、詳細配置、關(guān)聯(lián)數(shù)據(jù)等所有模塊，展示到一個空間當(dāng)中，配合頁面當(dāng)中的 錨點定位，用于告訴用戶頁面的整體情況，這樣就能消除未知的焦慮。

隨機存取：在表單層面，我們希望徹底解放線性順序的束縛。用戶不再受制于系統(tǒng)，可以根據(jù)手頭掌握的資料靈活決定錄入節(jié)奏，對于很多當(dāng)前信息缺失的情況，我們可以提供更多新增的入口，減少用戶跳轉(zhuǎn)。

同時需要考慮草稿箱、暫存等功能，給表單提供非線性的操作路徑，才能契合真實的復(fù)雜業(yè)務(wù)場景。

沉浸式心流： 通過上下翻頁替代步驟跳轉(zhuǎn)，我們發(fā)現(xiàn)在單一頁面中，能夠使用戶更容易沉浸心流，專注填寫。

難道就不能用步驟條了？

作為設(shè)計師，我們需要明確步驟條的使用決策。

在決定使用哪種組件時，先問自己兩個問題：

Q1：后續(xù)步驟的內(nèi)容，是否與前一步內(nèi)容會有依賴？是 → 使用步驟條。（比如：Step 1 選了“企業(yè)”，Step 2 才出現(xiàn)“營業(yè)執(zhí)照”上傳入口；選了“個人”，Step 2 則是“身份證”。前后有強邏輯耦合。）否 → 使用單頁錨點。（比如：填寫入職信息，基本信息和教育經(jīng)歷之間沒有邏輯依賴，只是信息的類目不同。）

Q2：這個任務(wù)是否是一次性的、不可逆的？是 → 使用步驟條。（比如：大額轉(zhuǎn)賬匯款、極低頻的系統(tǒng)初始化向?qū)В枰脩舨讲酱_認，謹慎操作）否 → 使用單頁錨點。（比如：日常的高頻數(shù)據(jù)錄入、編輯商品詳情信息）

寫在最后

其實在我看來，很多系統(tǒng)“去步驟條化”，本質(zhì)上是要求設(shè)計師跳出組件庫的舒適區(qū)，重新深挖業(yè)務(wù)場景。

作為 B 端設(shè)計師，我們不能成為盲目拖拽組件的執(zhí)行者，而要在業(yè)務(wù)效率與交互心智之間找到最佳平衡點，這才是我們不可替代的價值。

轉(zhuǎn)載：人人都是產(chǎn)品經(jīng)理

蘭亭妙微（藍藍設(shè)計）www.xintaizi.com 是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。

作為專注于體驗設(shè)計的創(chuàng)新團隊，蘭亭妙微UI設(shè)計公司認為：一個好的設(shè)計，不僅要解決問題，更要撫慰情緒。我們從“不確定感”“壓力”和“關(guān)懷”三種典型情緒出發(fā)，重新拆解航班狀態(tài)頁的設(shè)計邏輯，讓它不再是冰冷的工具，而是成為用戶旅程中善解人意的“情緒伙伴

你有沒有匆忙趕著去機場的經(jīng)歷？是否也在航班延誤時感到過焦慮？ 這些情緒我們都曾體驗過——但它們真的被運用到設(shè)計中了嗎？

這一次，我們從“情緒”出發(fā)，重新設(shè)計了航班狀態(tài)頁，分享 3 個由用戶情緒驅(qū)動的設(shè)計決策。

01.情緒：不確定感

想象一下這個場景： 用戶可能正坐在趕往機場的火車上。一邊盯著時間，一邊核對路線，腦子里不斷計算著：“我來得及嗎？萬一航班有變化怎么辦？”

這是一種非常典型的不確定時刻。 不是恐慌，而是那種微妙卻持續(xù)的緊張——用戶此刻只想確認一件事：一切是否仍在按計劃進行。

我們的設(shè)計回應(yīng)在這個場景中，用戶最需要的，其實就是航班狀態(tài)信息本身的確定性反饋。 而最常見、也最容易引發(fā)誤解的狀態(tài)之一，就是航班“延誤”。

但延誤并不等于災(zāi)難——航班依然會飛，有時甚至反而給用戶多出了一點趕往機場的時間；起飛延誤，也不一定意味著落地延誤。

而在舊版本中，“延誤”與“取消”使用了同一種紅色。這種表達，會在第一秒就把“延誤”解讀為一種危險信號，放大了用戶原本就存在的不確定感。

因此在改版中，我們將“延誤”的顏色調(diào)整為橙色：

• 與“正常起飛”的綠色保持清晰區(qū)分
• 在視覺上依然足夠顯眼
• 但在情緒感知上更加克制
• 也更符合“延誤”本身的真實嚴重程度

一個顏色的變化，背后對應(yīng)的其實是一種“風(fēng)險等級可視化分級設(shè)計”，而不是簡單的視覺改動——讓信息 既足夠被看見，又不會過度制造恐慌。

也正是在這種細微的情緒調(diào)節(jié)中，用戶的不確定感被悄悄降低了。

02.情緒：壓力

再換一個場景：用戶已經(jīng)站在值機柜臺前，一只手拿著護照，另一只手扶著行李，也許身旁還有一個小孩正拉著他們的衣角。外部刺激密集、節(jié)奏迅速，這是一種短暫但強烈的壓力時刻。

在這種狀態(tài)下，用戶最迫切的需求，往往不是“瀏覽”； 而是馬上確認關(guān)鍵信息是否齊全——PNR 號、行李額度、值機所需的任何關(guān)鍵信息。 這不是一個可以讓用戶慢慢尋找入口的時刻。

他們只想快速、明確、毫不猶豫地進入「我的預(yù)訂」。

我們的設(shè)計回應(yīng)

航班狀態(tài)頁，往往是用戶走到柜臺前最后查看一次的頁面。  因此在這個高壓場景中，“我的預(yù)訂”必須是第一時間被看到的入口。

在這次改版中，我們做了三件小調(diào)整：

1. 讓入口更加明顯
2. 增加圖標(biāo)，方便用戶快速理解
3. 文案從泛泛的“查看預(yù)訂（View bookings）”，調(diào)整為更貼近當(dāng)下心智模型的“我的預(yù)訂 My booking”

這些變化看起來都不大，但它們背后遵循的是同一個原則：在高壓力狀態(tài)下，為用戶提供「最短決策路徑（Shortest Decision Path）」。

當(dāng)用戶無需思考“我要點哪里”，而是第一眼就知道“這就是我要找的”，壓力，便在這一瞬間被有效削減了。

03.情緒：關(guān)懷（Care）

在旅程的后半段，節(jié)奏逐漸慢了下來。

用戶已經(jīng)通過安檢，買了一杯咖啡，坐下等待登機。

在這個相對放松的時刻，他們偶爾會再次打開航班狀態(tài)頁，然后看到一個按鈕：“分享航班狀態(tài)”。

也正是在這一瞬間，用戶的情緒，從“關(guān)注自己”，悄然轉(zhuǎn)向了“想到別人”。

他們會想到來接機的朋友或家人——

是否順利、是否會在機場焦急地反復(fù)確認時間。 于是，一個非常真實、也非常普遍的念頭出現(xiàn)了：“我想讓對方更方便一點。”

我們的設(shè)計回應(yīng)

為了讓這種“關(guān)懷”更容易被表達，我們在這次改版中優(yōu)化了“航班分享”的入口： 讓用戶可以一鍵將航班信息發(fā)送給接機的人， 對方無需再向用戶反復(fù)確認，便能直接跟蹤航班的實時動態(tài)。

這不是一個效率型功能，而是一個典型的“情緒外溢（Emotional Spillover）”場景——用戶所感知到的安心，被自然地傳遞給了另一端的人。

設(shè)計在這一刻所做的，只是順勢托住了這種善意：讓用戶，幫別人更輕松一點。

結(jié)語：像方法派演員一樣設(shè)計

如果要總結(jié)這一切，我想說：設(shè)計不僅是在“做界面”，而是在“進入用戶的情緒”。

這有點像演員的“方法派表演（Method Acting）”——他們不是站在外面詮釋角色，而是走進角色，成為角色本身。

當(dāng)你也帶著這樣的方式進入用戶的情緒場景時，你會發(fā)現(xiàn)：

很多設(shè)計決策不再是反復(fù)權(quán)衡的“選擇題”，而會變成一種順理成章、甚至“非這樣不可”的結(jié)果。

因為此時你已經(jīng)不再是站在屏幕這一側(cè)為用戶設(shè)計，你是在用戶的狀態(tài)之中，替他們做出判斷。

轉(zhuǎn)載：人人都是產(chǎn)品經(jīng)理

蘭亭妙微（藍藍設(shè)計）www.xintaizi.com 是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。

1.大腦是個 “偷懶的天才”（認知負荷）

關(guān)鍵在于：人類的大腦很強大，但也超級 “偷懶” 。

我們一直都在努力節(jié)省腦力。這就是為什么優(yōu)秀的 UI 設(shè)計不會讓人們進行沒必要的思考。要是你的應(yīng)用程序用起來像解謎游戲，用戶會直接離開，說不定走之前還會留下一篇言辭激烈的差評。

設(shè)計不是為了炫耀你有多聰明，而是要讓用戶感覺自己很聰明 。

這些技巧能讓大腦 “不宕機” ：

• 清晰呈現(xiàn)層級關(guān)系。通常，每個界面只設(shè)置一個主要操作就夠了。
• 別搞沒必要的選擇。這又不是智力競猜節(jié)目。

把復(fù)雜內(nèi)容藏起來，等需要的時候再展示。（對，說的就是你 “高級設(shè)置” 。 ）

2.“選擇過多” 問題（希克定律）

希克定律很簡單：你給別人的選擇越多，他們做決定花的時間就越長，而且越想哭，或者直接放棄。

你有沒有盯著一個按字母順序排列，從 “阿富汗” 開始羅列了 30 個國家的下拉菜單發(fā)懵？就是這種情況。

設(shè)計要做的是減少決策難度。不是剝奪用戶選擇自由，而是讓選擇路徑一目了然。

像極簡主義者一樣設(shè)計：

• 把大任務(wù)拆分成小步驟。
• 突出最常見或推薦的選項。
• 使用默認設(shè)置，反正大多數(shù)用戶都會選它。

3.目標(biāo)應(yīng)易于點擊（菲茨定律）

小得可憐的按鈕、細得離譜的文本鏈接，還有關(guān)閉按鈕 “X” 比果蠅還小的可關(guān)閉彈窗。

我們都為此吐槽過。菲茨定律表明，點擊某物所需的時間取決于兩個因素：目標(biāo)的大小和距離。所以，要是你想讓用戶真的去點擊按鈕，那就得讓它便于點擊。

實用建議如下：

• 增大觸摸目標(biāo)，在移動端尤其如此。畢竟沒人能像忍者那樣手指精準(zhǔn)。
• 把主要按鈕放在易于觸及的位置，想想大拇指操作的區(qū)域。
• 避免將操作按鈕堆疊得太近。誤觸現(xiàn)在可是新的“抓狂亂點”源頭。

4.視覺層級：為何你的用戶會迷失

用戶看屏幕可不是從上到下逐行閱讀，他們?yōu)g覽的樣子就像喝了濃縮咖啡的松鼠，這兒瞅瞅那兒看看。

所以，你得像指揮家引領(lǐng)管弦樂隊那樣把控視覺層級。通過尺寸、顏色、粗細和間距來告訴用戶：“嘿，先看這兒！”

要是沒有視覺層級，所有元素都在爭搶用戶的注意力。可要是所有元素都在大喊大叫，那就什么都聽不見了。

不妨試試這些方法：

• 主要操作使用粗體，不太重要的內(nèi)容用細一些的字體。
• 像對待本職工作一樣利用好留白（因為這就是你的工作）。
• 想快速檢驗效果？瞇著眼看你的設(shè)計，最先映入眼簾的就是焦點。

5.熟悉感勝過創(chuàng)意

你或許想成為按鈕設(shè)計界的畢加索，或者重新發(fā)明導(dǎo)航欄。但你猜怎么著？人們偏愛他們熟悉的東西。

登錄表單總是按固定順序設(shè)置郵箱和密碼輸入框，這并非偷懶，而是因為大家對此熟悉。

具體做法如下：

• 關(guān)鍵流程，如注冊、結(jié)賬、導(dǎo)航等，沿用標(biāo)準(zhǔn)的UI模式。
• 把創(chuàng)意用在微交互或視覺效果上，別用在基礎(chǔ)布局上。
• 記住：熟悉意味著可靠，怪異則會引發(fā)懷疑。

6.物以類聚（格式塔心理學(xué)）

格式塔心理學(xué)本質(zhì)上是我們大腦快速解讀現(xiàn)實的方式。我們不會把事物看成孤立的元素，而是依據(jù)接近性、相似性、對齊方式和連續(xù)性對它們進行分組。

如果你的用戶界面（UI）不遵循這些模式，用戶就會感到困惑。而困惑會讓用戶迅速關(guān)閉頁面。

舉例如下：

• 外觀相似的按鈕應(yīng)該執(zhí)行類似的操作，別誤導(dǎo)用戶。
• 在表單中，將相關(guān)字段放在一起，別把“姓名”和“郵箱”像彩蛋一樣隨意分散。
• 對齊內(nèi)容，未對齊的元素會在潛意識層面引發(fā)混亂。

7.情感大于邏輯

告訴你個秘密：人們做決策時憑的是情感，之后才從邏輯上找理由。這一點在 UI 設(shè)計中同樣適用。

想想看，你有沒有因為某個按鈕給人的感覺很好就點了它？比如那令人愉悅的懸停效果，或是那巧妙的動畫。

設(shè)計能引發(fā)愉悅感，也可能帶來挫敗感。

如何從情感角度進行設(shè)計：

• 使用有個性的微文案，一點點魅力就能產(chǎn)生很大效果。
• 動畫要流暢得像黃油般順滑，而不是像邁克爾?貝電影那樣夸張。
• 打造令人愉悅的瞬間：比如一條歡快的成功提示信息、一個五彩紙屑動畫，或是一個讓人滿意的加載狀態(tài)。

8.人們記住的是峰值與結(jié)尾（峰終定律）

用戶不會記得使用過程中的每一秒，他們記住的是最強烈的瞬間和結(jié)尾，這就是峰終定律。

所以，如果你的結(jié)賬流程十分順暢，但確認頁面卻像 404 錯誤頁一樣糟糕，猜猜他們會記住什么？

設(shè)計小貼士：

• 找出你的“峰值時刻”，讓它們令人愉悅。
• 絕不要忽視結(jié)尾。確認消息、感謝頁面、注冊成功頁面，它們比你想象的更重要。

9.用戶體驗的真正大敵：不確定性

要是用戶不確定某個按鈕的功能，就會猶豫不決。而這種猶豫會破壞操作的連貫性。

最出色的用戶界面（UI）能消除疑慮。它們仿佛在告訴用戶：“嘿，點這兒，放心，不會誤刪所有東西。”

可以利用以下方法：

• 清晰的標(biāo)簽：“保存草稿”就比“提交”更明晰。
• 微文案：短短一行字就能打消用戶的顧慮。
• 反饋：及時告知用戶剛剛發(fā)生了什么，以及接下來會怎樣。

10.助你保持思路清晰的工具

說實話，有時候你確實沒時間從頭構(gòu)建每一個流程。這時候，像 “Made in Figma” 這樣的插件就能救急。

它能讓你直接使用預(yù)先構(gòu)建好的 UI 流程和組件，這些都遵循了最佳實踐。無需猜測，也不用到處找靈感。就好比有個不嘮叨的設(shè)計副駕在幫你

當(dāng)我想在不犧牲質(zhì)量的前提下快速推進工作，或者大腦靠咖啡因強撐，只需要一個可靠的布局來開展工作時，我就會經(jīng)常用它。

額外福利：要是你還在看……

首先，感謝你。顯然你對優(yōu)秀設(shè)計非常上心。

其次，這里有一份基于心理學(xué)的 UI 設(shè)計小抄：

• 去除干擾（少即是多）
• 引導(dǎo)視覺
• 遵循默認設(shè)置和模式
• 兼顧情感與邏輯進行設(shè)計
• 讓用戶有掌控感
• 要是拿不準(zhǔn)怎么做？別耍小聰明，保持清晰就

轉(zhuǎn)載：人人都是產(chǎn)品經(jīng)理

蘭亭妙微（藍藍設(shè)計）www.xintaizi.com 是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。

從谷歌的Gemini到ChatGPT Plus，從Photoshop的智能填充到釘釘?shù)腁I助理，這個符號似乎已經(jīng)成為了AI的專屬標(biāo)志。這篇文章將帶你深入了解“菱形十字星”的起源、發(fā)展以及它在AI圖標(biāo)中的廣泛應(yīng)用，探討這個視覺符號如何成為AI時代的標(biāo)志。

不知道大家有沒有發(fā)現(xiàn)一個現(xiàn)象，現(xiàn)在很多AI標(biāo)志或圖標(biāo)里都帶有“菱形十字星”元素，自帶一股科技感和閃光感。這個設(shè)計風(fēng)向?qū)嶋H已經(jīng)興起兩三年了。

2022年ChatGPT的發(fā)布直接給IT行業(yè)來了一場大變革，之后大部分應(yīng)用都開始接入AI功能。設(shè)計師們琢磨來琢磨去：到底用啥圖標(biāo)代表AI好呢？最后“菱形十字星”成了共識。

接下來就如大家所見了，哪里有AI，哪里就有菱形元素——谷歌的Gemini、Figma AI、ChatGPT Plus、PS的智能填充、有道詞典的logo、釘釘?shù)腁I助理、百度搜索的問AI……

那么“菱形十字星”元素是如何演變而來的呢？又是從什么時候開始、因為哪些原因，這個視覺符號逐漸成為AI專屬標(biāo)志的呢？一起來看看~

01 “菱形十字星”的起源

說起菱形元素的最直接的起源，在日本漫畫里其實早有蹤跡。

在日本流行文化里，“菱形十字星”元素常用來突出漫畫人物角色的眼睛或者強調(diào)某個場景。到了20世紀70、80年代，它逐漸成為一種視覺符號：只要角色看到想要的東西或者喜歡的人，或是覺得某件事很酷很驚喜，眼睛里就會冒出這種閃光的菱形十字星。

后來到了1999年，日本電信公司Docomo創(chuàng)造了第一批“表情符號”，突破了純文字交流的局限。當(dāng)時設(shè)計師栗田重隆一共設(shè)計了176個表情，其中就有個菱形十字星圖案 (左下角)，能把這個圖案加進去估計就是因為它在當(dāng)時的日本流行文化里太有存在感了。

直到2010年，這個表情加入到Unicode 6.0標(biāo)準(zhǔn)，表情的官方名稱叫Sparkles，從此在全世界的數(shù)字設(shè)備上都能使用它了，也就是現(xiàn)在咱們手機里打出來的?表情。

02 AI視覺符號的發(fā)展

1990年P(guān)hotoshop推出了“魔棒”功能，這讓菱形十字星元素在數(shù)字世界里的存在感又上了一個臺階。估計不少設(shè)計師都用過這個功能：點一下魔棒工具，就能選中圖片里顏色相近的區(qū)域。在此之前，要做這事要么手動用橡皮擦，要么一點點框選，操作起來很麻煩。

不過話說回來，跟其他圖標(biāo)比，“魔棒”圖標(biāo)表達出來的含義其實挺模糊的。你看時鐘、日歷、文檔、放大鏡、垃圾桶這些圖標(biāo)，一看就知道是干啥的。

但魔棒圖標(biāo)是啥意思？可能真說不準(zhǔn)。正是由于這種特性，“魔棒”適合表達新穎、神秘、美好、便利等含義 (魔法棒一揮，美好的事情即將發(fā)生)。

后來在圖片編輯領(lǐng)域，菱形十字星元素用得越來越頻繁。只要是能“少動手”的功能，比如自動調(diào)色調(diào)、快速選區(qū)域、濾鏡，在設(shè)計圖標(biāo)時都喜歡加入菱形十字星元素。

到最后，只要是能自動處理各種繁瑣任務(wù)、個性化定制的功能圖標(biāo)，都會加入菱形十字星元素。現(xiàn)在它幾乎成了一個萬能的圖形，所有讓人覺得亮眼的功能，好像都能用菱形十字星表示。

真正讓菱形十字星元素和AI綁定在一起，是2020年谷歌相冊推出的AI圖像增強功能——與其向普通用戶解釋AI多復(fù)雜，不如直接傳遞“神奇的事情馬上要發(fā)生”的感覺。同年谷歌表格的“探索”功能也用了菱形十字星元素，通過機器學(xué)習(xí)給用戶推薦主題。這大概是谷歌首次嘗試給AI功能建立“視覺符號”。

此后菱形十字星元素迅速成為AI功能的視覺語言。各大公司好像心照不宣都開始用它代表AI——你用我也用，慢慢就成了行業(yè)特征。

在AI人工智能剛興起的時候，許多設(shè)計師可能都面臨類似的困惑：如果必須用一個圖標(biāo)來代表AI，它會是什么形狀？最開始有人使用機器人、大腦、芯片、燈泡或復(fù)雜電路圖案等圖形代表AI。但AI智能且復(fù)雜，要找個視覺穩(wěn)定、可擴展且美觀的圖標(biāo)來代表，好像前面這些選項都差點意思——所以最后還是用”菱形十字星”這種視覺上最亮眼的圖案成為首選。

03 AI圖標(biāo)未來會變成什么樣？

現(xiàn)在菱形十字星常作為輔助元素在圖標(biāo)里搭配使用，而不是單獨使用。

比如夸克的AI搜索是一大一小兩個菱形搭配；有道的句子潤色是魔棒搭配菱形；稿定AI平臺對菱形用的更廣泛，凡是跟AI相關(guān)的功能，像創(chuàng)意畫布、AI改圖、AI擴圖等功能圖標(biāo)中都有菱形十字星作為輔助元素。

雖然菱形十字星用的越來越頻繁，但也有一些產(chǎn)品在嘗試減少菱形的使用并探索更加個性化的AI設(shè)計圖標(biāo)。

比如Notion剛開始推AI功能時用的也是菱形十字星圖標(biāo)，后來AI功能逐漸完善了之后就將AI換成了人臉效果的圖標(biāo)，這個圖標(biāo)讓Notion的AI視覺效果一下子有了辨識度。

最后

說不定等AI完全變成標(biāo)配功能之后，咱們還會重新用回那些傳統(tǒng)的圖標(biāo)。就像90年代的軟盤保存圖標(biāo)一樣，菱形十字星或許也會成為一個時代的標(biāo)志。

但在此之前，菱形十字星很可能仍將作為一種重要的視覺語言，象征著向AI人工智能時代的過渡，成為我們擁抱和理解新技術(shù)的標(biāo)志

轉(zhuǎn)載：人人都是產(chǎn)品經(jīng)理

蘭亭妙微（藍藍設(shè)計）www.xintaizi.com 是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。

很多品牌和產(chǎn)品在做設(shè)計改版時，明明想讓界面更美觀、體驗更流暢，卻常常迎來用戶吐槽。從 LOGO 更新到 APP 界面重構(gòu)，一旦改動不當(dāng)，很容易出現(xiàn) “越改越難用” 的聲音。蘭亭妙微 UI 設(shè)計在長期的產(chǎn)品 UI 與品牌視覺項目中發(fā)現(xiàn)，用戶抵觸改版并非挑剔，而是習(xí)慣、情感與體驗預(yù)期沒有被兼顧。本文從用戶心理出發(fā)，分享 5 個實用步驟，幫你降低改版爭議，讓升級真正被用戶接受。

其實從品牌LOGO到產(chǎn)品APP設(shè)計，只要一改動，大家第一反應(yīng)往往是持懷疑態(tài)度。哪怕團隊前期把設(shè)計規(guī)劃做得再周密，用戶該不喜歡還是不喜歡。那這是什么原因呢，咱們一起聊聊～

01 用戶為什么抵觸改版？

抵觸改版的核心原因主要有三個維度，咱們一個個介紹。

① 從心理學(xué)角度

看人們天生偏愛熟悉的安全感。在熟悉環(huán)境中，已知的規(guī)則和模式能降低決策壓力，帶來可控感。

熟悉度偏差

簡單說就是“再好用的新東西，也不如熟悉的舊東西”。這是大腦的一種“偷懶”習(xí)慣——處理熟悉的事不用費太多勁，所以我們會默認熟悉的選擇更安全、更舒服。

尤其面對變化時，這種偏差會更明顯，讓人忍不住依賴原來的使用邏輯和界面布局。

稟賦效應(yīng)

這本來是經(jīng)濟學(xué)概念，放到產(chǎn)品里也特別貼切——人會覺得自己擁有的東西更值錢。對用戶來說，常用的APP產(chǎn)品早就不只是工具了，更像自己的電子資產(chǎn)。

一旦重新設(shè)計，用戶心里會有種“丟了東西”的失落感，自然會抵觸。

② 從行為角度

看改變設(shè)計=打破習(xí)慣。用戶體驗專家雅各布·尼爾森說過一句話：人們不想花時間學(xué)習(xí)，只想花時間做事。這句話精準(zhǔn)點出了用戶對設(shè)計變更的不滿——改設(shè)計本質(zhì)上是讓用戶“打破舊習(xí)慣、學(xué)習(xí)新規(guī)則”，而這兩件事都很難辦。

使用習(xí)慣被打亂

常用的APP用久了，用戶基本不用動腦就能操作，比如“點底部按鈕進首頁”“左滑刪消息”。但設(shè)計一改，比如底部按鈕挪到頂部、主屏幕能直接用的功能藏進了漢堡菜單，用戶就得重新尋找和記住這個操作，讓原本簡單的操作變成了刻意尋找，增加使用麻煩。

三個行為解釋為什么學(xué)習(xí)新事物這么難？

用戶不想學(xué)新設(shè)計新事物，可能并不是懶，而是背后有三個行為邏輯在“拖后腿”：

1. 自我決定理論：人在能自己掌控的事上，才更有動力。比如熟悉的UI界面，用戶可以隨意操作，完全自主；但新界面會把這種掌控感奪走，用戶得跟著新規(guī)則走，失去了對APP的控制自然沒動力學(xué)習(xí)新設(shè)計。
2. 動機理論：人都偏愛即時回報。重新設(shè)計可能長期來看更好用，但短期得花時間去學(xué)、花精力取適應(yīng)，這就是短期的損失。對比之下，當(dāng)下的麻煩遠比未來的好處更突出，所以用戶自然會有抵觸情緒。
3. 避免失敗傾向：誰都不想在使用APP時總是出現(xiàn)錯誤無法完成操作。用新的APP界面時，用戶總會擔(dān)心原來一眼找到的功能現(xiàn)在找不到了、按錯了怎么辦，所以寧愿使用熟悉的舊版本，也不想升級新版本。

③ 從商業(yè)角度

看有沒有考慮過重新設(shè)計的核心目標(biāo)，可能本來就不是為了吸引老用戶？

先看看蘋果iOS 26的更新介紹：新面貌、全新設(shè)計、全新設(shè)計元素、圖標(biāo)大煥新…宣傳里都是“全新”“個性”這類詞——其實很多品牌重新設(shè)計，核心目的是吸引新用戶。

對企業(yè)來說要賺錢就得拉新，所以會用“亮眼的新功能”“顛覆性設(shè)計”吸引新用戶。

新用戶本來就是第一次用，不用適應(yīng)舊版本，反而覺得新鮮；但老用戶不一樣，得花時間重新學(xué)、重新適應(yīng)，相當(dāng)于多了一道使用門檻。

所以老用戶會吐槽“改得亂七八糟”，甚至要求回退到舊版本，本質(zhì)上是和品牌的“拉新目標(biāo)”沖突了。

02 五個步驟步做好設(shè)計改版

重新設(shè)計不是簡單的改一改圖標(biāo)風(fēng)格、調(diào)調(diào)按鈕位置，而是從前期規(guī)劃到后期落地，每一步都得考慮用戶感受。

步驟①：先想清楚改版原因

在決定重新設(shè)計前得先明確：你的產(chǎn)品的核心價值是什么？重新設(shè)計要實現(xiàn)什么目標(biāo)？

比如蘋果的設(shè)計不管怎么更新，始終圍繞“創(chuàng)新”“易用”“細節(jié)控”這幾個核心——iOS 的大版本更新，哪怕界面變了，用戶也會覺得“這很蘋果”，因為它沒偏離品牌的核心體驗。

所以第一步不是怎么改，而是為什么改，確保設(shè)計改版和品牌價值、用戶的核心需求對齊。

步驟②：從用戶研究開始

減少抵觸的關(guān)鍵是讓設(shè)計貼合用戶需求。

那怎么貼合呢？

主要靠用戶研究。

先看看用戶之前吐槽的點是什么，比如按鈕太隱蔽、篩選功能不好用；再問問用戶想要什么，比如希望能快速標(biāo)記已讀、想要深色模式。基于這些反饋做設(shè)計，既能解決老問題，又能讓用戶覺得我的意見被官方采納了，加深參與感和榮譽感。

比如京東APP的15.0大改版，采用逐步放量來進行改版，京東內(nèi)部一直強調(diào)“以客戶為中心”，具體改哪兒、怎么改，都必須站在用戶視角。

根據(jù)內(nèi)部小伙伴透露： 京東APP改版從1%對外開放時就啟動了用戶建議收集，會快速根據(jù)用戶的建議反饋、以及數(shù)據(jù)表現(xiàn)進行調(diào)整迭代。

這期間，很多用戶給出很有價值的建議或反饋。從升級改版效果上看，多數(shù)用戶在新版App上都比之前停留更長時間了，較好提升了用戶體驗。

步驟③：考慮功能使用頻率

不是所有設(shè)計都能隨便改，需要考慮這個功能或界面“用戶用得多不多、重要不重要”。

比如Spotify之前在底部導(dǎo)航欄加了個“AI創(chuàng)建播放列表”的按鈕，看似是個小改動卻引來一堆吐槽。

因為底部導(dǎo)航是用戶每天點幾十次的核心區(qū)域，早就形成了肌肉記憶，突然加個按鈕，用戶很容易點錯，還得重新適應(yīng)布局。

所以設(shè)計改版前要先考慮：這個功能用戶每天用幾次？是不是核心操作？用得越頻繁、越核心，改動時越要謹慎。

使用頻率越高，重新設(shè)計時收到的負面反饋可能性就越大。

步驟④：改版也要保留“熟悉感”

重新設(shè)計不代表要“一刀切”，把原有的設(shè)計全部推翻，而是保留一些熟悉的元素幫用戶快速適應(yīng)。

比如推特改名“X”后，雖然圖標(biāo)從藍鳥變成了X，主色調(diào)也成了黑白色，但發(fā)布按鈕還是沿用了原來的藍色，核心的界面布局也沒大改。老用戶打開APP不會覺得完全陌生，能更快接受X這個新品牌。

除非是徹底換賽道的大改版，否則盡量保留用戶熟悉的識別點，比如常用按鈕的顏色、核心功能的入口位置，減少陌生感的沖擊。

步驟⑤：給用戶選擇權(quán)

用戶抵觸新設(shè)計很多時候是因為沒得選。如果能讓用戶自己決定用舊版還是新版，抵觸改版的情緒就會少很多。

像支付寶個人中心的改版，首次進入新頁面會有一個“頁面布局全新升級”的提示，用戶可以自主選擇“開始體驗”或者“稍后體驗”。

在新版頁面的右上角仍保留“返回舊版”的入口，方便用戶返回舊版熟悉的頁面中。

這樣一來，愿意嘗鮮的用戶就可以體驗新設(shè)計，哪怕暫時不用新版，也不會抵觸更新，畢竟選擇權(quán)一直在用戶手里。

03 改版后用戶不喜歡怎么辦？

不是所有的重新設(shè)計都能一次成功，改完后用戶吐槽也很正常。關(guān)鍵是先判斷吐槽主要集中哪些方面，再針對性解決。

① 如果吐槽集中在界面很陌生

比如用戶說“按鈕位置全變了，看著好別扭”“找不到原來的功能了”，這種情況大多是適應(yīng)問題。用戶剛接觸新設(shè)計，原來的使用習(xí)慣被打破，自然會覺得麻煩。

但只要設(shè)計本身沒問題，隨著時間推移，用戶慢慢養(yǎng)成新習(xí)慣，這種吐槽會越來越少。

這時候不用急著改回去，給用戶一點適應(yīng)時間就行。

② 如果吐槽集中在某個特定功能

比如用戶一直說“保存按鈕藏太深了，找半天找不到”“原來能直接用的篩選，現(xiàn)在要進二級菜單”，這種情況大概率是設(shè)計缺陷。

這類問題不會隨著時間消失，反而用戶用多了吐槽會越多。

這時候要趕緊收集反饋，分析問題出在哪里，比如把藏得太深的功能挪出來或者恢復(fù)常用的操作路徑，別讓一個小缺陷毀了整個改版效果。

最后不能指望通過一次改版把所有的舊問題解決掉。

設(shè)計改版是一個不斷迭代的過程，就像很多大廠APP會搞A/B測試，快速試錯后再優(yōu)化調(diào)整。

所以說改版完成不是結(jié)束，而是根據(jù)用戶反饋持續(xù)優(yōu)化的開始！

蘭亭妙微（藍藍設(shè)計）www.xintaizi.com 是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。

這篇文章將為你提供五個實用的設(shè)計技巧，幫助你提升產(chǎn)品的用戶體驗和決策效率。從增加緊迫感、使用默認選項和一鍵操作，到縮短操作路徑、提供實時反饋，再到信息整理和分步呈現(xiàn)，這些技巧都能有效降低用戶的認知負荷，幫助他們在最短的時間內(nèi)做出最佳選擇。

在產(chǎn)品設(shè)計的常規(guī)邏輯里，“延長用戶使用時間”往往是核心目標(biāo)之一。從算法推薦到趣味互動，大部分設(shè)計都在努力讓用戶多停留。

但設(shè)計的本質(zhì)是服務(wù)需求，而需求從來不是單一的：對于內(nèi)容類產(chǎn)品，“久留”是價值；但對于像打車、點外賣、訂酒店票務(wù)等服務(wù)，“快速決策”才是用戶的核心痛點。

今天就來聊聊如何通過設(shè)計幫用戶快速決策，提升產(chǎn)品的核心競爭力~

01 加速決策的五種元素

心理學(xué)里有“快思考”和“慢思考”的概念：快思考靠直覺和本能反應(yīng)，做出的判斷偏情緒化；慢思考則是邏輯分析，決策會更謹慎、更深思熟慮。

趕時間的用戶大多靠快思考做決定，下面這五種元素能幫他們加速決策：

1. 緊迫感：在有限的時間內(nèi)做出決定
2. 最小化選擇：能用最少的操作或最簡單的輸入完成事情
3. 縮短路徑：簡化操作路徑，方便用戶及時看到需要處理的內(nèi)容
4. 即時反饋：對用戶的操作給出準(zhǔn)確及時的響應(yīng)
5. 信息簡潔：僅在該出現(xiàn)的位置展示必要的信息

這五個元素的核心都是“降低認知負荷”，也就是減少用戶需要動腦處理的信息量。

畢竟認知負荷越低，決策越快；要是信息太多導(dǎo)致 “認知超載”，理解起來費勁，決策速度自然就慢了。 接下來咱們看看這些元素的實際應(yīng)用案例，搞懂怎么進行落地設(shè)計。

02 加速決策的5個設(shè)計原則

① 增加緊迫感

“錯失恐懼”(FOMO，F(xiàn)ear of Missing Out) 表示怕被落下、被排除在外的感覺，商業(yè)里常用這招制造稀缺感，讓用戶覺得“不選就虧了”。

大家可能都經(jīng)歷過訂機票或酒店時，頁面上彈出“立即預(yù)訂，不然價格要漲/馬上售罄”的提示。這就是在強化緊迫感，用稀缺性鼓勵用戶快點下單。

設(shè)計方向↓

數(shù)量提示

比如預(yù)定酒店時，在酒店卡片上展示“直降xx元”、“低價房僅剩1間”等提示說明，營造低價房馬上就沒的緊張感。

類似的還有特價商品“僅剩x份”，目標(biāo)小區(qū)的房源“僅剩x套”都是利用數(shù)量不斷減少的提示，從而引導(dǎo)用戶快速下單。

倒計時提示

倒計時用來提醒用戶在限定時間內(nèi)作出決定，常用在限時秒殺、限時搶購、優(yōu)惠馬上截止等強調(diào)時間性的活動中，營造出時間有限、優(yōu)惠即將結(jié)束的緊張感。

② 使用默認選項和一鍵操作

根據(jù)希克·海曼定律，選項越多，用戶越難下決定。所以與其給出所有選項，不如聚焦用戶真正需要的，效果反而更好。

設(shè)計方向↓

提供默認選項

把對用戶最重要、最實用的選項設(shè)為默認。?比如打開視頻APP，首頁會展示上次沒看完的電視劇看到了第幾集，引導(dǎo)用戶繼續(xù)觀看。

聽播客的過程中如果退出了再進入播客，頁面上提示上次播放的位置，用戶可以選擇是否自動續(xù)播還是重新播放，再給用戶提供便利性的同時保留了自出選擇的權(quán)力。

還有在提交商品訂單時，默認勾選優(yōu)惠券抵扣、積分抵扣等優(yōu)惠選項，方便用戶快速提交訂單。

一鍵完成操作

能讓用戶只需要點擊一下就完成任務(wù)。比如輸入密碼時從密碼庫中一鍵選擇保存好的密碼，省去了輸入密碼和忘記密碼再找回的麻煩；輸入手機驗證碼時，驗證碼會在鍵盤上懸浮展示，點擊一下即可完成輸入，提高操作效率。

除了上面兩個場景外，支付時的自動跳轉(zhuǎn)也很典型——點擊“立即支付”自動打開支付軟件，接著用Face ID或者輸入支付密碼驗證就能付款，最大限度地減少了不必要的交互，特別方便。

③ 縮短操作路徑

快速導(dǎo)航就是用戶不需要費力，一看就能理解、隨手就能操作的界面。把操作路徑縮到最短，用戶就能用最少的操作找到需要的信息。

設(shè)計方向↓

簡單快捷的手勢操作

通過用戶熟悉的的手勢操作來找信息、做決定。比如職位詳情頁左右滑動就能查看不同的職位詳情，省去了返回職位列表、滑動列表、再點擊列表看詳情等一系列的操作。

交友軟件的滑動交互也非常經(jīng)典，用戶輕輕一滑就能匹配好友，不需要瀏覽復(fù)雜的個人資料。

輸入內(nèi)容自動補全/搜索發(fā)現(xiàn)

在搜索內(nèi)容的時候提供搜索建議，比如輸入地址時為用戶提供更精確的地址建議，或者在輸入網(wǎng)址鏈接時，根據(jù)歷史搜索記錄自動補全鏈接；還有根據(jù)搜索記錄自動推薦一些用戶可能感興趣的內(nèi)容，都是提高操作效率的好方式。

④ 實時反饋

用戶操作后能馬上得到反饋的界面，也能加快決策速度。

設(shè)計方向↓

提供加載動畫、完成圖標(biāo)、震動反饋等多種反饋

比如蘋果的Face ID功能，驗證時不僅會震動，還有驗證前、中、后的動畫效果，最后還會顯示成功或失敗的圖標(biāo)。

實時反饋操作結(jié)果

在Nike的注冊界面中，會把密碼的四個要求展示到頁面上，用戶每滿足一個要求就會自動在要求上打一個對鉤，真正做到實時反饋；網(wǎng)絡(luò)慢的時候，用骨架屏的方式進行界面預(yù)加載提示，這些設(shè)計能讓用戶立刻知道操作有沒有成功，從而快速做出決定。

⑤ 信息整理&分步呈現(xiàn)

設(shè)計方向↓

信息可視化設(shè)計

1. ·突出重要信息，把同類信息放在相同的布局里。
2. ·用直觀的“圖標(biāo)+文字”組合輔助理解。
3. ·只顯示關(guān)鍵信息，并使用“查看更多”來減少附加信息。

不必要的元素越多，用戶越容易漏掉重要信息，還會產(chǎn)生決策疲勞。

例如在滴滴的打車界面中，只展示用戶最關(guān)心的車費和預(yù)計到達時間，方便即時對比；通過圖標(biāo)+文字的排列組合，在選項較多的情況下，幫助用戶快速理解；對于內(nèi)容比較多的篩選條件，可以考慮優(yōu)先展示最常用的選項，將不常用的選項收起來。

分步操作

如果需要呈現(xiàn)的內(nèi)容比較多，還可以考慮采用分步的形式，讓用戶一步一步來，而不是一次填完所有信息。

分步操作能大幅度減少用戶每次需要處理的內(nèi)容，縮短頁面停留時間。

比如選購汽車時需要選擇很多的配置，就可以采用分步操作一頁只做一件事 (One Thing per Page)，每次只顯示一個操作項，把選配置這個復(fù)雜的流程變得簡單易操作。

最后

對于匆忙的用戶來說，用戶體驗應(yīng)該超越簡單的界面，成為一個有助于快速做決定的場景。

設(shè)計時一定要幫用戶用最少精力、最短時間做出最佳選擇。尤其是需要即時反饋、信息清晰的場景，體驗的好壞直接影響用戶滿意度。

轉(zhuǎn)載：人人都是產(chǎn)品經(jīng)理

蘭亭妙微（藍藍設(shè)計）www.xintaizi.com 是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。

在設(shè)計領(lǐng)域，如何讓用戶快速適應(yīng)并接受新的技術(shù)和功能是一個關(guān)鍵問題。本文通過深入探討心智模型和學(xué)習(xí)曲線的概念，為設(shè)計師提供了實用的指導(dǎo)。從理解用戶熟悉的操作習(xí)慣到設(shè)計平緩的學(xué)習(xí)曲線，作者詳細闡述了如何在創(chuàng)新設(shè)計中保持用戶友好性。

每當(dāng)像人工智能、擴展現(xiàn)實(XR)、自動駕駛這類可能顛覆設(shè)計范式的新技術(shù)出現(xiàn)時，設(shè)計師總得琢磨怎么做出創(chuàng)新的用戶界面。但在這個過程中，有兩個關(guān)鍵概念不能忽略——心智模型和學(xué)習(xí)曲線，這些直接關(guān)系到用戶能不能看懂、會不會使用這些新功能。

技術(shù)變得越來越“陌生”，可用戶思考問題的方式，可能還傾向于沿用過去的習(xí)慣。那么在這個快節(jié)奏時代，設(shè)計師應(yīng)該打造什么樣的體驗?zāi)兀拷裉炀蛠砹牧娜绾谓Y(jié)合心智模型和學(xué)習(xí)曲線來設(shè)計用戶體驗。

別高估用戶！先搞懂心智模型和學(xué)習(xí)曲線

① 心智模型

所謂心智模型，就是用戶理解某個功能時會用到的思維方式，核心是“靠過去的經(jīng)驗判斷”。

舉幾個常見的例子你就懂了：

一想到客服中心，腦子里就會冒出“耳機”圖標(biāo)；

想保存文檔，第一反應(yīng)就是找“磁盤”圖標(biāo)；

想打電話，哪怕現(xiàn)在智能手機都普及了，還是會下意識找“座機”圖標(biāo)。

有意思的是，現(xiàn)在用“磁盤”圖標(biāo)的用戶大部分都沒見過真正的軟盤，但這個圖標(biāo)一直沒被淘汰，核心原因就是用戶的心智模型沒改變——大家已經(jīng)默認“磁盤=保存”了。

所以說，新設(shè)計不能憑空創(chuàng)造，得順著用戶習(xí)慣延伸。典型的例子就是“擬物化”設(shè)計，它會把現(xiàn)實里的操作習(xí)慣、物理體驗搬到數(shù)字界面上。

這種設(shè)計在服務(wù)行業(yè)特別好用，尤其是對兩類用戶：一類是習(xí)慣了現(xiàn)實操作、對數(shù)字產(chǎn)品沒形成固定認知的人，比如老人和小孩；另一類是剛接觸新服務(wù)，還沒建立使用邏輯的人。

再具體說說：

對孩子來說：他們更熟悉童話故事、現(xiàn)實里的小游戲，要是用純數(shù)字導(dǎo)航按鈕，可能半天搞不懂。

但換成擬物化插圖就不一樣了——比如點一下“大門”圖標(biāo)就能開始任務(wù)，再用地圖直觀顯示任務(wù)進度，很快就能上手。

對普通用戶來說：遇到不熟悉的應(yīng)用時，長得像現(xiàn)實物品的按鈕更容易理解。比如界面上的“相機”按鈕做得跟真相機快門一樣，用戶不用學(xué)就知道“點這個能拍照”。

② 學(xué)習(xí)曲線

學(xué)習(xí)曲線衡量的是用戶學(xué)習(xí)新界面、新體驗的速度。

要是學(xué)習(xí)曲線太“陡”，就像圖表里最底部的那條線，用戶可能學(xué)半天都摸不著門道，哪怕新功能再厲害，他們也可能放棄使用。

所以理想的狀態(tài)，是設(shè)計一條“平緩的學(xué)習(xí)曲線”，如圖①那條。尤其是做所有人都能用的通用功能，一開始別搞太復(fù)雜，得讓用戶輕松入門。換句話說，設(shè)計時順著用戶的心智模型來，本質(zhì)上就是在打造平緩的學(xué)習(xí)曲線。

順著心智模型做設(shè)計，記住這6個原則

① 先搞清楚用戶熟悉的體驗，再找“連接點”

想給用戶提供全新的體驗？別急著推翻一切，而是先從他們熟悉的體驗里找“連接點”。ChatGPT主界面的設(shè)計就是一個好例子。

ChatGPT的主界面很容易讓人聯(lián)想到瀏覽器里的搜索欄，這就是抓住了用戶的習(xí)慣——大家早就形成了“在空白搜索框里輸問題，就能查看答案”的心智模型。ChatGPT只是在這個基礎(chǔ)上延伸：你輸?shù)氖菍υ挘o的是更具體的回復(fù)，用戶不需要重新學(xué)習(xí)就能快速使用。

反過來想，如果ChatGPT一上來就是個滿是按鈕、圖表的復(fù)雜頁面，而不是現(xiàn)在這個簡單的輸入框，會怎么樣？用戶會覺得“這個產(chǎn)品太麻煩，學(xué)不會”，大概率會放棄使用。

還有個反面案例是“隔空手勢”。這種沒有觸覺反饋的操作，哪怕現(xiàn)在擴展現(xiàn)實 (XR) 技術(shù)這么火，也很難普及。核心問題就是沒有形成統(tǒng)一的心智模型：每個人對“空中劃一下”的理解不一樣，有的覺得是“返回”，有的覺得是“切換”。

而且不同文化背景下的相同手勢，手勢意義可能差很遠，根本沒法統(tǒng)一標(biāo)準(zhǔn)。

那什么樣的交互更容易被接受？答案是“用戶在現(xiàn)有產(chǎn)品里已經(jīng)熟悉的操作”，比如捏合屏幕縮放圖片、輕點一下相當(dāng)于“確認”、左右滑動切換頁面，這些操作不用教，用戶拿到新設(shè)備自然就會用。

所以設(shè)計師要做的，不是在新范式里搞“徹底革新”，而是把用戶現(xiàn)有的使用習(xí)慣自然延伸到新場景里，讓他們一點點適應(yīng)，慢慢學(xué)會新功能。

② 給出適應(yīng)時間

與其一下子進行大改版，不如逐步優(yōu)化，這樣效果更好。另外，讓用戶自行選擇“要不要體驗新功能”，也能減少抵觸情緒。

蘋果iPad 的“臺前調(diào)度”功能就是這種逐漸適應(yīng)的典型案例。一開始iPad的定位是“用來看視頻、看文檔的內(nèi)容消費設(shè)備”，不是用來辦公的，所以沒有高效的多任務(wù)功能。

但用戶對iPad的心智模型是“像手機一樣的移動設(shè)備”，不是像電腦那樣的生產(chǎn)力工具，要是直接給iPad加個跟電腦一樣的多窗口界面，用戶會覺得“這不是我熟悉的iPad 了”，肯定會有抵觸感。

所以蘋果的做法很聰明：保留iPad原來的操作邏輯，同時加了“臺前調(diào)度”功能。如果用戶想全屏用APP，還是跟以前一樣，要是需要多窗口辦公，再手動開啟這個功能。沒有強迫用戶改變習(xí)慣，而是讓他們自己掌控“要不要學(xué)新東西”，這樣接受度會變得更高。

所以后面想推廣隔空手勢，也可以參考這個思路：先把手機/平板用戶已經(jīng)熟悉的手勢 (比如滑動、輕點) 用到新場景里，等大家適應(yīng)了，再一步步擴展建立新的手勢規(guī)范。

③ 提供清晰反饋

還是拿ChatGPT舉例。ChatGPT是“實時生成答案”，用戶輸入關(guān)鍵詞后，結(jié)果需要等幾秒鐘才能出來。這時候要是沒反饋，用戶會懷疑：“我剛才點發(fā)送了嗎？它是不是沒收到？”。

所以ChatGPT在生成答案時，會提供大量的視覺反饋、動效反饋來提示“正生成中”，讓用戶知道“沒出問題”。這種反饋很重要，能消除用戶的不確定感。

蘋果在這方面也做得很好。每次推出新的解鎖方式 (比如按鍵解鎖、滑動解鎖)，都會給出清晰的視覺反饋。尤其是取消Home鍵后還加了“觸覺反饋”，滑動時手機會輕輕震動一下，就像以前按Home鍵的觸感，用戶能立刻知道 “解鎖成功了”。

清晰的反饋能幫用戶搞懂“新系統(tǒng)怎么用”，哪怕是第一次使用，也不會因為“不知道操作對不對”而放棄。

④ 按用戶需求設(shè)計學(xué)習(xí)曲線

不是說一定要無條件順著用戶的心智模型，也不是所有功能都追求“越簡單越好”。要是局限于老模式會做不到差異化，但完全不管用戶習(xí)慣又會讓學(xué)習(xí)曲線太陡。關(guān)鍵是找到平衡。

首先要明確設(shè)計的服務(wù)是“所有人都能用” (通用性)，還是“針對特定人群” (特異性)；然后看目標(biāo)用戶愿不愿意學(xué)、能不能學(xué)會。

比如用戶是“對新技術(shù)接受度高、有相關(guān)基礎(chǔ)”的專家用戶，比如設(shè)計從業(yè)者用的專業(yè)軟件，那學(xué)習(xí)曲線可以稍微陡一點 (圖②)，不用過分簡化功能；但如果是給老人用的健康A(chǔ)PP，那必須優(yōu)先做平緩的曲線 (圖①)，怎么簡單怎么來。

簡單說就是：先考慮服務(wù)的核心需求是易用還是高效，用戶的學(xué)習(xí)能力，再決定學(xué)習(xí)曲線該怎么設(shè)計。

⑤ 深入用戶研究

心智模型是用戶根據(jù)自己的經(jīng)驗、學(xué)習(xí)慢慢形成的，并非固定不變。所以哪怕是用同一款產(chǎn)品，不同用戶的心智模型也可能不一樣，不僅是個人差異，不同國家、文化、年齡、性別的人，認知習(xí)慣也會差很多。

舉個例子：同樣是“點頭”這個動作，大多數(shù)國家表示“同意”，但在保加利亞和希臘，點頭反而表示“拒絕”。要是設(shè)計時沒考慮到這種文化差異，很可能出問題。

所以必須做深入的用戶研究：看看用戶平時是怎么跟產(chǎn)品互動的，他們對“怎么用”有哪些固有認知，有沒有什么普遍的習(xí)慣或誤區(qū)。要是僅憑自己的假設(shè)做設(shè)計，很可能讓產(chǎn)品“不好用”。

⑥ 站在用戶角度設(shè)計

設(shè)計師最容易犯的錯誤就是覺得“我懂的，用戶也懂”。實際上，用戶的心智模型和設(shè)計師可能差得很遠——設(shè)計師在產(chǎn)品開發(fā)過程中會把功能邏輯、操作細節(jié)都摸透，形成一套復(fù)雜的認知。

但新用戶剛接觸產(chǎn)品時，對這些一無所知，可能連“點哪個按鈕”都得猶豫半天。

怎么縮小這個差距？多參與用戶測試、多跟用戶聊一聊，看看他們實際用的時候會遇到什么問題，而不是閉門造車的想 “用戶應(yīng)該會這么用”。

最后

新技術(shù)≠好體驗，關(guān)鍵是考慮用戶需求和習(xí)慣。創(chuàng)新技術(shù)本身再好，要是用戶用不明白的話作用也不大。技術(shù)越新，越要跟用戶熟悉的概念掛鉤，讓他們覺得“這東西我能上手”。

而做到這一點，核心就是利用好心智模型，在用戶習(xí)慣的基礎(chǔ)上設(shè)計一條平緩的學(xué)習(xí)曲線，讓他們慢慢適應(yīng)。

最后，設(shè)計時不妨多問自己幾個問題：

我設(shè)計的新界面，跟用戶以前的體驗有什么連接點？怎么幫用戶輕松學(xué)會使用？什么樣的反饋才有效？用戶能快速掌握核心功能嗎？

慢慢來比較快

轉(zhuǎn)載：人人都是產(chǎn)品經(jīng)理

蘭亭妙微（藍藍設(shè)計）www.xintaizi.com 是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。