欧美成人免费观看_免费成人深夜天涯网站_日韩中文在线视频_天堂av一区二区_欧美xxxx性xxxxx高清_亚洲欧美一二三

首頁

從 UX 視角拆解加載設計:3 種核心狀態(tài)與 5 類場景化模式

濤濤 系統(tǒng)UI設計文章及欣賞

在產(chǎn)品交互中,加載是用戶操作與系統(tǒng)反饋之間的關鍵銜接環(huán)節(jié)。無論是 App 的啟動加載、頁面切換時的內(nèi)容刷新,還是按鈕點擊后的功能響應,加載體驗直接影響用戶對產(chǎn)品的感知 —— 流暢的加載能讓用戶沉浸于功能本身,而糟糕的加載設計則容易引發(fā)煩躁與流失。因此,針對不同場景選擇適配的加載狀態(tài)與模式,是提升 UX 設計質(zhì)感的重要細節(jié)。本文將從加載的核心狀態(tài)分類、場景化模式選擇兩個維度,結(jié)合實際應用場景展開分析,為設計實踐提供參考。

10 個驚喜感設計案例:解鎖產(chǎn)品體驗的細節(jié)魔法

濤濤 用戶研究

在產(chǎn)品同質(zhì)化日益嚴重的當下,真正打動用戶的往往不是顛覆性的功能,而是藏在交互里的 “億點點驚喜”。一句戳心的文案、一個有趣的動效、一次貼心的反饋,都能讓用戶感受到設計的溫度,進而加深對產(chǎn)品的好感度與粘性。本文精選 10 個極具巧思的產(chǎn)品設計案例,拆解其背后的設計邏輯,為創(chuàng)作者提供靈感啟發(fā)。

B 端表單頁設計:從核心邏輯到落地實踐

濤濤 B端ui設計文章及欣賞

在 B 端產(chǎn)品中,表單頁是連接用戶與系統(tǒng)的關鍵橋梁,它承載著信息錄入、數(shù)據(jù)提交、功能配置等核心任務,其設計合理性直接影響用戶操作效率與系統(tǒng)數(shù)據(jù)質(zhì)量。優(yōu)質(zhì)的 B 端表單頁不僅能降低用戶填寫成本,更能助力系統(tǒng)實現(xiàn)精準的數(shù)據(jù)管理,為產(chǎn)品核心價值賦能。本文將從設計邏輯、核心原則、布局策略到復雜場景解決方案,全面拆解 B 端表單頁的設計要點。

移動端彈窗交互設計規(guī)范:從類型到落地的全維度指南

濤濤 移動端UI設計文章及欣賞

彈窗作為移動端交互的核心控件,承擔著信息提示、操作引導、功能選擇等關鍵作用。但不合理的彈窗設計往往成為用戶體驗的 “重災區(qū)”—— 過度打擾、操作模糊、場景錯位等問題,會直接降低用戶對產(chǎn)品的好感度。基于 iOS 人機交互指南及實際應用場景,本文系統(tǒng)梳理移動端彈窗的核心類型、設計規(guī)范與落地技巧,讓彈窗真正服務于用戶需求,而非成為交互障礙。

干貨來了!40個界面設計經(jīng)典技巧!(下)

清陽 系統(tǒng)UI設計文章及欣賞

21 讓界面平滑顯示而不要死板地呈現(xiàn)

用戶進行操作過程中,界面上的元素會經(jīng)常出現(xiàn),隱藏,打開,關閉,放大縮小移位等。給這些元素增加些自然的動畫,淡入淡出效果不但美觀,也更符合實際,本來元素尺寸位置的變化就是一個需要時間的動畫過程。但要注意動畫時間不要設置過長,那樣會讓想盡快完成操作的用戶不耐煩。

image.png

22 循序漸進的引導而不要直接讓用戶注冊

與其讓用戶馬上注冊,何不讓用戶先進行一些體驗式的操作呢。這個體驗過程可以展示程序的功能,特性等。一旦用戶通過簡單幾步的操作了解了程序的價值所在,那么它會更愿意填寫注冊表單的。這種循序漸進的引導可以盡量推遲用戶注冊的時間但又可以讓用戶在沒注冊的情況下進行個性化設置等簡單操作。

