无遮挡18禁啪啪免费观看 I 秋霞成人av I brandilove欧美三区 I 激情偷乱人伦小说视频 I 人人插人人艹 I www.亚洲com I 波多野结衣av高清一区二区三区 I 精品无码国产污污污免费网站 I 美女张开腿给男人桶爽久久 I 国产精品久久久久久久免费 I 国内精品久久99 I 亚洲精品无码专区 I 亚洲免费视频一区二区 I 午夜xxx I 国产一区啪啪 I 丝袜激情网 I 日韩精品久久久久久久 I 欧美香蕉视频 I 成人片免费看 I 天天色综合2 I 寡妇被老头舔到高潮的视频 I 亚洲第一页在线 I 国产放荡av国产精品 I 在线精品视频一区二区 I 免费黄色片在线观看 I 秋霞伊人网 I www.伊人 I 久草在线91 I 女人啪啪免费av大片 I 欧美一区二区综合 I 精品久久久久久天美传媒 I 黄色工厂在线观看 I 91精品国产色综合 I 动漫美女被到爽 I 丁香午夜激情

首頁

UI設計中的情感化設計

清陽 設計思維

當下互聯網產品日趨同質化,用戶每天要接觸、使用數十款各類軟件,單純滿足基礎功能需求的產品,早已難以留住用戶;而一款自帶溫度、飽含情感的軟件,不僅能大幅提升用戶使用體驗,更能悄悄拉近產品與用戶的距離,讓用戶產生穩定的依賴感與不期而遇的驚喜感,在海量產品中牢牢占據用戶心智。作為深耕界面設計與用戶體驗領域的蘭亭妙微UI設計公司,始終將情感化設計視為UI設計的核心內核,認為好的UI設計從不只是視覺美化與功能排布,更是與用戶的情感對話。本文將聚焦UI設計中的情感化設計,拆解核心思路與落地技巧,一同探尋讓產品更有溫度的設計密碼。
 

UI 設計中的情感化設計:讓產品與用戶產生心靈共鳴

 
如今,用戶每日都會接觸和使用多款軟件,一款能傳遞情感的產品,往往能大幅提升用戶體驗,讓用戶對產品產生依賴感與驚喜感。情感化設計,正是讓產品跳出冰冷的功能框架,觸達用戶內心的關鍵,接下來我們就來深入探討 UI 設計中的情感化設計之道。
 
心理學認為,情感是人對客觀事物是否滿足自身需求而產生的態度體驗。當產品能夠觸動用戶內心,引發其情感波動時,便不再是冰冷的工具。用戶能透過界面與交互,感受到設計師為優化使用體驗,在每一個細節處的用心打磨,進而心生愉悅、喜愛與幸福感。
 
情感化設計并非轟轟烈烈的大改動,有時一句暖心文案、一幅趣味插圖、一個靈動動畫,便能打動人心,讓用戶獲得愉悅的使用體驗。設計的高級感,從來不止于視覺層面的精致,這些藏在細節里的美好設計,滿含積極情緒,是產品在滿足功能性與易用性之后,對更高層次用戶體驗的追求。
 

一、提示性文字:用語言拉近距離,賦予產品生命力

image.png

語言是情感化設計最直接的利器,擬人化的對話相較于冰冷的機械文字,更易獲得用戶好感,為產品賦予鮮活的生命力。尤其在 App 推送場景中,用戶每日接收大量推送,早已產生審美疲勞,此時一句精心設計的推送文案,成本低、效率高,能將對用戶的 “打擾” 轉化為趣味互動,讓用戶會心一笑。
 
荔枝 FM 的推送 “一個人嗎?我也是呢”,精準戳中獨處用戶的情緒;一刻的 “你知道孤獨是什么感覺嗎:手機亮了,卻只有推送”,用細膩的表達引發情感共鳴;隨手記專業版的 “5 天沒花錢,贊啊”,像朋友般為用戶的省錢行為喝彩;百度地圖的 “北京風好大,我要被吹走啦”,用俏皮的語氣化解出行查詢的枯燥;百詞斬的 “周沒背?。。⌒兜粑宜懔耍。。?rdquo;,以略帶 “小脾氣” 的表達,巧妙提醒用戶打卡學習,這些都是提示性文字情感化的絕佳范例。
 

二、下拉刷新:讓高頻操作,成為趣味體驗

image.png

下拉刷新是用戶使用 App 時的高頻操作,傳統的圖標加文字設計,雖簡單直觀,卻毫無設計感,無法引發用戶任何情緒波動。而下拉刷新作為一種臨時交互狀態,豐富其設計細節,不僅不會與產品界面產生違和感,反而能讓產品收獲用戶好感。
 
以 UC 頭條為例,其下拉刷新時會跳出一只奔跑的小鹿,既延續了品牌 logo 的視覺元素,又以 “快馬加鞭” 的視覺隱喻,契合資訊類產品對內容更新速度的核心需求。用戶在等待加載的過程中,被靈動的設計吸引,在愉悅的情緒中對產品產生好感,讓原本枯燥的下拉刷新操作變得生動有趣。

image.png

三、頭像設計:打造專屬虛擬形象,增強用戶認同感

image.png

個人中心是承載用戶信息的核心頁面,也是用戶虛擬形象的展示窗口。傳統的默認頭像加登錄文字的設計,死板且缺乏溫度,無法讓用戶產生身份認同感。如今,越來越多產品摒棄了這種單一設計,為用戶提供多樣化的頭像選擇,賦予產品人格魅力,讓產品擁有生命力,消除人機交互的冰冷感,幫助用戶與產品建立友好的情感聯結。