image.png

23 過多邊框會讓界面四分五裂

過多邊框會喧賓奪主。不用說,邊框確實在劃分區(qū)域進行版塊設置時有很大的作用,但同時其明顯的線條也會吸引走用戶的注意力。為了達到劃分版塊又不轉(zhuǎn)移用戶注意力的目的,在排版時可以將界面上不同區(qū)域的元素通過空白進行分組,用上不同的背景色,將文字對齊方式進行統(tǒng)一,還有就是為不同區(qū)域設置不同的樣式。當使用所見即所得的界面設計工具時,我們經(jīng)常在界面上方便地拖出很多區(qū)塊來,這些區(qū)塊多了就會顯得雜亂無章。所以我們又會到處放些橫線來分界。一個更好的做法是將區(qū)塊垂直對齊,這樣做不會讓那些多余的線條來擾亂視覺。

image.png

 

24 展示產(chǎn)品帶來的好處而不要羅列產(chǎn)品特性

市場就是這樣的,用戶永遠只關心自身利益而產(chǎn)品特性對他們來說倒不是那么重要。只有利益才更直觀地體現(xiàn)出使用產(chǎn)品所帶來的價值。Chris Guillebeau在他的著作《100美元起家》中指出,相比壓力,沖突,煩心事和未知的未來,人們在乎得更多的是愛,金錢,認同感和自由支配的空閑時間。所以我相信在展示產(chǎn)品特性時回歸到利益上是必要的。

image.png

 

25 考慮零數(shù)據(jù)的情況

界面上經(jīng)常需要呈現(xiàn)不同數(shù)量的數(shù)據(jù),從0,1,10,100到10000+等。這里存在個普遍的問題就是:在程序最開始使用的0條數(shù)據(jù)到過度到有數(shù)據(jù)之前,該如何進行顯示界面。這也是我們經(jīng)常忽視了的地方。當程序初始沒有數(shù)據(jù)時,用戶看到的就是一片空白,此時用戶可能不知道該進行哪些操作。利用好沒有數(shù)據(jù)的初始界面可以讓用戶學習和熟悉如何使用程序,在程序中創(chuàng)建數(shù)據(jù)。力臻完美永遠是我們追求的目標,界面設計也不例外。

image.png

 

26 默認將用戶引入

將界面做成默認用戶選中想要使用你的產(chǎn)品,意味著如果用戶真的需要使用,那么可以直接點擊確定而不需要額外點選了。當然,也有另一種做法就是默認不選中服務,用戶需要的話可以手動點選。前者這種設計更好的原因有兩點。一是用戶不需要額外點選,非常省事,因為默認設置為用戶需要我們的產(chǎn)品或服務。二是這種做法某種程度上是在向用戶推薦產(chǎn)品,暗示了其他人都選擇了我們。當然,將界面設計成默認選擇的樣子多少存在點爭議,有點強迫用戶的感覺。如果你想道德一點,你可以要么把讓用戶選擇的文字寫得模棱兩可,要么使用雙重否定這樣不那么直白的描述,這兩種方式都可以讓用戶覺得沒有那么強的感覺是被強迫選擇使用產(chǎn)品的。

image.png

 

27 界面設計得一致,不要增加用戶的學習成本

自從Donald Norman的一系列著作面世后,界面設計中盡量保持一致性成了一個普遍遵循的準則。在設計中保持一致性可以減少用戶的學習成本,用戶不需要學習新的操作。當我們點擊按鈕,或者進行拖拽操作,我們期望這樣的操作在整個程序的各個界面都是一致的,會得到相似的結(jié)果出來。反之我們需要新情境下重新學習某種操作會產(chǎn)生何種結(jié)果。可以在很多方面下功夫來實現(xiàn)一個一致的界面,包括顏色,方向,元素的表現(xiàn)形式,位置,大小,形狀等。不過在讓界面變得一致之前,記住一點,適當?shù)拇蚱普w的一致性也是可取的。這偶爾的不一致性的設計用在你需要強調(diào)的地方可以起到很大的作用。所以世事無絕對,我們應遵從一致的設計準則,但適當?shù)卮蚱七@種常規(guī)。

image.png

 

28 使用較貼切的默認值會減少操作

適當?shù)哪J值和預先填充好的表單字段可以大量減少用戶的工作量。在節(jié)省用戶寶貴的時間上面,這是種非常常見的做法,可以幫助用戶快速填完表單或者注冊信息。

image.png

 

29 遵從一些約定而不要去重新設計

界面設計中遵從約定的準則跟之前的界面一致性準則很相似。如果我們遵從了界面設計中的一些約定,用戶用起來會很方便。相反,不一致和沒有遵從約定的設計則會提高學習成本。有了界面設計中這些約定,我們想都不用想就知道界面右上角(大多數(shù)情況下)的叉叉是關閉程序用的,或者點擊一個按鈕后我們能夠預測到將會發(fā)生什么。當然,約定是會過時的,隨著時間的推移,同樣的操作也有可能被賦予新的含義。但要記住,當你在界面中打破這些常規(guī)時一定要目的明確,并且出發(fā)點是好的。

image.png

 

30 讓用戶覺得可以避免失去而不是獲得

我們喜歡成功,沒有誰愿意失敗。根據(jù)心理學得到的可靠結(jié)論,人們一般更頃向于避免失去擁有的東西而不是獲得新的利益。這一結(jié)論也適用于產(chǎn)品的設計和推廣中。試著說明你的產(chǎn)品會幫助客戶維護他的利益,保持健康,社會地位等要好過告訴客戶這個產(chǎn)品會帶來一些他未曾擁有的東西。比如保險公司,它是在銷售我們出事之后可以得到的大筆賠償呢還是在強調(diào)可以幫助我們避免失去擁有的財產(chǎn)?

image.png

 

31 具有層次的圖形化展示優(yōu)于直白的文字描述

具有層次的設計可以將界面上重要的部分與不次要部分區(qū)分開來。要讓界面層次分明,可以在這些方面做文章:對齊方式,間距,顏色,縮進,字體大小,元素尺寸等。當所有這些調(diào)整運用得適當時,可以提高整個界面的可讀性。相比在一個很直白的界面上用戶一眼就可以從上瞟到底的設計,這樣分明的設計也可以讓用戶放慢速度來慢慢閱讀。這樣也使界面更有特色一些。就好比一次旅行,你可以乘坐高鐵快速到達景區(qū)(從頁面頂部瞟到底部),但你也可以慢行以欣賞沿途風光。所以層次分明的設計讓眼睛有可以停留的地方,而不是對著空白單調(diào)的一個屏幕。

image.png

32 將有關聯(lián)的功能分組而不是雜亂無章

將各個功能項分組合并起來可以提高程序的可用性。有點常識的人都知道刀子和叉子,或者打開文件和關閉文件是放在一起的。將功能相近的元素放在一起也符合邏輯,符合我們平時的認知。

image.png

 

33 使用內(nèi)聯(lián)的驗證消息而不是提交后再驗證

在處理表單時,最好立即檢測出用戶所填寫內(nèi)容是否符合要求然后給出驗證消息。這樣錯誤一出現(xiàn)能就能得到改正。相反,提交后再檢查表單會給出錯誤消息,會讓用戶感到乏力又要重復之前的工作。

image.png

34 放寬對用戶輸入的要求

對用戶輸入的數(shù)據(jù),盡量放寬限制,包括格式,大小寫什么的。這樣做可以更人性化一點,也使得界面更加友好。一個再恬當不過的例子就是讓用戶輸入電話號碼的時候,用戶有很多種輸入方式,帶括號的,帶破折號的,帶空格的,帶區(qū)號和不帶區(qū)號的等等。如果你在代碼中來處理這些格式的問題,代價也只是你一個人多寫幾行代碼而以,卻可以減少無數(shù)用戶的工作量。

image.png

35 讓用戶感覺需要快速做出響應而不是毫無時間觀念