image.png

美團外賣、躺平等產品,為用戶設計了貼合產品氣質與用戶屬性的專屬虛擬形象,讓用戶在使用過程中產生強烈的身份共鳴,仿佛擁有了與產品契合的專屬標簽,大幅提升了用戶對產品的接納度與認同感。
 

四、缺省頁設計:化解負面情緒,傳遞產品溫度

 
缺省頁通常出現在頁面無內容、網絡斷開等場景,傳統簡陋的圖標加提示文字設計,會讓用戶產生心理落差,陷入挫敗、煩躁等負面情緒。而情感化的缺省頁設計,能通過設計手段有效緩解用戶的負面感受,成為傳遞產品溫度的重要載體。
 
設計師可結合產品屬性與品牌視覺體系,延展圖形設計,搭配動效、插畫等形式,豐富缺省頁內容。比如躺平的空白頁,設計出賤萌有趣的視覺場景,一句 “沒消息就是好消息”“內容找不到了,發現更多圈子”,讓用戶在無奈的場景下會心一笑,將負面情緒轉化為輕松的體驗,讓產品充滿趣味性與人情味。

image.png

五、標簽欄微動效:讓頁面切換,告別單調死板

 
隨著情感化設計的不斷豐富,標簽欄圖標設計不再局限于靜態視覺,動態動畫效果的融入,讓標簽欄切換操作告別死板。用戶在頻繁切換頁面時,不會再感到單調枯燥,精心設計的微動效,還能有效緩解用戶等待時的焦躁心情,從心理層面縮短用戶的等待感知,同時讓品牌視覺形象更深入人心,強化用戶對產品的記憶點。

image.png

六、模擬用戶行為:貼合真實場景,深化情感認同

 
當產品能夠精準模擬用戶行為,將用戶代入真實的使用情境時,便能讓用戶產生深刻的情感認同感。這種設計核心,在于精準洞悉用戶的行為習慣與潛在需求,實現產品與用戶的 “心意相通”。

image.png

潮汐 App 會根據時間、場景與季節變化,播放雨聲、雷聲、風聲、潮水聲等不同的背景音效,為用戶營造身臨其境的氛圍感,讓用戶在專注、睡眠、小憩等不同場景下,獲得貼合心境的體驗;微信能感知用戶的截屏行為,當用戶打開對話框時,自動顯示截屏圖片,提前預判用戶發截圖的需求,讓操作更便捷;淘票票則精準捕捉到觀眾看電影后等彩蛋的習慣,在影片詳情頁添加彩蛋提醒,告知用戶電影是否有彩蛋、彩蛋出現在哪個位置,避免用戶白白浪費時間,這些設計都從用戶真實需求出發,讓產品成為懂用戶的 “貼心伙伴”。

image.png

七、有趣的細節設計:藏起小彩蛋,激發探索欲

 
常言道,有趣的靈魂萬里挑一,在 UI 設計中,有趣的細節設計能引發用戶與產品的積極互動,讓用戶產生愉悅的情緒。這類設計分為隱形與顯性兩種,無論是需要用戶主動發現的隱藏彩蛋,還是直觀呈現的趣味設計,都能為用戶帶來驚喜,增強用戶對產品的探知欲與粘性。

image.png

B 站電腦端鬼畜區的 “隱藏彩蛋” 便是隱形設計的代表,長按返回圖標 10 秒,頁面會出現提示語,引導用戶輸入字母,隨后鬼畜明星的畫面會劃過屏幕,這種需要用戶主動探索的設計,讓用戶在發現彩蛋時收獲滿滿的喜悅,大幅提升了產品的趣味性;優酷視頻的顯性趣味設計同樣出彩,會員發彈幕后,可使用劇集相關角色的頭像,帶角色扮演頭像的彈幕,讓用戶的發言更有劇集代入感,既強化了會員的尊貴感與專屬特權,又豐富了彈幕區的互動形式,一舉兩得。

image.png

總而言之,UI 設計的 “高級感”,既需要在視覺層面精雕細琢,從細微之處打造精致、富有設計感的畫面,更需要從情感化設計出發,站在用戶的角度換位思考,洞悉用戶的情緒需求與行為習慣,讓產品與用戶產生情感共鳴。當產品不再只是滿足功能需求的工具,而是能傳遞溫度、引發共鳴的情感載體時,才能讓用戶獲得更高層次的使用體驗,建立起長久且牢固的產品情感聯結。
 

蘭亭妙微(藍藍設計)m.gyxygd.cn 是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢高端網站設計平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

 

image.png

 

為什么AI目前搞不定UI界面設計?

清陽 行業趨勢

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

在人工智能技術飛速發展的當下,從自動駕駛到智能助手,AI 的應用觸角已延伸至各行各業。但在 UI 界面設計領域,盡管行業對 AI 寄予厚望,其實際落地效果卻遠未達到預期。本文將從 AI 對界面設計的實際影響、落地過程中面臨的核心挑戰出發,結合 Uizard 工具的實際應用案例展開分析,并探討 AI 時代下設計師的核心競爭力提升路徑。
 

一、AI 為界面設計帶來的三大變革

 
AI 技術對 UI 界面設計的影響是全方位的,它并非簡單的工具升級,而是從效率、體驗、決策三個維度,為設計工作帶來了全新的機遇與可能性。
 

設計效率的跨越式提升

 
AI 能高效自動化各類重復性設計任務,比如快速完成頁面布局生成、品牌配色方案匹配、標準化組件排布等,將設計師從機械性工作中解放出來,使其能將更多精力聚焦于創意與策略設計。
 

產品個性化體驗的深度增強

 
通過分析用戶的行為軌跡、操作偏好與使用場景,AI 可實現界面的個性化定制,比如為不同用戶群體推送適配的功能入口、調整信息展示優先級,讓產品界面更貼合個體需求,大幅提升用戶體驗。
 

設計決策的科學化支撐

 
AI 能夠整合分析海量的用戶反饋數據、行業設計趨勢與市場競品信息,為設計師提供數據驅動的設計建議,幫助設計師跳出主觀判斷,讓設計決策更具科學性與合理性。
 

二、AI 在 UI 界面設計中的三大核心挑戰

 
盡管 AI 為界面設計帶來了諸多便利,但在實際落地應用中,其仍面臨著難以突破的核心挑戰,這些挑戰也決定了當前 AI 無法獨立完成專業的 UI 界面設計。
 

難以理解復雜的業務邏輯與隱性需求

 
AI 對需求的理解高度依賴顯性的文字輸入,無法捕捉業務背后的隱性規則、商業邏輯與合規要求,更難以洞察用戶的潛在需求。比如在垂直領域的界面設計中,AI 無法精準把握行業特有的業務流程與操作習慣,易出現 “技術正確但業務失焦” 的設計結果。
 

缺失創造性與情感表達能力

 
UI 界面設計不僅是功能的實現,更是情感與美學的表達,需要貼合品牌調性、契合用戶心智,甚至傳遞獨特的設計理念。而當前的 AI 本質是對訓練數據的模式重組,而非原創生成,既無法突破既有設計語言體系實現顛覆性創新,也無法精準傳遞設計中的情感溫度,難以滿足用戶對界面美學與情感共鳴的需求。
 

無法靈活適配動態的設計標準

 
不同行業、不同品牌有著各自專屬的設計標準與使用習慣,且 Material Design、Apple Human Interface Guidelines 等通用設計規范也在持續迭代。AI 的模型更新存在天然滯后性,對本地化設計習慣與文化語境的理解也存在偏差,難以靈活適配動態變化的設計標準,更易出現違反無障礙設計規范、跨文化語義誤讀等問題。
 

三、Uizard:AI 設計工具的實際應用案例分析

 
Uizard 作為一款主流的 AI 驅動型 UI 設計在線工具,依托人工智能技術實現了設計流程的加速,能為設計師提供從原型生成到設計評審的全流程輔助。以下結合其在不同設計階段的應用,解析 AI 設計工具的實際表現與優劣勢。

 

原型設計:快速實現從草圖到可交互原型的轉化

image.png

image.png

Uizard 的原型設計功能,可通過識別手繪草圖、現有設計截圖中的設計元素,快速將其轉換為標準化的數字界面元素,生成可交互的初步原型。
 
例如,設計師為 58 同城商業地產板塊設計移動端大類頁面時,僅需向 Uizard 明確設計需求:頭部導航包含返回、搜索、消息功能,入口金剛區以圖標形式展示租賃商鋪、商業轉讓等 10 個功能,下方搭配包含圖片、標題、標簽、價格的推薦列表,并選擇高精度生成模式,AI 即可在幾分鐘內完成初步的界面原型生成,大幅縮短了從草圖到數字原型的轉化時間,讓設計師能快速驗證設計概念。
 

設計評審:自動化檢測問題,提供標準化優化建議

image.png

在設計評審階段,Uizard 可基于設計原則與行業最佳實踐,對上傳的設計稿進行 AI 分析,自動識別并指出設計中的顯性問題,為設計優化提供數據化建議。
 
以 58 同城商業地產頁面設計稿的評審結果為例,AI 能精準識別設計中的亮點與不足:
 
設計亮點:圖標風格統一清晰,助力用戶快速識別功能;合理利用大小與色彩建立視覺層次,區分不同信息模塊;全界面采用統一的藍色配色,保持品牌視覺一致性;房產列表信息布局清晰,便于用戶快速掃描關鍵內容;完成中文本地化適配,貼合目標用戶的使用習慣。
 
待優化點:深藍色背景與藍色文本對比度不足,影響可讀性,尤其對視覺障礙用戶不友好;導航欄圖標未搭配文字標簽,增加用戶的理解成本;屬性列表按鈕樣式不統一,易造成用戶體驗混亂;金剛區圖標數量過多,易讓用戶產生選擇困惑;房產列表的文本與圖像周圍留白不足,降低了界面的可讀性與美觀度。
 
不難發現,Uizard 能高效檢測布局、配色、組件等顯性設計問題,但無法對設計背后的業務策略與用戶心智匹配度進行評估。
 

焦點預測:基于數據優化界面視覺布局

image.png

Uizard 的焦點預測功能,融合了眼動追蹤數據與機器學習算法,能精準預測用戶在界面上的注視點,用紅色標注高關注度區域、藍色標注低關注度區域,為界面布局優化提供核心依據。
 
比如在電商產品詳情頁設計中,設計師可通過焦點預測功能,預判用戶的視覺注視模式,據此調整價格、優惠、購買按鈕等核心信息的布局,確保關鍵信息能快速吸引用戶注意力,不僅能提升用戶體驗,更能有效促進產品轉化率。這一功能讓設計優化從 “主觀判斷” 走向 “數據驅動”,但僅能針對視覺焦點進行分析,無法兼顧交互邏輯與用戶操作習慣。
 