適當?shù)木o迫感是個有效的戰(zhàn)術可以讓用戶立即做出決定而不是等上個十天半個月。重要的是這種戰(zhàn)術屢試不爽,因為它暗示了資源的緊缺或者活動的時間有限,今天可以買,但明天可能就無法這么低價了。另一方面,這一戰(zhàn)術也讓用戶感到會錯失一次大好的機會,再一次,應用了人們害怕失去的本性。當然,這種戰(zhàn)術會被一些人嗤之以鼻,認為是不耿直的做法。不過,這只是種戰(zhàn)術而以,并且在保持合法性的前提下應用也無傷大雅。所以請不要為了營銷而在界面上制造緊迫的假象。

image.png

 

36 使用饑餓營銷

物以稀為貴。饑餓營銷給出的信息就是東西不多,只剩幾件,明天再來,可能沒了。你去比較一下批發(fā)與限量版的東西他們的價格差距有多大就知道了。回過頭來看,那些批發(fā)商或者大零售商,他們也使用饑餓營銷,以獲得更好的銷量。但在軟件行業(yè),我們經(jīng)常會忘記有饑餓營銷這回事。因為數(shù)字產(chǎn)品是可以很容易拷貝復制的,不存在缺貨的情況。其實,在界面設計中,也可以將其運用起來與現(xiàn)實中的資源緊缺進行聯(lián)系。想想一次網(wǎng)上研討會的門票,想想你一個月可以服務的人數(shù)限制,這些信息都可以告知用戶是有限的。

image.png

 

37 讓用戶選擇而不是重新填寫

這一界面設計中的經(jīng)典準則是有心理學依據(jù)的,相比要讓某人回想想某樣東西,從一堆東西中認出某樣東西會更容易些。辨識出一樣東西只需要我們稍微回憶一下,通過一些線索就可以完成。而回想則需要我們?nèi)嫠阉髯约旱拇竽X。也許這也是為什么試卷上選擇題會比簡答題做得快的原因。所以試著在界面上展示一些用戶之前涉及到的信息讓他們進行選擇,而不是讓他們想半天然后自己填寫。

image.png

38 讓點擊更輕松

像鏈接,表單的輸入框還有按鈕等,如果尺寸做得大一點則點擊起來更方便容易些。根據(jù)費特定律,使用像鼠標這樣的外設來點擊需要一些時間,特別是元素比較小的情況下,時間會更多。鑒于此,最好還是把你的表單輸入框,按鈕等做大點。抑或者你可以保持原有的設計不變,只是把元素可點擊區(qū)域(也就是熱區(qū))增大。這樣的一個典型例子是手機設備上的文本鏈接和導航菜單,它們文字不一定很大但背景是拉伸的,在很寬范圍內(nèi)點擊都有效。

image.png

 

39 優(yōu)化頁面加載速度,不要讓用戶等太久

速度很重要。頁面加載速度和UI對操作的響應速度都直接關系到用戶是否有耐心繼續(xù)等下去。無疑地每多一秒種的等待都會失去一些用戶或者項目機會。一個好的解決之道當然就是優(yōu)化你的頁面和圖片。除此之外還可以運用心理學讓這個等待時間顯得不那么長。具體來說有兩種技巧。一是顯示進度條,二是展示其他相關或有趣的東西來吸引用戶的注意力(就好比你沿著傳送帶走走總比傻站在原地盯著一個位置看要好得多吧)。

image.png

40 除了按扭外,快捷鍵也必不可少

當你的程序廣為流傳,應該考慮下高級用戶的感受。人們總是試圖為一些重復性的操作找到更快捷的方法,快捷鍵就應運而生了。相比在界面上點來點去,快捷鍵無疑大大提高工作效率。一個好的例子就是現(xiàn)今流行于各個主流程序中的J(后退)K(前進)快捷鍵組合,比如在Gmail,Twitter和Tumblr中。按鈕固然好,但快捷鍵會錦上添花。

image.png

轉(zhuǎn)載:微信公眾號UI設計