整體來看,Uizard 這類 AI 設計工具的核心價值在于 “快速探索設計方向、壓縮基礎設計周期”,適合用于概念稿生成、初步原型驗證與顯性設計問題檢測,但生成的設計稿多偏向 “概念級”,邏輯嚴謹度與細節打磨不足,無法直接用于正式項目評審,仍需設計師進行后續的優化與完善。
 

四、AI 時代,設計師的核心競爭力提升路徑

 
AI 的出現并非為了替代設計師,而是推動設計師向更專業、更具策略性的方向轉型。在 AI 時代,設計師需打造 AI 難以替代的核心能力,才能適應行業的發展與變化。
 

深耕業務,成為 “業務與設計的橋梁”

 
深入理解業務邏輯、行業規則與用戶全旅程需求,是設計師的核心競爭力之一。設計師需穿透業務指標的表象,洞察真實的用戶痛點與商業增長杠桿,將業務需求轉化為貼合用戶體驗的設計策略 —— 這一能力是依賴顯性輸入的 AI 難以企及的。
 

提升創造性思維,打造原創設計能力

 
AI 的設計輸出受限于訓練數據,而設計師的原創性與創造性思維是獨一無二的。設計師需持續提升自身的美學素養與創意能力,在遵循設計規范的基礎上,實現設計語言的創新,打造兼具功能性、美學性與情感性的原創設計,讓設計更具獨特性與品牌辨識度。
 

擁抱新技術,實現 “人機協同” 的設計模式

 
設計師無需抗拒 AI 技術,反而應主動學習并掌握 Uizard、Figma AI 等主流 AI 設計工具的使用方法,理解其底層邏輯與能力邊界,將 AI 作為設計的輔助工具,讓 AI 承擔重復性、機械性的設計工作,自己則聚焦于創意構思、策略設計與細節打磨,通過 “人機協同” 實現設計效率與設計質量的雙重提升。
 

結語

 
當前,AI 技術在 UI 界面設計領域的應用仍處于初級階段,它能成為設計師高效的輔助工具,帶來設計效率的提升與設計模式的創新,但受限于業務理解、創造性與設計標準適配等方面的短板,始終無法獨立完成專業的 UI 界面設計。
 
對于設計師而言,AI 時代的核心并非 “與 AI 競爭”,而是 “駕馭 AI”。唯有持續深耕業務、提升原創能力、擁抱新技術,打造 AI 難以替代的核心競爭力,才能在人機協同的設計新范式中,始終占據主導地位,讓設計真正成為連接產品與用戶的核心紐帶。

蘭亭妙微(藍藍設計)m.gyxygd.cn 是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計交互設計、UI咨詢、高端網站設計平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

 

image.png

銀行金融借貸業務的服務體驗升級

清陽 交互設計及用戶體驗

編輯導語:在快節奏的當下,金融業務的辦理對于金融行業來說有了更高的要求,在效率為先的基礎上,也要追求服務體驗。本文以某銀行的金融借貸業務為例,分析其服務體驗優化升級的思路,與蘭亭妙微UI設計公司一起來看看。

在追求效率的今天,辦理金融業務的消費者們對金融行業有了更高的要求。銀行也在追求服務效率和服務精準度方面不斷提升自己的服務體驗。本文以某銀行金融借貸業務流程和產品架構優化為例,探尋銀行服務升級之路。

本次服務升級主要通過神秘人暗訪、競品對比、滿意度調研和用戶訪談等,對金融借貸業務的辦理流程和體驗度量進行梳理,結合行方產品特點和發展方向,以服務設計為核心和驅動力,在借貸業務服務流程和產品架構層面進行體驗升級,打造更有溫度的金融產品借貸體驗。

一、剖析問題,明確方向

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

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

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

“可視”上,通過業務辦理流程和用戶行為軌跡的可視化設計,讓用戶能夠隨時回溯和感知辦理節點。

“個性”上,通過用戶畫像進行分層和標簽化管理,對用戶進行個性化服務和業務推薦,精準營銷提升用戶滿意度。

二、場景化打造貼心服務

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

1. 獲客觸達

無論是傳統行業亦或是新興行業,拉新永遠是進行時,獲客觸達始終是第一步。在這個階段,企業要通過不同的渠道和媒介讓產品被用戶看到,即目標用戶在哪里產品宣傳就要到哪里。

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

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

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

2. 產品介紹

大多數情況下,產品介紹環節最重要的觸點是人,即行方客戶經理。因此,良好的線上/線下客戶經理形象、敏銳的需求洞察力,以及較高的業務水平決定了產品介紹環節的用戶體驗高度和滿意度。

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

提升本階段的服務體驗,觸點環節需要做好用戶、客戶經理、說明文本三方面的體驗工作。如賦能用戶自主了解、熟悉產品和解決問題的能力、提升客戶經理響應速度和服務態度、提升產品信息(紙質&電子產品文本)透明度。

3. 申請辦理

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

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

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

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

4. 簽約放款

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

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

5. 還款貸后

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

作為全流程用戶體驗的“終點”環節,本階段更要注意用戶服務的細節和方式,包括通過短信、微信和 APP 等方式及時提醒用戶還款信息、還款途徑,要注意提醒方式的克制,不能過度打擾用戶;貸后關系的維護,如首次還款提醒、后續流程告知、問題咨詢響應速度和反饋質量等。

還款貸后階段,還款及貸后提醒的專業性及時性、客戶回訪及服務流程告知、逾期管理標準化流程需要重點關注。

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

轉載:人人都是產品經理

蘭亭妙微(藍藍設計)m.gyxygd.cn 是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計APP界面設計圖標定制、用戶體驗設計交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

 

image.png

2026 UI設計10大趨勢前瞻…這些設計方向要火

清陽 行業趨勢

2026年的UI設計,不再強調嚴苛的視覺規則,而是更注重結合使用場景做出合理的設計選擇。

設計師不再默認選用極簡或極繁風格,而是根據用戶需求、情感訴求以及產品的實際使用方式來設計。

其中一個重大變化是,只要設計目的明確,人們對復雜設計的接受度大幅提升。

界面可以層次感豐富或富有表現力,只要易于理解就是合理的設計。

適配性是塑造2026年UI設計的另一核心趨勢。界面的響應性不斷升級,不僅能適配屏幕尺寸,還能根據用戶的行為和偏好做出調整。

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

這些變化共同指向了一種更平衡的設計思路,讓視覺風格與產品易用性同步發展、相輔相成。

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

歷經多年的扁平化界面設計后,2026年UI設計在視覺上的一大重要變化,是重新聚焦于設計的縱深感與質感。

通過分層布局、立體組件和細膩的三維元素,讓界面重新擁有空間維度。

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

按鈕設計看起來觸手可及,而非單純的符號;

圖標設計兼具重量感與質感。

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

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

02 動態排版

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

用戶滾動頁面時,標題文字可能會拉伸、位移或做出其他響應;用戶點擊或懸停時,標簽文字也會產生細微的動態變化。

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

合理運用動態排版,能為界面賦予情感與韻律,讓產品呈現出更活潑、精致或趣味的氣質,同時也能幫助用戶更輕松地瀏覽復雜的界面布局。

2026年,排版不再只是承載內容的載體,更在塑造整體用戶體驗中扮演著主動且關鍵的角色。

03 柔和光影和雜志質感

在大膽且富有表現力的界面設計成為潮流的同時,受雜志排版啟發的柔和、簡約設計風格也愈發受青睞。

這一設計趨勢借鑒印刷雜志、攝影作品和高端出版物的設計思路,并將其適配應用于數字產品設計中。

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

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

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

這種設計思路特別適用于創意工具、內容平臺和生活方式類產品——這類產品的設計氛圍與基調尤為重要。

04 科幻風未來感漸變

在設計風格的另一維度,科幻風漸變在2026年的使用頻率大幅提升,尤其適用于科技類和實驗性產品設計。

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

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

合理運用這類漸變設計,既能凸顯產品的創新屬性,又不會讓整體設計顯得雜亂。

這種設計風格在深色模式下的表現尤為出色,發光的點綴元素與分層的光影效果,能為界面增添更多縱深感與氛圍感。

漸變的應用場景也不再局限于背景,如今還被廣泛運用于按鈕、文字和交互元素的設計中。

2026年,漸變不再只是裝飾性的設計元素,更在品牌塑造與視覺敘事中發揮著關鍵作用。

05 新一代動態圖形

2026年的動態圖形設計已完全融入UI設計體系,不再局限于基礎的懸停效果或加載動畫。

動效設計被用于詮釋各界面元素之間的關聯、提供清晰的交互反饋,還能讓不同交互場景間的過渡更流暢。

屏幕切換的動效設計目標明確、銜接自然,動畫效果能根據用戶的操作做出實時且自然的響應。微交互動效則無需過多文字說明,就能清晰展示系統狀態、引導用戶操作。新一代動態圖形設計的核心優勢,在于動效的細膩度與一致性。

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

隨著設計工具與框架的不斷升級,動態圖形設計已不再是特殊的可選設計元素,而是優質UI設計的必備組成部分。

06 新極簡主義

極簡主義在2026年依然是主流設計思路,但已進化為更具表現力、更以人為本的新極簡主義。

這種設計風格保留了傳統極簡設計的清晰性與簡潔性,同時融入了溫暖的氛圍、細膩的質感與靈活的設計手法。

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

字體的選擇經過精心考量,不再追求中性化,細微的視覺細節為設計增添獨特個性,又不會造成視覺雜亂。

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

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

07 敘事化設計

敘事化設計已成為UI設計中愈發重要的組成部分,尤其適用于以教育、啟發用戶或引導用戶完成復雜操作為核心目標的產品。

2026年的界面設計不再追求一次性展示所有內容,而是遵循敘事邏輯,隨用戶操作逐步呈現內容。

基于滾動的敘事設計、漸進式信息展示和隨操作變化的視覺效果,讓用戶能以結構化、沉浸式的方式瀏覽內容。

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

這種設計思路將信息傳遞與用戶自然的探索習慣相結合,有效提升用戶對內容的理解度與參與度。

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

08 新復古風格

懷舊風依舊在影響UI設計,但在2026年,這種風格呈現出更精致、更具設計意圖的新形態。

新復古風格將早期的數字美學與現代設計標準、技術相結合,做出全新的設計詮釋。

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

這一設計趨勢能引發用戶共鳴,因為它將情感記憶與當代的產品易用性巧妙結合。

在致敬經典的同時擁抱現代設計,新復古風格的界面營造出一種跨世代的視覺延續感,能吸引不同年齡段的用戶。

09 舒緩式界面

隨著數字產品的滲透度越來越高,設計中對用戶心理舒適度和長期使用體驗的重視程度也不斷提升。

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

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

舒緩式界面設計對生產力工具、健康類平臺和用戶日常高頻使用的應用尤為重要。

2026年,尊重用戶的注意力,已逐漸成為評判設計品質的重要標準。

10 手勢交互設計

隨著觸控技術、運動傳感器和空間計算技術的不斷發展,手勢交互設計的應用愈發廣泛。

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