設計干貨|讓你的ui界面更高級

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

每天學點設計,瞬間讓UI界面變高級的設計細節(jié)

image.png

image.png

image.png

image.png

By:UI設計小畫(小紅薯)

UI變精致的超實用設計小細節(jié)

清陽

UI設計中的每一個細節(jié)都可能對用戶體驗產(chǎn)生影響。整理了UI設計中常用的幾個小細節(jié),使你的頁面設計更加精致。

(1)數(shù)值對齊VS視覺對齊

image.png

(2)垂直對齊更利于閱讀

image.png


(3)選項增加合適的圖標

image.png


 (4)導出圖標

image.png


(5)留白分割

image.png


(6)按鈕邊距

 

image.png


轉(zhuǎn)載:設計小細節(jié)

智能硬件的終極體驗是什么

清陽 設計思維

在科技日新月異的今天,智能硬件已滲透至生活的方方面面。從智能音箱到可穿戴設備,從智能家居到自動駕駛汽車,我們被無數(shù)智能設備所包圍。然而,許多智能硬件卻未能真正提升生活質(zhì)量,反而因操作復雜、功能冗余或體驗割裂而令人失望。智能硬件的終極體驗,絕非功能的簡單堆砌,而應是一種無縫融入生活、無聲賦能于人的智慧存在。這種體驗的核心,在于回歸“人”本身,通過深刻的設計愿景與方法論,重新定義科技與人類的關系。

一、當前智能硬件設計的缺失:功能至上與體驗割裂

市面上大多智能硬件仍陷于“功能至上”的誤區(qū)。廠商熱衷于比拼參數(shù)、添加新功能,卻忽略了用戶真正的需求:自然、流暢且愉悅的體驗。例如,許多智能家居設備需要下載獨立應用、經(jīng)歷繁瑣配置,甚至不同品牌間無法互聯(lián)互通。這種設計思維本質(zhì)上是“技術驅(qū)動”而非“人性驅(qū)動”,導致設備之間形成數(shù)據(jù)孤島,用戶被迫適應技術,而非技術服務于人。

更深層次的問題在于,許多智能硬件缺乏設計價值的體現(xiàn)。設計價值不僅是外觀的美學,更是產(chǎn)品與用戶情感、行為和生活方式的深度契合。當前大多數(shù)產(chǎn)品將“智能”等同于自動化或遠程控制,卻未能觸及智能化的本質(zhì):理解上下文、預測需求并提供主動、個性化的服務。例如,一個真正的智能家居系統(tǒng)應當能夠感知家庭成員的生活節(jié)奏,自動調(diào)節(jié)光線、溫度與音樂,而非僅僅通過手機應用開關燈光。

二、設計愿景:無形與有意的融合

智能硬件的終極體驗,應當如電力一般無處不在卻隱于無形。它的設計愿景應聚焦于以下三點:

  1. 無縫融合(Seamless Integration):硬件應自然融入環(huán)境與日常流程,不打斷用戶的心流。例如,智能耳機不僅提供降噪功能,還能根據(jù)環(huán)境自動切換模式(如從通勤降噪切換到辦公室通透模式),甚至監(jiān)測用戶健康狀態(tài)并發(fā)出提醒。

  2. 主動智能(Proactive Intelligence):設備應通過持續(xù)學習用戶習慣,提前預測需求并主動響應。例如,智能冰箱不僅記錄食品庫存,還能根據(jù)用戶飲食習慣推薦食譜,并自動生成購物清單。

  3. 情感聯(lián)結(jié)(Emotional Connection):智能硬件不應僅是工具,更應是懂你的伙伴。通過設計語言、交互反饋與個性化服務,與用戶建立信任與情感紐帶。例如,教育機器人通過鼓勵式交互激發(fā)孩子學習興趣,而非機械地完成任務。

這一愿景的實現(xiàn),需依托于一種人性化的設計方法論,將技術能力與人文關懷深度融合。

三、設計方法論:從“人性驅(qū)動”到“場景化創(chuàng)新”