合理的手勢交互設計能減少視覺雜亂,打造更流暢的交互模式,但這需要設計師做好新手引導與交互反饋設計,確保手勢操作的易發現性與可訪問性。

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

轉載:人人都是產品經理

最后

優秀的UI設計,能在表現力與克制感、創新性與易用性、美學設計與人文共情之間找到完美平衡。

設計師不僅關注界面的視覺效果,更重視用戶的使用感受,才能打造出超越表面視覺吸引力、引發用戶深度共鳴的產品體驗

蘭亭妙微(藍藍設計)m.gyxygd.cn 是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計圖標定制用戶體驗設計交互設計UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

 

image.png

為什么 B 端產品的步驟條表單越來越少

清陽 行業趨勢

今天蘭亭妙微UI設計公司來和大家聊聊在 B 端設計當中十分基礎,但是爭議越來越大的組件:步驟條

因為在過去很長一段時間里,步驟條幾乎是 B 端復雜表單的“標配”,只要遇到信息量大的任務,設計師的第一反應往往是:太長了,用步驟條切分一下吧;產品經理設計原型也是:邏輯復雜了,步驟條來一下吧。

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

為什么會出現這種變化?我們在設計表單時,到底該如何抉擇?今天我們就來深入討論一下。

一、步驟條的“舒適區”

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

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

這種邏輯非常線性,同時能夠降低用戶的理解成本,通過步驟引導用戶,避免了他們在復雜的流程中迷路,所以最初在 C 端產品當中經常使用。

同樣這樣就造成了很多設計師的路徑依賴:只要表單長,就用步驟條,產品經理的視角也是如此

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

然而,這種線性邏輯遇到復雜的 B 端業務時,問題就會出現。

因為 B 端通常都是專家型用戶,他們在處理業務時,需要的往往不是“保姆式的引導”,而是“全局的掌控感”。

步驟條在 B 端復雜場景下,存在三個致命的體驗缺點:

1. 全局感的缺失

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

但在實際業務中,他可能需要看著“物料明細”的種類,反過來去修改“基礎信息”里的倉庫類型。

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

2. 錄入流的中斷

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

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

3. 修改成本高昂

在傳統的單頁長表單中,發現數據填錯,用戶只需鼠標滾動回去修改即可,所見即所得。

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

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

三、趨勢變革與使用決策

目前我們看到越來越多的系統,正在提出一個新的要求:“非必要,不步驟”。

B 端產品開始轉向“長表單 + 錨點導航”的模式。這種現象我認為其實就是在:把業務的處理掌控權,徹底交還給用戶。

全局視角:目前其實最常見的做法就是將基礎信息、詳細配置、關聯數據等所有模塊,展示到一個空間當中,配合頁面當中的 錨點定位,用于告訴用戶頁面的整體情況,這樣就能消除未知的焦慮。

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

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

沉浸式心流: 通過上下翻頁替代步驟跳轉,我們發現在單一頁面中,能夠使用戶更容易沉浸心流,專注填寫。

難道就不能用步驟條了?

作為設計師,我們需要明確步驟條的使用決策。

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

Q1:后續步驟的內容,是否與前一步內容會有依賴?是 → 使用步驟條。(比如:Step 1 選了“企業”,Step 2 才出現“營業執照”上傳入口;選了“個人”,Step 2 則是“身份證”。前后有強邏輯耦合。)否 → 使用單頁錨點。(比如:填寫入職信息,基本信息和教育經歷之間沒有邏輯依賴,只是信息的類目不同。)

Q2:這個任務是否是一次性的、不可逆的?是 → 使用步驟條。(比如:大額轉賬匯款、極低頻的系統初始化向導,需要用戶步步確認,謹慎操作)否 → 使用單頁錨點。(比如:日常的高頻數據錄入、編輯商品詳情信息)

寫在最后

其實在我看來,很多系統“去步驟條化”,本質上是要求設計師跳出組件庫的舒適區,重新深挖業務場景。

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

轉載:人人都是產品經理

蘭亭妙微(藍藍設計)m.gyxygd.cn 是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計B端界面設計、桌面端界面設計、APP界面設計、圖標定制用戶體驗設計交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

 

image.png

設計不是改界面,而是讀懂情緒

清陽 設計思維

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

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

這一次,我們從“情緒”出發,重新設計了航班狀態頁,分享 3 個由用戶情緒驅動的設計決策。

01.情緒:不確定感

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

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

我們的設計回應在這個場景中,用戶最需要的,其實就是航班狀態信息本身的確定性反饋。 而最常見、也最容易引發誤解的狀態之一,就是航班“延誤”。

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

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

因此在改版中,我們將“延誤”的顏色調整為橙色:

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

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

也正是在這種細微的情緒調節中,用戶的不確定感被悄悄降低了。

02.情緒:壓力

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

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

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

我們的設計回應

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

在這次改版中,我們做了三件小調整:

  1. 讓入口更加明顯
  2. 增加圖標,方便用戶快速理解
  3. 文案從泛泛的“查看預訂(View bookings)”,調整為更貼近當下心智模型的“我的預訂 My booking”

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

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

03.情緒:關懷(Care)

在旅程的后半段,節奏逐漸慢了下來。

用戶已經通過安檢,買了一杯咖啡,坐下等待登機。

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

也正是在這一瞬間,用戶的情緒,從“關注自己”,悄然轉向了“想到別人”。

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

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

我們的設計回應

為了讓這種“關懷”更容易被表達,我們在這次改版中優化了“航班分享”的入口: 讓用戶可以一鍵將航班信息發送給接機的人, 對方無需再向用戶反復確認,便能直接跟蹤航班的實時動態。

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