為實現(xiàn)終極體驗,智能硬件設計需超越傳統(tǒng)用戶中心設計(UCD),轉(zhuǎn)向場景化、系統(tǒng)化的設計思維

  1. 場景深度洞察(Deep Scenario Insight)
    設計不應始于功能定義,而應源于對用戶日常生活場景的深度洞察。通過 ethnographic research(民族志研究)等方法,觀察用戶在不同場景中的行為、痛點與渴望。例如,智能辦公設備的設計需理解開放式辦公室與遠程辦公的不同需求,提供聚焦模式與協(xié)作模式的無縫切換。

  2. 跨設備系統(tǒng)設計(Cross-Device System Design)
    智能體驗往往依賴多設備協(xié)同。設計需打破單設備思維,構(gòu)建一致且連貫的生態(tài)系統(tǒng)。蘋果的“接力”(Handoff)功能便是一個范例,允許用戶在不同設備間無縫切換任務。未來智能硬件應更進一步,實現(xiàn)設備間能力互補(如手機計算力+手表傳感器+電視顯示屏)。

  3. 自適應交互(Adaptive Interaction)
    交互方式應自然且自適應:結(jié)合語音、手勢、觸控等多種模態(tài),并根據(jù)上下文自動選擇最優(yōu)方式。例如,智能車載系統(tǒng)在檢測到駕駛員疲勞時,自動切換為語音交互并建議休息。

  4. 倫理與可持續(xù)性(Ethics & Sustainability)
    終極體驗必須包含對社會與環(huán)境的責任。設計需關注隱私保護、數(shù)據(jù)安全與長期可持續(xù)性。例如,設備應采用本地化處理減少數(shù)據(jù)上傳,并通過模塊化設計延長產(chǎn)品壽命。

四、終極體驗:科技與人文的共鳴

智能硬件的終極體驗,是科技與人文的完美共鳴。它并非炫技式的功能展示,而是于細微處改善生活品質(zhì),讓人更專注於真正重要的事物:創(chuàng)造力、人際關系與自我實現(xiàn)。

當我們回望當前市場的空白,正是這種設計價值的缺失:太多產(chǎn)品追求“炫酷”而非“有用”,追求“銷量”而非“意義”。未來真正的突破性產(chǎn)品,必將源于對人性深層次需求的洞察,以及將技術轉(zhuǎn)化為溫暖體驗的設計能力。

最終,智能硬件將不再被稱為“硬件”,而是成為我們生活中無聲卻不可或缺的伙伴。它知道你需要什么,并在你意識到之前就已準備好一切——這才是智能的終極體驗。

轉(zhuǎn)載:UX設計便利店

 

UI欣賞|朦朧高級的健康產(chǎn)品多端設計

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

今天欣賞一組該健康類產(chǎn)品的UI設計,設計師還是Afterglow

image.png

image.png

image.png

by @Afterglow

 

該產(chǎn)品圍繞智能手表與手機應用,提供運動、健康數(shù)據(jù)服務。

優(yōu)點

  • 黑與淺綠主色調(diào),科技感與活力兼具,辨識度高。
  • 心率、卡路里等數(shù)據(jù)以簡潔圖表呈現(xiàn),可讀性強。
  • 適配手表、手機多終端,滿足不同場景需求。
  • 交互元素醒目,操作邏輯清晰,互動性好。

缺點

  • 部分界面信息模塊稍密集,易分散注意力。
  • 色彩種類單一,缺乏視覺新鮮感。

可以學習的手法

  • 用半透明卡片展示信息,增強界面層次與科技感。
  • 通過心率波形動態(tài)示意,為界面增添活力與實時感。

轉(zhuǎn)載:UX設計便利店

淘寶上線AI搜索,這交互設計太懂用戶了吧

清陽 交互設計及用戶體驗

引言

2025年即將收官,AI已成為人人熱議的話題。在過去的半年多時間里,我們圍繞AI能力在搜索場景中的應用開展了多項業(yè)務探索。

image.png

 

坦率地說,目前AI與電商的結(jié)合仍處于產(chǎn)品驗證與模式迭代的初級階段,尚未形成成熟路徑,但正因如此,蘊藏著巨大的想象空間。

這一探索過程的價值,或許不僅在于具體功能的落地,更在于讓我們對用戶需求、交互邏輯以及技術邊界有了更深入的理解和思考。

 

搜索的邊界正在消融
在傳統(tǒng)電商搜索體驗中,用戶將需求轉(zhuǎn)化為關鍵詞組合,系統(tǒng)執(zhí)行商品庫檢索并返回貨架式的結(jié)果給到用戶篩選對比,形成"用戶輸入-系統(tǒng)生產(chǎn)-固定響應"的循環(huán)。
這本質(zhì)上是"以系統(tǒng)為中心"的設計范式,要求用戶適應系統(tǒng)規(guī)則而非系統(tǒng)理解人類意圖。AI搜索產(chǎn)品的出現(xiàn),正在解構(gòu)過往的機械體驗: 
  • Input層革新:從關鍵詞到自然語言
  • Interaction層進化:從機械操作到動態(tài)對話
  • Output層質(zhì)變:從固定貨架到生成式響應

image.png

▲ 傳統(tǒng)搜索與AI搜索差異分析
在新的交互范式下,用戶不再滿足于“找得到”,他們期望的是“系統(tǒng)懂我”。這意味著AI搜索的體驗設計,需要從“被動響應”轉(zhuǎn)向“主動理解”。
從關鍵詞到自然語言
AI萬能搜激活頁,是智能預設后的意圖觸發(fā)器,沿用用戶最熟悉的傳統(tǒng)搜索形態(tài)的同時,通過整個頁面的場景化引導,鼓勵用戶進行自然語句的混合輸入;
用戶需求是模糊、動態(tài)且高度個體化的,因此在動態(tài)功能區(qū)中,我們保留了電商最原始的AI基因,并將其外化為搜索框動態(tài)功能區(qū)的“購物偏好”的調(diào)節(jié)能力。
在提問引導上,基于用戶畫像的分布式認知,AI搜索將用戶的碎片化模糊需求轉(zhuǎn)化為可場景化的問題鏈,這是AI基于對用戶的認知,重新組織和包裝的提問方式。

image.png

image.png

image.png

▲ 不同節(jié)點圍繞意圖進行輸入引導
在這樣的引導下,用戶開始使用自然語言進行條件組合的假設,而每一步的提問則依賴于上一步的反饋演化,甚至超出用戶潛意識預先規(guī)劃好的路徑。
從機械操作到動態(tài)對話
在對話中,當用戶面對AI生成的不確定性時,需要顯性化設計幫助用戶理解AI的運作邏輯,建立用戶對AI的信任感。
我們在“深度思考”模型形式和市場反響中得到啟發(fā),AI思考可視化的價值可能大于結(jié)果輸出本身。

image.png

▲ 建立用戶的確定性感知
隱性AI的顯性化:設計不是簡單的"暴露算法",而讓用戶感知“AI在做什么”以及“AI做得對”,這種設計原則不僅適用于AI對話交互,更指向未來人機協(xié)作的重要命題,讓人理解AI的思考。
淘寶特色可視化:在文字表達思考過程的基礎之上,加入商品屬性、用戶購物偏好分析、淘寶評價等內(nèi)容,形成有電商特色的思考過程。表達不是AI通用泛化的知識檢索,而是符合電商決策邏輯的商品深度思考。

image.png

▲ 分步轉(zhuǎn)譯,減緩用戶等待焦慮
從固定貨架到生成式響應
AI的生成式響應背后是隨機性,而“隨機”往往隱藏著認知的不確定性與意圖的演化性。這意味著我們面臨的是從“展示已知”轉(zhuǎn)向“推導未知”。產(chǎn)品設計的重心也必須從“對結(jié)果的預設”轉(zhuǎn)向“對規(guī)則與邏輯的構(gòu)建”。
這其實不是設計有什么升級,更多的是設計思維方式的轉(zhuǎn)變。 電商搜索場景下,AIGC(Artficial Intelligence Generate Content)的重點是文字與商品。
設計師無法窮舉所有對象的組合,通過將Markdown的結(jié)構(gòu)化自由與商品數(shù)據(jù)的對象化映射相結(jié)合,保證任意對象與對象的組合相容性,使得每一次自由生成的內(nèi)容能夠體面地交付給用戶。