設計在這一刻所做的,只是順勢托住了這種善意:讓用戶,幫別人更輕松一點。

結語:像方法派演員一樣設計

如果要總結這一切,我想說:設計不僅是在“做界面”,而是在“進入用戶的情緒”。

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

當你也帶著這樣的方式進入用戶的情緒場景時,你會發現:

很多設計決策不再是反復權衡的“選擇題”,而會變成一種順理成章、甚至“非這樣不可”的結果。

因為此時你已經不再是站在屏幕這一側為用戶設計,你是在用戶的狀態之中,替他們做出判斷。

轉載:人人都是產品經理

蘭亭妙微(藍藍設計)m.gyxygd.cn 是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計B端界面設計、桌面端界面設計、APP界面設計圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

 

image.png

讀懂用戶心理,才是好 UI 設計的開始

清陽 設計思維

在設計領域,優秀的用戶界面(UI)設計,從來不止是視覺上的美感,更是對用戶心理的深刻理解。本文將帶你深入了解優秀 UI 設計背后的心理學原理,揭示為什么某些設計能夠讓人感到自然、流暢,甚至在無意識中提升用戶體驗。
 
你肯定遇到過那種用起來恰到好處的設計。一切元素仿佛都在它該在的位置,你無需費力去辨認、思考,也不會煩躁地點來點去才能弄明白。
 
這可不是什么魔法,背后靠的是成熟的心理學原理。
 
出色的 UI 設計,可不只是選對了色調,或是用了漂亮的字體。它之所以好用,是因為洞悉人們的思維方式:知道人們會注意什么、忽略什么,以及什么會讓用戶感到舒適、順暢。
 
下面我們就來剖析優秀 UI 設計背后的心理學原理,幫你打造出讓用戶輕松上手、體驗感極佳的界面。
 
蘭亭妙微 UI 設計公司多年專注于用戶界面與體驗設計,堅持以用戶心理為底層邏輯,在美觀與易用之間找到最佳平衡,讓每一個界面都好看、好用、好懂。

 

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

關鍵在于:人類的大腦很強大,但也超級 “偷懶” 。

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

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

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

  • 清晰呈現層級關系。通常,每個界面只設置一個主要操作就夠了。
  • 別搞沒必要的選擇。這又不是智力競猜節目。

把復雜內容藏起來,等需要的時候再展示。(對,說的就是你 “高級設置” 。 )