image.png

image.png

image.png

▲ Markdown結(jié)構(gòu)與視覺基礎定義
不同于其他AI產(chǎn)品,用戶在淘寶搜索場景的核心仍然是商品,因此文字的密度與組織、文字與商品的穿插節(jié)奏尤為重要,需要設計師把握用戶意圖和需求與業(yè)務特點,定義基礎范式反向約束調(diào)控AI。
用戶的不同輸入代表了不同意圖,呈現(xiàn)出用戶從模糊寬泛到具體精確的變化光譜,在對話中提供如單品卡、多品卡、折疊流、清單卡片、穿搭卡片等多種形態(tài),靈活匹配不同意圖的特征。

image.png

▲ 漸進式意圖承接
在設計AI生成規(guī)則時,要根據(jù)業(yè)務特色,建立AI能力與用戶體驗雙向適應機制。設計師不再設計完美的結(jié)果,而是創(chuàng)造優(yōu)雅的可能性。
基礎層精準響應:以答案信息準確率為核心的目標,解決“能用”的問題,設計本質(zhì)是做到“通用性”,為場景化提供穩(wěn)定的支撐。

image.png

▲ 商品卡承接分層
場景層動態(tài)適配:針對特定的場景行為特征和決策邏輯,進行需求細化和設計策略的分化,比如送禮意圖下,通過清單式結(jié)構(gòu)+場景標簽,將抽象需求轉(zhuǎn)化為可操作的推薦路徑,依賴用戶畫像與場景識別能力,實現(xiàn)“從模糊場景到精準決策”的躍遷;
服飾美妝場景以視覺化為核心,通過穿搭視頻、試色模型、直播等手段,將商品信息與感官體驗深度融合,構(gòu)建“看即買”的即時決策鏈路等。
image.png
image.png
▲ 分意圖場景展示

用戶意圖的多樣化決定了交互設計必須構(gòu)建動態(tài)適配的承接體系,基礎層解決“能用”的問題,場景層解決“好用”的問題,才能有機會進行體驗層的價值假設,激發(fā)用戶的內(nèi)在動機,真正解決用戶“想用”的問題。

 

AI驅(qū)動情感與行為的核心在于"技術服務于人,而非人服務于技術"。未來,如何捕捉用戶情緒與購買動機,構(gòu)建匹配的模型與適應的機制和設計規(guī)則,將成為我們的長期命題。

轉(zhuǎn)載:UXD筆記

日歷

鏈接

個人資料

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

存檔

主站蜘蛛池模板: 老司机伊人| 夫妻性生活动态图 | 日韩久久精品视频 | 久久精品国产成人av | 国语精品久久 | 欧美特黄aaaaaa | 亚洲乱码精品久久久久.. | 一级片一区 | a黄色一级片 | 超碰在线一区 | 欧美激情在线观看视频 | 国产区精品在线 | 久久网国产 | 久国产精品 | 午夜色网站 | 亚洲欧美日本在线 | 免费精品一区 | 国产h视频在线观看 | 中文字幕视频一区二区 | 久久精品夜色噜噜亚洲a∨ 欧美一级二级三级视频 | 久久国产精品一区二区三区 | 欧美日韩a级 | 日本精品在线观看视频 | 成人免费视频国产免费 | 香蕉精品视频在线观看 | 久久国产精品一区二区三区 | 日本aⅴ在线观看 | 97视频免费观看 | 黄色片aaa | 蜜臀久久99精品久久久久久 | av亚洲在线 | 国产精品九九视频 | 在线va | 国产一级性生活片 | 调教驯服丰满美艳麻麻在线视频 | 香蕉综合网 | 精品国产一区在线观看 | 国产成人愉拍精品久久 | 久久久久亚洲精品国产 | 免费观看黄色一级视频 | 成人国产精品免费观看 |