2.“選擇過多” 問題(??硕桑?/h2>

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

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

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

像極簡主義者一樣設計:

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

3.目標應易于點擊(菲茨定律)

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

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

實用建議如下:

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

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

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

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

要是沒有視覺層級,所有元素都在爭搶用戶的注意力??梢撬性囟荚诖蠛按蠼?,那就什么都聽不見了。

不妨試試這些方法:

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

5.熟悉感勝過創意

你或許想成為按鈕設計界的畢加索,或者重新發明導航欄。但你猜怎么著?人們偏愛他們熟悉的東西。

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

具體做法如下:

  • 關鍵流程,如注冊、結賬、導航等,沿用標準的UI模式。
  • 把創意用在微交互或視覺效果上,別用在基礎布局上。
  • 記?。菏煜ひ馕吨煽?,怪異則會引發懷疑。

6.物以類聚(格式塔心理學)

格式塔心理學本質上是我們大腦快速解讀現實的方式。我們不會把事物看成孤立的元素,而是依據接近性、相似性、對齊方式和連續性對它們進行分組。

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

舉例如下:

  • 外觀相似的按鈕應該執行類似的操作,別誤導用戶。
  • 在表單中,將相關字段放在一起,別把“姓名”和“郵箱”像彩蛋一樣隨意分散。
  • 對齊內容,未對齊的元素會在潛意識層面引發混亂。

7.情感大于邏輯

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

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

設計能引發愉悅感,也可能帶來挫敗感。

如何從情感角度進行設計:

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

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

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

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

設計小貼士:

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

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

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

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

可以利用以下方法:

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

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

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

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

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

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

首先,感謝你。顯然你對優秀設計非常上心。

其次,這里有一份基于心理學的 UI 設計小抄:

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

轉載:人人都是產品經理

蘭亭妙微(藍藍設計)m.gyxygd.cn 是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制用戶體驗設計、交互設計、UI咨詢高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

 

image.png

 

 

為什么AI圖標都愛用“菱形十字星“這個視覺符號?

清陽 圖標設計文章及欣賞

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

不知道大家有沒有發現一個現象,現在很多AI標志或圖標里都帶有“菱形十字星”元素,自帶一股科技感和閃光感。這個設計風向實際已經興起兩三年了。

2022年ChatGPT的發布直接給IT行業來了一場大變革,之后大部分應用都開始接入AI功能。設計師們琢磨來琢磨去:到底用啥圖標代表AI好呢?最后“菱形十字星”成了共識。

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

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

01 “菱形十字星”的起源

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

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

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

直到2010年,這個表情加入到Unicode 6.0標準,表情的官方名稱叫Sparkles,從此在全世界的數字設備上都能使用它了,也就是現在咱們手機里打出來的?表情。

02 AI視覺符號的發展

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

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

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

后來在圖片編輯領域,菱形十字星元素用得越來越頻繁。只要是能“少動手”的功能,比如自動調色調、快速選區域、濾鏡,在設計圖標時都喜歡加入菱形十字星元素。

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

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

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

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

03 AI圖標未來會變成什么樣?

現在菱形十字星常作為輔助元素在圖標里搭配使用,而不是單獨使用。

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

雖然菱形十字星用的越來越頻繁,但也有一些產品在嘗試減少菱形的使用并探索更加個性化的AI設計圖標。

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

最后

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

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

轉載:人人都是產品經理

蘭亭妙微(藍藍設計)m.gyxygd.cn 是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計B端界面設計桌面端界面設計APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

 

image.png

產品 UI 改版不翻車?蘭亭妙微 UI 設計的 5 個升級方法論

清陽 移動端UI設計文章及欣賞

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

其實從品牌LOGO到產品APP設計,只要一改動,大家第一反應往往是持懷疑態度。哪怕團隊前期把設計規劃做得再周密,用戶該不喜歡還是不喜歡。那這是什么原因呢,咱們一起聊聊~

01 用戶為什么抵觸改版?

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

① 從心理學角度

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

熟悉度偏差

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

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

稟賦效應

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

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

② 從行為角度

看改變設計=打破習慣。用戶體驗專家雅各布·尼爾森說過一句話:人們不想花時間學習,只想花時間做事。這句話精準點出了用戶對設計變更的不滿——改設計本質上是讓用戶“打破舊習慣、學習新規則”,而這兩件事都很難辦。

使用習慣被打亂

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

三個行為解釋為什么學習新事物這么難?

用戶不想學新設計新事物,可能并不是懶,而是背后有三個行為邏輯在“拖后腿”:

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

③ 從商業角度

看有沒有考慮過重新設計的核心目標,可能本來就不是為了吸引老用戶?

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

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

新用戶本來就是第一次用,不用適應舊版本,反而覺得新鮮;但老用戶不一樣,得花時間重新學、重新適應,相當于多了一道使用門檻。

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

02 五個步驟步做好設計改版

重新設計不是簡單的改一改圖標風格、調調按鈕位置,而是從前期規劃到后期落地,每一步都得考慮用戶感受。

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

在決定重新設計前得先明確:你的產品的核心價值是什么?重新設計要實現什么目標?

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

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

步驟②:從用戶研究開始

減少抵觸的關鍵是讓設計貼合用戶需求。

那怎么貼合呢?

主要靠用戶研究。

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

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

根據內部小伙伴透露: 京東APP改版從1%對外開放時就啟動了用戶建議收集,會快速根據用戶的建議反饋、以及數據表現進行調整迭代。

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

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

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

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

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

所以設計改版前要先考慮:這個功能用戶每天用幾次?是不是核心操作?用得越頻繁、越核心,改動時越要謹慎。

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

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

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

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

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

步驟⑤:給用戶選擇權

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

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

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

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

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

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

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

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

但只要設計本身沒問題,隨著時間推移,用戶慢慢養成新習慣,這種吐槽會越來越少。

這時候不用急著改回去,給用戶一點適應時間就行。

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

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

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

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

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

設計改版是一個不斷迭代的過程,就像很多大廠APP會搞A/B測試,快速試錯后再優化調整。

所以說改版完成不是結束,而是根據用戶反饋持續優化的開始!

 

 

蘭亭妙微(藍藍設計)m.gyxygd.cn 是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計B端界面設計桌面端界面設計、APP界面設計、圖標定制用戶體驗設計交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

 

image.png

5個讓用戶“快速決策”的設計技巧,新手也能會

清陽 用戶研究

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

在產品設計的常規邏輯里,“延長用戶使用時間”往往是核心目標之一。從算法推薦到趣味互動,大部分設計都在努力讓用戶多停留。

但設計的本質是服務需求,而需求從來不是單一的:對于內容類產品,“久留”是價值;但對于像打車、點外賣、訂酒店票務等服務,“快速決策”才是用戶的核心痛點。

今天就來聊聊如何通過設計幫用戶快速決策,提升產品的核心競爭力~

01 加速決策的五種元素

心理學里有“快思考”和“慢思考”的概念:快思考靠直覺和本能反應,做出的判斷偏情緒化;慢思考則是邏輯分析,決策會更謹慎、更深思熟慮。

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

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

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

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

02 加速決策的5個設計原則

① 增加緊迫感

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

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

設計方向↓

數量提示

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

類似的還有特價商品“僅剩x份”,目標小區的房源“僅剩x套”都是利用數量不斷減少的提示,從而引導用戶快速下單。

倒計時提示

倒計時用來提醒用戶在限定時間內作出決定,常用在限時秒殺、限時搶購、優惠馬上截止等強調時間性的活動中,營造出時間有限、優惠即將結束的緊張感。

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

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

設計方向↓

提供默認選項

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

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

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

一鍵完成操作

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

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

③ 縮短操作路徑

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

設計方向↓

簡單快捷的手勢操作

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

交友軟件的滑動交互也非常經典,用戶輕輕一滑就能匹配好友,不需要瀏覽復雜的個人資料。

輸入內容自動補全/搜索發現

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

④ 實時反饋

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

設計方向↓

提供加載動畫、完成圖標、震動反饋等多種反饋

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

實時反饋操作結果

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

⑤ 信息整理&分步呈現

設計方向↓

信息可視化設計

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

不必要的元素越多,用戶越容易漏掉重要信息,還會產生決策疲勞。

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

分步操作

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

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

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

最后

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

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

 

轉載:人人都是產品經理

 

蘭亭妙微(藍藍設計)m.gyxygd.cn 是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制用戶體驗設計、交互設計UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

 

image.png

日歷

鏈接

個人資料

藍藍設計的小編 http://m.gyxygd.cn

存檔