欧美成人午夜无码A片秀色直播,欧美疯狂性受xxxxx另类,人妻半推半就精油按摩的注意事项 ,国产AV永久精品无码

首頁

優(yōu)秀UI設(shè)計背后的心理學(xué)

杰睿 交互設(shè)計及用戶體驗

你知道那些感覺恰到好處的設(shè)計嗎？就是那些所有東西看起來都恰到好處，你不用瞇著眼睛看，不用思考，也不用瘋狂點擊就能搞清楚的東西。

這不是魔術(shù)，而是心理學(xué)。

好的 UI 設(shè)計并非僅僅因為選擇了合適的藍色調(diào)或使用了漂亮的字體就能夠?qū)崿F(xiàn)。它之所以有效，是因為它了解人們的想法。他們注意到了什么，忽略了什么，以及什么會讓他們偷偷地咒罵。

讓我們分析一下優(yōu)秀 UI 設(shè)計背后的心理學(xué)，這樣您就可以打造讓用戶感覺自己像天才的體驗，即使他們還沒有喝咖啡。

1. 你的大腦是個懶惰的天才（認知負荷）

事實是這樣的：人類的大腦非常強大，但也非常懶惰。

我們一直在努力節(jié)省腦力。正因如此，優(yōu)秀的 UI 設(shè)計不會讓人們思考過多。如果你的應(yīng)用感覺像個謎題，用戶就會離開，甚至可能在離開時留下措辭激烈的評論。

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

不會讓人頭腦發(fā)熱的技巧：

  • 使用清晰的層次結(jié)構(gòu)。每個屏幕一個主要操作通常就足夠了。
  • 避免不必要的選擇。這不是智力競賽節(jié)目。

隱藏復(fù)雜性，直到需要它為止。（是的，“高級設(shè)置”，我說的就是你。）

2.“選擇太多”問題（?？硕桑?/strong>

?？硕珊芎唵危耗憬o某人的選擇越多，他們做出選擇的時間就越長。他們就越想哭，或者放棄。

你有沒有看到過一個下拉菜單，上面列著 30 個國家，按字母順序排列，以“阿富汗”開頭？沒錯，就是這樣。

設(shè)計的意義在于減少決策。設(shè)計的目的并非剝奪自由，而是讓路徑清晰可見。

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

  • 將大任務(wù)分解成更小的步驟。
  • 突出顯示最常見或推薦的選項。
  • 使用默認值，因為大多數(shù)用戶無論如何都會使用它們。

3. 目標應(yīng)該容易實現(xiàn)（菲茨定律）

微型按鈕。超薄的文本鏈接?？申P(guān)閉的模態(tài)框，帶有一個比果蠅還小的“X”。

我們都詛咒過它們。菲茨定律說，點擊某個按鈕所需的時間取決于兩個因素：按鈕的大小和距離。所以，如果你想讓人們真正點擊你的按鈕，就讓它可點擊。

實用想法：

  • 增加觸控目標，尤其是在移動設(shè)備上。沒有人能像忍者一樣精準地控制手指。
  • 將主要按鈕放置在容易觸及的位置?？紤]拇指區(qū)域。
  • 避免操作間隔過長。誤觸會導(dǎo)致新的“憤怒點擊”。

4. 視覺層次：用戶流失的原因

用戶不會從上到下閱讀屏幕內(nèi)容。他們?yōu)g覽的速度就像松鼠在喝濃縮咖啡一樣。

所以你需要像指揮家指揮管弦樂隊一樣控制視覺層次。利用大小、顏色、粗細和間距來傳達“嘿，先看這里！”

如果沒有等級制度，一切都會爭奪關(guān)注。當(dāng)一切都在大聲喧嘩時，沒有人會被聽到。

嘗試一下：

  • 粗體表示主要操作。較不重要的內(nèi)容則使用較輕的字體。
  • 像工作一樣使用空白。（因為它就是你的工作。）
  • 想要快速測試一下嗎？瞇起眼睛看看你的設(shè)計。哪里最突出？那就是你的焦點。

5. 熟悉勝過創(chuàng)造力

你可能想成為按鈕界的畢加索，或者重新設(shè)計導(dǎo)航欄。但你猜怎么著？人們喜歡他們熟悉的東西。

登錄表單中郵箱和密碼的順序總是一致的，這是有原因的。這不是懶惰，而是熟悉。

該怎么辦：

  • 堅持使用關(guān)鍵流程的標準 UI 模式：注冊、結(jié)帳、導(dǎo)航。
  • 將創(chuàng)意內(nèi)容保存為微交互或視覺效果，而不是基本布局。
  • 記?。菏煜?值得信賴。奇怪=可疑。

6. 將屬于同一類的事物歸為一類（格式塔心理學(xué)）

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

如果你的 UI 不遵循這些模式，用戶就會感到困惑。而困惑是導(dǎo)致你關(guān)閉標簽頁的捷徑。

例子：

  • 外觀相同的按鈕應(yīng)該具有類似的功能。不要欺騙用戶。
  • 將表單中的相關(guān)字段放在一起。不要像復(fù)活節(jié)彩蛋一樣將“姓名”和“電子郵件”散落一地。
  • 對齊內(nèi)容。未對齊的內(nèi)容會引發(fā)潛意識的不適。

7. 情感>邏輯

秘訣在于：人們會憑情感做出決定，然后用邏輯來證明其合理性。這同樣適用于用戶界面。

想一想。你是否曾經(jīng)僅僅因為感覺良好而點擊過某個按鈕？那種令人滿意的懸停效果？那種微妙的動畫效果？

設(shè)計可以激發(fā)喜悅，也可以激發(fā)沮喪。

如何為感受而設(shè)計：

  • 使用個性化的微文案。一點點魅力就能帶來很大的效果。
  • 動畫應(yīng)該像黃油一樣，而不是邁克爾貝的電影。
  • 創(chuàng)造愉悅的時刻：令人愉快的成功信息、五彩紙屑動畫或令人滿意的加載狀態(tài)。

8. 人們記住高峰和結(jié)束（峰終定律）

用戶不會記住旅程的每一秒。他們只會記住最激動人心的時刻和旅程的結(jié)局。這就是峰終定律。

因此，如果您的結(jié)賬流程無縫，但確認屏幕看起來像 404 頁面，猜猜他們會記住什么？

設(shè)計提示：

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

9. 真正的用戶體驗惡棍：不確定性

如果用戶不確定按鈕的功能，他們就會猶豫。猶豫會扼殺用戶行動的動力。

最好的用戶界面能消除疑慮。它會說：“嘿，點擊這里。很安全。你不會意外刪除所有內(nèi)容。”

使用這些武器：

  • 清晰的標簽：“保存草稿”比“提交”更好。
  • 微文本：一行小文字就能消除恐懼。
  • 反饋：顯示剛剛發(fā)生的事情以及接下來發(fā)生的事情。

10. 讓你保持理智的工具

說實話，有時候你確實沒時間從頭開始構(gòu)建每個流程。這時，像Made in Figma這樣的插件就能幫上忙了。

它允許您直接使用預(yù)先構(gòu)建的 UI 流程和遵循最佳實踐的組件。無需猜測，無需費力尋找靈感。就像擁有一位話不多的設(shè)計副駕駛。

當(dāng)我想快速行動而不犧牲質(zhì)量時，或者當(dāng)我的大腦在咖啡因的煙霧中運轉(zhuǎn)并且我只是需要一個可靠的布局來即興發(fā)揮時，我會經(jīng)常使用它。

額外獎勵：如果您仍在閱讀……

首先謝謝。看來你對好的設(shè)計很認真。

其次，這是心理學(xué)驅(qū)動的用戶界面的備忘單：

  • 減少噪音（越少越好）
  • 引導(dǎo)眼睛
  • 尊重默認設(shè)置和模式
  • 設(shè)計要注重情感，而非僅僅考慮邏輯
  • 幫助用戶感受到掌控
  • 有疑問的時候？別耍小聰明，要清楚

蘭亭妙微(www.ieapo.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。我們建立了一個微信群，每天分享國內(nèi)外優(yōu)秀的設(shè)計，有興趣請加入一起學(xué)習(xí)成長，咨詢及進群請加藍小助微信ben_lanlan。

評論(0) 瀏覽(131)

蘋果的 10 個用戶體驗秘訣，讓你的產(chǎn)品魅力無窮

杰睿 交互設(shè)計及用戶體驗

如果蘋果是個人，他們一定是那種毫不費力就能展現(xiàn)酷勁的朋友：總是穿著完美的衣服出現(xiàn)，說話從不磕磕巴巴，而且總能把喝水裝點得優(yōu)雅大方。所有這些魅力背后，是對細節(jié)的極致關(guān)注、對用戶體驗近乎病態(tài)的執(zhí)著，以及塑造了半個互聯(lián)網(wǎng)的設(shè)計理念。

您可以從 Apple UX 劇本中借鑒一些經(jīng)驗，讓您的產(chǎn)品變得更好、更簡潔、更容易讓人上癮。

1. 關(guān)注微觀問題

蘋果精心設(shè)計了一些你永遠不會注意到的東西，直到它們消失。比如在 iOS 上拖動圖標時，圖標會輕微彈起。或者音量滑塊的觸感也有些奇特。這些都不是隨意的花招，而是經(jīng)過深思熟慮的。

在用戶體驗中，小事并不小。它們是你向用戶展示你關(guān)心的方式。

你無需從頭開始設(shè)計所有內(nèi)容。像MadeinFigma這樣的工具可以為你提供精美的 UI 工具包和流程，因此你可以專注于微交互，而不必重新設(shè)計按鈕。

2. 像殺惡棍一樣消滅功能

簡單并不意味著“缺乏功能”。它意味著你放棄了 17 個功能，以便讓這個“功能”能夠閃耀。

蘋果經(jīng)常這么做。如果某個功能讓用戶感到困惑或拖慢了速度，它就會被移除。這就是為什么iPhone的撥號應(yīng)用沒有內(nèi)置任務(wù)管理器的原因。（是的，有人試過了。）

你的產(chǎn)品不需要滿足所有人的需求，只需要讓某些人感到驚喜即可。

3. 用目的來激發(fā)活力，而不是僅僅靠感覺

動畫是用戶體驗的過渡。就像 PowerPoint 中的過渡一樣，它們可以是雅致的，也可以是充滿拉斯維加斯風(fēng)格的。

蘋果用動畫來教導(dǎo)和引導(dǎo)用戶。當(dāng)窗口縮小到 Dock 中時，你的大腦會映射出它的位置。這就是用戶體驗的精髓：隱形、高效、令人滿意。

4. 讓界面消失

最好的界面是讓人忘記自己正在使用的界面。聽起來很無聊？或許吧。但隱形才是夢想。

有沒有注意到 iOS 上的 Notes 應(yīng)用幾乎沒有界面？這不是懶惰，而是自信。

作為設(shè)計師，你的工作是讓用戶感覺自己是個天才，而不是提醒他們你在按鈕陰影上花了多少功夫。

5. 保持一致，然后添加驚喜

蘋果做的每件事都遵循著某種模式，直到它不再如此。這就是他們贏得歡心的方式。

把它想象成爵士樂：你堅持節(jié)奏，這樣當(dāng)你打破節(jié)奏時，它是美妙的，而不是混亂的。

在整個產(chǎn)品中使用一致的布局、間距和行為。然后用一個小驚喜獎勵用戶。一個有趣的空白狀態(tài)。一個令人滿意的點擊。一個柯基動畫。（好吧，也許不是柯基。）

6. 解決問題，而不是趨勢

蘋果不會為了趕潮流而趕潮流。他們之前沒有推出“Always-On”顯示屏，是因為他們覺得它實用又省電。

好的用戶體驗是實用的，它能消除用戶的痛點。所以，與其問“現(xiàn)在什么最熱門？”，不如問“今天我的用戶最煩什么？”

7. 與用戶溝通時，要像對待真人一樣，而不是像對待錯誤日志那樣

如果您的界面顯示“第 3 行出現(xiàn)意外輸入字符串”，請離開一下。

蘋果的文字清晰、人性化，偶爾還充滿魅力。當(dāng)你連接 Airdrop 時，它顯示“正在等待……”而不是“正在傳輸 278 個數(shù)據(jù)包中的第 4 個”。

文字是用戶體驗的一部分。好的文案可以讓 bug 變得無足輕重。

8. 設(shè)計要考慮感受，而不僅僅是功能

蘋果明白用戶體驗不僅僅關(guān)乎可用性，還關(guān)乎情感。

想象一下，iPhone 鬧鐘會告訴你還能睡幾個小時。這就是 UI 形式的同理心。

你的產(chǎn)品應(yīng)該不僅僅是用來工作。它應(yīng)該讓人安心、鼓舞人心、感到快樂。這才是贏得忠誠的關(guān)鍵。

9.承認自己的錯誤

蘋果雖然飽受批評，但他們也承認自己的失誤。當(dāng)蘋果發(fā)貨時，他們會提供免費維修。他們不會在你的屏幕上貼個標簽，然后說：“盡量別打字太多。”

當(dāng)你的應(yīng)用出現(xiàn)故障時，請?zhí)拐\相待。提供一條前進的道路。設(shè)計一個像人一樣感知錯誤狀態(tài)，而不是像防火墻一樣。

10. 與人一起測試（而不是團隊 Slack）

設(shè)計師不是用戶。開發(fā)人員更不是用戶。你尤其不是用戶。

真正的反饋來自那些不在乎你的 Figma 文件名的人?？粗麄兪褂媚愕漠a(chǎn)品?？粗麄冇龅絾栴}。哭一會兒。然后解決問題。

越快將可用的原型呈現(xiàn)在大家面前越好。如有需要，可以使用MadeinFigma快速設(shè)計一個包含完整流程且外觀精美的原型。

結(jié)束語：

蘋果的用戶體驗?zāi)Хú⒎悄Х?，而是一個過程，一種同理心，一種拒絕滿足于“足夠好”的精神。

你不需要建造一個太空園區(qū)來實現(xiàn)同樣的目標。只需要一點品味，多加用心，或許還能從合適的設(shè)計工具中搶占先機。

從小事做起，從大處著眼。專注于細節(jié)。然后在你花一年時間過度思考之前，趕緊發(fā)布。

 
蘭亭妙微(www.ieapo.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。我們建立了一個微信群，每天分享國內(nèi)外優(yōu)秀的設(shè)計，有興趣請加入一起學(xué)習(xí)成長，咨詢及進群請加藍小助微信ben_lanlan
 
評論(0) 瀏覽(126)

用戶體驗的骨骼

杰睿 交互設(shè)計及用戶體驗

如果說設(shè)計探索和創(chuàng)造力是肌肉，那么結(jié)構(gòu)就是骨骼。沒有結(jié)構(gòu)支撐，肌肉就無法運作。沒有骨骼的肌肉只是一團亂麻，無法進行有意義的運動或產(chǎn)生力量。結(jié)構(gòu)賦予我們的創(chuàng)意以張力，從而產(chǎn)生力量。我們的設(shè)計力量不會因結(jié)構(gòu)而削弱，反而會因結(jié)構(gòu)而增強。

將顯示縮放圖像
手繪插圖展示手臂骨骼和肌肉產(chǎn)生的力量。
權(quán)力需要結(jié)構(gòu)才能發(fā)揮作用。

非結(jié)構(gòu)化設(shè)計的陷阱

團隊很容易就直接進入流程和界面模型。利益相關(guān)者提出功能需求。項目截止日期確定。敏捷待辦事項列表呼之欲出。設(shè)計師……他們用屏幕來回應(yīng)。這是他們能展示的最具體的東西，讓所有團隊成員都覺得自己了解事情的發(fā)展方向。

但如果沒有清晰的組織，事情就會變得很混亂。

這就像在沒有骨架的情況下鍛煉肌肉。肌肉收緊，卻沒有支撐肌肉的支撐。結(jié)果會怎樣？錯位、返工，以及薄弱的解決方案。人們在行動，但缺乏協(xié)調(diào)，效率低下。

那么，問題是……我們?nèi)绾畏乐惯@種情況發(fā)生？

改變一切的結(jié)構(gòu)性思維

三年前，我接觸到了面向?qū)ο笥脩趔w驗 (UX)。一位同事向我介紹了它。作為一名曾經(jīng)從事面向?qū)ο缶幊痰拈_發(fā)人員，我一下子就被它深深吸引。

雖然我一開始并沒有深入研究，但我從基礎(chǔ)開始：識別核心對象、命名屬性以及映射關(guān)系。很快，我開始清晰起來?，F(xiàn)在更容易發(fā)現(xiàn)差距，更容易與利益相關(guān)者溝通，也更自信地領(lǐng)導(dǎo)設(shè)計活動。雖然我個人很喜歡OOUX，但它并沒有在整個組織中廣泛應(yīng)用。

直到最近……情況才有所改變。在過去的幾個月里，團隊里有幾個人學(xué)習(xí)了OOUX思維，并在最近的一個項目中運用它。我很高興又有人看到了結(jié)構(gòu)化思維的價值！

將顯示縮放圖像
手繪腿部插圖，顯示膝關(guān)節(jié)鉸鏈如何運用肌肉力量
骨骼就像杠桿一樣，可以施加肌肉的力量

這個項目進展很快。但團隊中有人很有遠見，在項目初期就放慢了速度，盤點并繪制對象和關(guān)系圖。他們使用了一款基于面向?qū)ο笏季S的自主研發(fā)工具。只需幾次會議，我們就清晰地了解了應(yīng)該向用戶呈現(xiàn)哪些內(nèi)容、這些元素如何關(guān)聯(lián)，以及它們之間的連接結(jié)構(gòu)。這為團隊凝聚力構(gòu)建了框架結(jié)構(gòu)。而且，這短暫的放慢帶來了意想不到的回報。

我看到了三大好處：

  1. 這種清晰的思路促成了更牢固的合作關(guān)系。項目團隊迅速就清晰的對象模型達成一致。這意味著我們正朝著同一個方向努力。我們無需浪費時間重新解讀模糊的需求或處理溝通上的錯誤。產(chǎn)品負責(zé)人、工程師、架構(gòu)師和設(shè)計師都理解我們的設(shè)計理念以及各個組件之間的聯(lián)系。
  2. 團隊可以獨立并行運行。這種清晰的思路意味著瀑布式設(shè)計交接的終結(jié)。它增強了團隊之間、學(xué)科之間的信任，而這一切都建立在強大的共識之上。團隊可以獨立并行運行，因為他們了解保持工作和諧的總體結(jié)構(gòu)。
  3. 它使設(shè)計工作速度翻倍。設(shè)計師無需再浪費時間去探索用戶會看到哪些信息以及這些項目之間的關(guān)系。他們可以專注于如何呈現(xiàn)，而不是關(guān)注展示什么。他們的設(shè)計精力集中在如何以最佳的方式為用戶排列對象上。

雖然還有其他好處，但作為一名設(shè)計領(lǐng)導(dǎo)者，這三點對我來說至關(guān)重要。因為我們的骨架已經(jīng)到位，所以創(chuàng)意工作（肌肉）才能發(fā)揮作用。堅實的結(jié)構(gòu)提供了一個錨點，讓我們能夠充分發(fā)揮創(chuàng)造力的力量。設(shè)計師們行動迅速、自信，并且目標明確。最重要的是，他們與周圍的團隊能夠和諧共處。

OOUX入門

現(xiàn)在，您可能想知道如何才能看到同樣的結(jié)果？嗯，您的實際效果可能會因項目和文化而異。但是，根據(jù)我使用 OOUX 以及觀察我的團隊對其的依賴程度的個人經(jīng)驗……我強烈推薦這套工具集。

將顯示縮放圖像
手繪的蘋果樹與陽光和草的插圖
映射對象不必過于復(fù)雜

你無需徹底改造整個流程即可從 OOUX 中獲益。請不要這么做。它只是你工具包中另一個幫助你理解設(shè)計問題的工具。

你可以從小事做起，隨著時間的推移逐漸成長：

  • 確定用戶將與之交互的核心對象。有些人將這些稱為體驗的“名詞”。它們是你在項目中必須考慮的“對象”。如果你正在構(gòu)建水果體驗，其中一個對象可能是蘋果。它是一個具體的、可定義的事物。不是吃蘋果，而是蘋果本身。你可以開始問：現(xiàn)實世界中存在的哪些“事物”必須在數(shù)字體驗中呈現(xiàn)？哪些“事物”被創(chuàng)建和管理？這種思考將為你的下一步工作奠定堅實的基石。
  • 定義每個對象的屬性。每個“事物”（或?qū)ο螅┒加衅涠x性特質(zhì)。就像蘋果有綠色、紅色或黃色等顏色一樣，蘋果也有成熟度。這些是系統(tǒng)中所呈現(xiàn)的對象的定義性特征，使每個對象獨一無二且易于區(qū)分。哪些特征定義了系統(tǒng)中的對象？哪些內(nèi)容可以更改或不可更改？（標題、描述、顏色、狀態(tài)、日期等）。這些屬性可以快速提供構(gòu)成人們與這些對象交互的細節(jié)。
  • 映射它們之間的關(guān)系。這是接下來的關(guān)鍵步驟之一。對象（或系統(tǒng)中的“事物”）并非孤立存在。它們與其他對象相互作用。一個蘋果與一棵樹、它裝運的板條箱以及銷售它的雜貨店的陳列品都有關(guān)系。映射這些對象之間的關(guān)系，可以讓用戶更清晰地理解它們。它們之間是否存在父子關(guān)系？一個對象是否依賴另一個對象？是否存在隱藏的對象？這些關(guān)系可以清晰地展現(xiàn)骨骼的排列和綁定方式。

即使是像這樣簡單的練習(xí)也能快速帶來清晰的思路。而且它們規(guī)?；潭群芨?。它們?yōu)榍逦乃悸诽峁┝似瘘c。雖然它們并非面向?qū)ο笥脩趔w驗 (OOUX) 工具集的完整代表，但它們是面向?qū)ο笏季S的開端，您可以輕松掌握并立即開始使用。

如果您想了解更多，可以訪問OOUX.com ，了解Sophia Prater 提出的ORCA 流程。如果您想更深入地了解，可以加入OOUX 社區(qū)并參加一些官方培訓(xùn)。這些工具為您提供了支持更具雄心的設(shè)計工作的結(jié)構(gòu)——無需猜測。

（重要免責(zé)聲明：不管你怎么想……這里沒有附屬鏈接或回扣。我只是熱衷于分享有用的資源，以幫助設(shè)計師提高效率。）

結(jié)構(gòu)是一種資產(chǎn)

讓我們重新審視一下人體骨骼的類比。如果沒有有序的骨骼，肌肉就無法賦予人體活動能力。我們無法舉起或移動物體。人體需要肌肉和骨骼。這些骨骼必須有序排列。每當(dāng)一根骨頭斷裂，就會降低肌肉發(fā)力的能力。

將顯示縮放圖像
手繪骨骼缺失插圖：需要結(jié)構(gòu)
發(fā)揮創(chuàng)造力需要結(jié)構(gòu)

此外，人體骨骼種類繁多。股骨極其堅固。內(nèi)耳骨又小又敏感。你可以依靠股骨來引導(dǎo)腿部肌肉的力量……但內(nèi)耳骨的作用就沒那么大了。組織這些骨骼，了解它們的屬性，并安排它們之間的關(guān)系，為肌肉的有效運作提供了基礎(chǔ)。

設(shè)計也是如此。組織結(jié)構(gòu)清晰，讓你能夠運用創(chuàng)造力，讓你的設(shè)計力更加有效。想想奧運會舉重運動員驚人的力量吧。這一切都歸功于健康的骨骼結(jié)構(gòu)。

當(dāng)項目變得模糊不清、定義不明確時，問問自己是否應(yīng)該暫時放慢速度來組織起來。

如何運用設(shè)計探索的方法來理解項目目標？如何與您所在領(lǐng)域的團隊合作，共同完成這類地圖？

結(jié)構(gòu)的剛性應(yīng)該成為優(yōu)勢，而不是劣勢。尤其是在用作支撐元素時。它能讓創(chuàng)造性思維獲得動力，而不是徒勞無功。因為即使是世界上最強大的肌肉，如果沒有支撐，也是無用的。

OOUX思維賦予了我們團隊以目標為導(dǎo)向的動力。每次運用它，我們都會被提醒：結(jié)構(gòu)并非創(chuàng)造力的障礙……而是能夠最大程度發(fā)揮創(chuàng)造力的因素。

 

蘭亭妙微(www.ieapo.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。我們建立了一個微信群，每天分享國內(nèi)外優(yōu)秀的設(shè)計，有興趣請加入一起學(xué)習(xí)成長，咨詢及進群請加藍小助微信ben_lanlan
評論(0) 瀏覽(98)

新的用戶體驗規(guī)則：人工智能推薦如何改變設(shè)計

杰睿 交互設(shè)計及用戶體驗

新的用戶體驗規(guī)則：人工智能推薦如何改變設(shè)計 — 0001

你知道那種滾動頁面的瞬間嗎？嗖——感覺網(wǎng)站好像已經(jīng)知道你想要什么了？沒錯，這就是人工智能在幕后運作。如今的用戶體驗設(shè)計不再只是按鈕或漂亮的顏色。感覺就像……界面在和你一起思考。有點詭異，也有點酷。

Netflix 的界面、亞馬遜的產(chǎn)品推薦，甚至ChatGPT UI 等工具都展現(xiàn)了人工智能如何改變游戲規(guī)則。而且，就連 Plerdy SEO Analyzer 或 Visual Inspector 等 Chrome 擴展程序也加入了這場革命。

為什么這很重要？因為如果你的設(shè)計還停留在 2015 年的水平，用戶很快就會跳出。

為什么傳統(tǒng)的用戶體驗規(guī)則不再有效

將顯示縮放圖像
新的用戶體驗規(guī)則：人工智能推薦如何改變設(shè)計 — 0002

說實話——舊的用戶體驗設(shè)計已經(jīng)行不通了。用戶的行為不再像以前那樣。他們不再遵循你漂亮的布局。他們滾動得太快。他們瘋狂點擊。他們像忍者一樣跳過橫幅。你那簡潔的設(shè)計？現(xiàn)在都消失了。

我在測試的一家網(wǎng)店里看到了這種情況?？雌饋聿诲e。但當(dāng)我們查看熱力圖時，發(fā)現(xiàn)大多數(shù)用戶根本沒看過側(cè)邊欄。就好像它根本不存在一樣。就在那時，我想——好吧，也許是時候放棄傳統(tǒng)的用戶體驗“規(guī)則”了，開始相信人們的實際行為。

靜態(tài)設(shè)計滿足動態(tài)期望

用戶想要快速、智能、響應(yīng)迅速的用戶界面。但傳統(tǒng)的設(shè)計呢？它只是僵硬、靜止，就像沒有遙控器的老電視一樣。你點擊某個按鈕……除非你強制操作，否則什么也不會改變。這才是糟糕的用戶體驗。

您是否注意到：

  • 菜單永遠停留在同一個地方
  • 滾動感覺就像一條漫長而無聊的隧道
  • 橫幅彈出，但沒人看

是的。這就是為什么靜態(tài)用戶體驗不再有效。設(shè)計必須隨著用戶而動，而不是僅僅停留在外觀上。

預(yù)測性用戶體驗的興起

這部分很瘋狂。預(yù)測性用戶體驗意味著人工智能會觀察用戶的行為——他們點擊了哪里，跳過了什么——然后自動更改下次訪問的界面。也就是說，你不用再猜測了。人工智能知道。

TikTok？預(yù)測性。亞馬遜？也一樣。就連Netflix也會根據(jù)你觀看的內(nèi)容改變圖像。這不是魔法——而是用戶體驗設(shè)計中的人工智能。

而且你不需要一個價值數(shù)十億美元的團隊。你可以輕松地測試。上周我用了 Plerdy SEO Analyzer，它能告訴我哪些內(nèi)容塊值得關(guān)注，哪些不值得。它甚至還能提供修復(fù)元標簽、標題和可讀性的人工智能技巧。這對于我們這樣的用戶體驗人員來說意義重大。

舊用戶體驗關(guān)注的是“好看”。新用戶體驗關(guān)注的是“反應(yīng)快”。設(shè)計如今充滿活力。如果它不再活躍，你的用戶可能已經(jīng)流失了。

人工智能在個性化用戶體驗中的作用

將顯示縮放圖像
新的用戶體驗規(guī)則：人工智能推薦如何改變設(shè)計 — 0003

你有沒有打開一個網(wǎng)站，感覺就像——等等，這個頁面認識我？這不是魔法。這是人工智能在后臺運行，讓用戶體驗比你的晨間播放列表更個性化。而且，這不僅僅是谷歌或Meta的專利?，F(xiàn)在，即使是小型團隊也會使用人工智能工具來針對每一位用戶調(diào)整設(shè)計。

用戶體驗不再是千篇一律的布局?，F(xiàn)在，設(shè)計需要做出反應(yīng)、進行調(diào)整，有時甚至在用戶說出之前就能猜測他們想要什么。沒錯，人工智能非常擅長猜測。

去年我?guī)椭^的一家網(wǎng)店就出現(xiàn)了這種情況。我們添加了AI驅(qū)動的產(chǎn)品區(qū)塊，它會根據(jù)用戶之前的操作進行調(diào)整。結(jié)果如何？短短兩周內(nèi)，轉(zhuǎn)化率就提升了21%。這可不是理論，而是真實的數(shù)據(jù)。所以，如果你的用戶體驗仍然在等待用戶操作，而不是預(yù)測用戶行為，那么你可能已經(jīng)落后了。

以下是推動現(xiàn)代個性化用戶體驗的因素：

  • 行為模式
  • 基于意圖的設(shè)計轉(zhuǎn)變
  • 實時 UI 決策

這不是未來，而是現(xiàn)在。用戶已經(jīng)對此有所期待。

人工智能實時推薦

它的工作原理如下：用戶點擊一個產(chǎn)品。突然，下一個版塊就變了。不同的推薦、新的橫幅，甚至可能是另一個行動號召 (CTA)。無需重新加載，無需等待。這就是實時個性化。AI 會跟蹤用戶操作并立即更新設(shè)計。

我曾與波蘭一家小型電商合作。我們使用了一種工具，可以查看點擊歷史記錄，然后推送“智能區(qū)塊”——一些顯示更匹配的小設(shè)計元素。用戶在網(wǎng)站上停留的時間更長了。跳出率下降了 15%。這就是人工智能提升用戶體驗的成果。

想想 Dynamic Yield 或 Plerdy SEO Analyzer 這樣的工具——它們能幫你了解哪些內(nèi)容效果顯著，以及哪些方面可以提升價值。它們不僅僅基于屏幕尺寸，還基于實際操作。這幾乎就像網(wǎng)站現(xiàn)在有了大腦一樣。

相信我，一旦你嘗試過，就不會再回頭了。

自適應(yīng)布局與響應(yīng)式設(shè)計

現(xiàn)在，不要混淆響應(yīng)式和自適應(yīng)——它們聽起來很相似，但本質(zhì)上并不相同。響應(yīng)式設(shè)計只是根據(jù)設(shè)備改變布局。平板電腦？更小的按鈕。手機？折疊菜單。僅此而已。

但自適應(yīng)布局更深入。人工智能會檢查用戶的行為——快速滾動、不點擊、來回滑動——并實時調(diào)整設(shè)計。它可能會隱藏菜單，或者將浮動按鈕向上推。這就是用戶體驗變得智能的地方。

Netflix 也這么做。如果你經(jīng)常暫停，他們會把控制鍵移得更近。亞馬遜會根據(jù)滾動深度調(diào)整產(chǎn)品行。這不是 CSS 媒體查詢，而是 AI 在讀懂你的想法。

沒錯，響應(yīng)式設(shè)計固然很好，但自適應(yīng)性呢？這才是本能的設(shè)計。人工智能讓用戶體驗不僅實用，更令人難忘。

幫助你分析人工智能驅(qū)動的用戶體驗的 Chrome 擴展程序

我不太喜歡猜測，尤其是在用戶體驗設(shè)計方面。你添加了一些人工智能驅(qū)動的區(qū)塊，但你不知道用戶是否能看到它？這就是為什么我開始使用 Chrome 擴展程序進行用戶體驗測試。它們不是昂貴的大型工具，而是快速、簡單的插件，可以展示真實的情況。有些我每天都會用，有些則只用于 A/B 測試。但當(dāng)人工智能擾亂你的布局時，它們結(jié)合起來會非常有幫助。

這是我的首選組合：

相信我，當(dāng)您的用戶體驗由人工智能驅(qū)動并且您希望確保用戶不會迷失在“智能”布局中時，這種組合會非常有效。

Plerdy 分析網(wǎng)站— 用戶體驗?zāi)Ｊ胶蜔釄D

將顯示縮放圖像
新的用戶體驗規(guī)則：人工智能推薦如何改變設(shè)計 — 0004

在任何重新設(shè)計之前，我都會先運行這個工具。即使是在競爭對手的網(wǎng)站上，它也能顯示滾動深度、熱門點擊區(qū)域以及沒人觸及的區(qū)域。你甚至不需要在他們的網(wǎng)站上安裝任何東西——它就能正常工作。

它幫助我發(fā)現(xiàn)，40% 的用戶會跳過一位客戶主頁上的產(chǎn)品橫幅。我們將橫幅位置下移，并修改了 CTA，跳出率下降了?？焖俸啙嵉挠脩趔w驗贏得了勝利。

Lighthouse — 核心用戶體驗指標和可訪問性洞察

將顯示縮放圖像
新的用戶體驗規(guī)則：人工智能推薦如何改變設(shè)計 — 0005

這個插件內(nèi)置于 Chrome 瀏覽器內(nèi)，無需安裝。當(dāng)我想知道我的設(shè)計是否真的有效時，我會使用它——加載速度快、布局無偏移、對比度好、移動端視圖清晰。

有一次，AI 在我工作的主頁上添加了一個漂亮的輪播圖。看起來很漂亮。但 Lighthouse 顯示，它的加載速度降低了 1.6 秒。移動評分也下降了。我們把它移除了。頁面體驗好上百倍。

它還會檢查可訪問性，這是良好用戶體驗的一部分。如果您的字體太小或背景顏色太淡——Lighthouse 會直接告訴您。毫不留情。

Visual Inspector — 實時編輯與協(xié)作

將顯示縮放圖像
新的用戶體驗規(guī)則：人工智能推薦如何改變設(shè)計 — 0006

說實話，當(dāng)我不想碰代碼的時候，我會用這個。你只需點擊一下，更改顏色，移動一個塊——就搞定了。非常適合演示，或者當(dāng)客戶說“你能把那個按鈕移開一點嗎？”的時候。

另一個很酷的功能是：你可以添加評論或與團隊分享預(yù)覽。它讓反饋更容易，設(shè)計也更有趣。當(dāng)AI做出奇怪的布局，而你需要快速“人工修復(fù)”時，這是一個很棒的工具。

Plerdy SEO 分析器— 實時內(nèi)容和結(jié)構(gòu)審核

將顯示縮放圖像
新的用戶體驗規(guī)則：人工智能推薦如何改變設(shè)計 — 0007

這個工具簡直是救星。我在一個包含 AI 生成版塊的博客上測試了它。它在幾秒鐘內(nèi)就幫我完成了一次完整的 SEO 審核。它可以檢查標題、文本可讀性、關(guān)鍵詞密度，甚至還能顯示內(nèi)容中哪些部分比較薄弱。

最棒的是？它能提供真正的 AI 提示。比如，“這個標題太長了”或“這里缺少 H2 按鈕”。所以，當(dāng) AI 搞亂了你的頁面結(jié)構(gòu)時，這個擴展程序會準確地告訴你該如何修復(fù)。沒有廢話，只有直接的建議，讓用戶體驗更強大。

需要分析人工智能如何影響你的用戶體驗嗎？這些擴展程序不僅能為你展示數(shù)字，還能幫助你了解用戶的感受。而這才是真正的設(shè)計發(fā)生的地方。

A/B 測試 AI 驅(qū)動的 UI 決策

將顯示縮放圖像
新的用戶體驗規(guī)則：人工智能推薦如何改變設(shè)計 — 0007

有時人工智能會給出很酷的想法。但并非所有想法都對真實用戶有益。這聽起來可能顯而易見，但測試人工智能生成的設(shè)計是絕對必要的。即使用戶體驗看起來很棒，也并不意味著人們會點擊或滾動。設(shè)計需要驗證。用戶體驗需要行為數(shù)據(jù)。否則，它就只是猜測。

我記得我做過一個測試——我們用人工智能修改了主頁布局。它擁有智能用戶體驗、自適應(yīng)設(shè)計，看起來很新穎。但用戶互動性很差。滾動地圖很冷門。我們把CTA（行動號召）移到了更高的位置，改變了按鈕樣式——A /B測試之后，點擊率躍升了31%。這就是測試的作用。

人工智能雖然強大，但卻無法解讀人類的情感。A/B 測試可以幫助你的用戶體驗匹配真實的用戶，而不僅僅是算法。

從假設(shè)到熱圖

假設(shè)AI告訴你要更改UI布局。新的結(jié)構(gòu)。新的區(qū)塊。聽起來很棒。但你怎么知道這對設(shè)計有幫助呢？

測試一下，就這么簡單。我總是從一個小想法開始——比如改變標題順序或移動定價區(qū)塊。然后我會用 Plerdy Analyze Websites 來觀察真實用戶的行為。這個工具可以顯示熱圖、滾動深度和點擊次數(shù)。它對于測試動態(tài)用戶體驗非常方便。

以下是我的做法：

  1. 通過新的用戶體驗創(chuàng)建 AI 變體
  2. 根據(jù)實際點擊跟蹤交互模式
  3. 審查每個設(shè)計元素的滾動、彈跳和行為

設(shè)計的意義不在于看起來有多酷，而在于用戶實際使用的內(nèi)容。這就是為什么我從來不會在沒有檢查行為數(shù)據(jù)的情況下發(fā)布新的UI。即使是最聰明的AI創(chuàng)意，如果用戶體驗不能與人產(chǎn)生共鳴，也會失敗。

通過內(nèi)容審核衡量結(jié)果

現(xiàn)在讓我們將設(shè)計和 SEO 結(jié)合起來。因為現(xiàn)代用戶體驗不僅僅關(guān)乎布局或按鈕。它還關(guān)乎內(nèi)容的體驗、閱讀方式以及搜索引擎的運作方式。

每次 A/B 測試后，我都會用 Plerdy SEO Analyzer。它會檢查內(nèi)容是否仍然遵循良好的結(jié)構(gòu)。它會顯示標題是否正確，關(guān)鍵詞是否仍然有效，以及 AI 是否改寫了某些錯誤的內(nèi)容。有一次，AI 把 H2 改成了一個笑話——流量就下降了。一點也不好笑。

分析器幾分鐘內(nèi)就幫我解決了問題。我再次調(diào)整了設(shè)計。用戶體驗變得更簡潔了。SEO流量也回來了。

所以，沒錯——用AI來改進UI和設(shè)計，但千萬別跳過測試。沒有測試的UX是沒有未來的。

用戶體驗的未來是人工智能

將顯示縮放圖像
新的用戶體驗規(guī)則：人工智能推薦如何改變設(shè)計 — 0008

用戶體驗不再僅僅依靠人工智能。用戶體驗正在成為人工智能。這是事實。而且，這并非科幻故事。它已經(jīng)存在。你瀏覽TikTok——這就是人工智能驅(qū)動的用戶體驗。你在亞馬遜上購物——整個產(chǎn)品頁面都會根據(jù)你過去的行為進行調(diào)整。設(shè)計不再是一成不變的。它變得智能、靈活，當(dāng)然，還有點令人毛骨悚然。但這是一種好的方面。

我相信這不是一種“趨勢”。這是新的基礎(chǔ)。沒有人工智能的用戶體驗會讓人感覺陳舊、緩慢、愚蠢。而且用戶不會等待。如果你的設(shè)計不能理解用戶的想法，他們兩秒后就會離開。

我們不能再把人工智能僅僅視為一個插件了。它是界面的新大腦。它控制著設(shè)計如何運作，用戶如何移動，以及他們看到什么。如果你還沒有這樣想過……那么，是時候開始了。

從AI支持的用戶體驗到AI創(chuàng)建的用戶體驗

最瘋狂的部分來了。以前，AI 只是在內(nèi)容方面提供幫助，比如提供一些文字和一些布局建議?，F(xiàn)在，它構(gòu)建了整個用戶體驗，包括結(jié)構(gòu)、按鈕、哪些內(nèi)容先顯示、哪些內(nèi)容會消失——所有的一切。像 Galileo AI 或 Uizard 這樣的 AI 工具可以在幾分鐘內(nèi)創(chuàng)建完整的界面模型，真正的原型。你只需要給出一個簡短的提示。

即使是像 Booking.com 這樣的大型公司，也使用 AI 來設(shè)計和運行數(shù)千個 UI 測試，無需人工干預(yù)。這并非為了節(jié)省時間，而是為了更智能的用戶體驗。更快的決策，更優(yōu)的結(jié)果。

有些設(shè)計師感到害怕。我理解。但你知道嗎？如果人工智能能讓用戶體驗更簡潔，設(shè)計更實用——我完全支持。

成為 AI 優(yōu)先設(shè)計師

你不需要成為一名程序員，也不需要構(gòu)建自己的模型。但你需要改變思維。別再問：“我該如何在這里添加人工智能？” 而是要問：“如果從一開始就由人工智能掌控，設(shè)計會是什么樣子？”

從您熟悉的工具入手。使用 Plerdy SEO Analyzer 檢查 AI 如何影響內(nèi)容結(jié)構(gòu)。在 Plerdy Analyze Websites 中試用熱圖，看看哪些方法有效。多考慮用戶行為，少考慮固定的網(wǎng)格。

AI優(yōu)先的思維模式意味著：你的設(shè)計會生存、學(xué)習(xí)并適應(yīng)。這才是真正的用戶體驗。

結(jié)論

如果你仍然認為人工智能只是一種趨勢，那你就錯過了全局。人工智能并非要扼殺用戶體驗設(shè)計，而是要大力推動它的發(fā)展。它就像渦輪增壓模式一樣。你，設(shè)計師，仍然是規(guī)則的制定者。但現(xiàn)在，人工智能可以幫助你打破那些枯燥乏味的規(guī)則。像 Plerdy、Uizard甚至Figma AI 這樣的工具，它們并非取代技能，而是加速了創(chuàng)造奇跡。所以，不要抗拒，要利用它。在用戶點擊離開之前，提升你的用戶體驗。

 

蘭亭妙微(www.ieapo.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。我們建立了一個微信群，每天分享國內(nèi)外優(yōu)秀的設(shè)計，有興趣請加入一起學(xué)習(xí)成長，咨詢及進群請加藍小助微信ben_lanlan
評論(0) 瀏覽(113)

以人為本的人工智能：用戶體驗設(shè)計師的 5 個框架

杰睿 交互設(shè)計及用戶體驗

以一個人為決策樹中心的插圖

2024 年是人工智能取得重大進步的一年，這項技術(shù)以驚人的速度融入我們的職業(yè)和個人生活。

在家里，我很享受看著我的三個小兒子以他們自己獨特的方式沉浸在人工智能世界里。他們被最新一波的人工智能玩具所吸引，尤其是我們家的新“寵物”機器人Loona。它能用近乎科幻般的對話讓他們著迷——這得益于與2024年5月發(fā)布的GPT-4o的集成。Loona激發(fā)了孩子們的好奇心，引發(fā)了他們富有想象力的人機對話，甚至引發(fā)了兄弟姐妹之間關(guān)于它如何“思考”的熱烈討論。他們的興奮提醒我們，人工智能已經(jīng)在塑造下一代人與科技的關(guān)系——使其更加個性化、引人入勝，甚至更容易被理解。

將顯示縮放圖像
Loona機器人玩具圖片
KEYi Tech 的 Loona 機器人 — 圖片來源：keyirobot.com

這種驚奇感一直延續(xù)到2025年，伴隨著NVIDIA在CES上令人嘆為觀止的主題演講拉開帷幕，這場演講展示了人形機器人的進步。NVIDIA首席執(zhí)行官黃仁勛的演示凸顯了他對機器人和人工智能發(fā)展現(xiàn)狀的著迷，以及他對未來幾年快速變革步伐的有力預(yù)測。

對于用戶體驗設(shè)計師來說，在人工智能快速發(fā)展的時代，好奇心與奉獻精神的結(jié)合至關(guān)重要。擁抱人工智能需要我們重新思考我們的流程，理解該技術(shù)的底層系統(tǒng)，并確保人類價值觀和用戶需求始終是我們創(chuàng)作的核心。擁抱人工智能需要我們重新思考我們的流程，了解該技術(shù)的底層系統(tǒng)，并確保人類價值觀和用戶需求仍然是我們創(chuàng)造的核心。

隨著人工智能成為數(shù)字創(chuàng)新的支柱，我們作為設(shè)計師的角色也在不斷演變。我們不僅要塑造界面，更要打造將以人為本的原則與全新的技術(shù)交互方式相融合的體驗。這種轉(zhuǎn)變要求我們像技術(shù)人員一樣思考，擁抱數(shù)據(jù)驅(qū)動的系統(tǒng)，并將用戶中心置于人工智能項目之中。

為了引領(lǐng)這一轉(zhuǎn)變，領(lǐng)先的科技公司和大學(xué)為以人為本的人工智能提供了切實可行的戰(zhàn)略。在本文中，我將分享來自 IBM、谷歌、微軟和卡內(nèi)基梅隆大學(xué)的用戶體驗框架，為應(yīng)對人工智能技術(shù)和工具的快速發(fā)展提供洞見和資源。

1. IBM 的 AI/人類語境模型

IBM 的AI/人類情境模型是其AI 設(shè)計實踐的核心。該模型提供了一個結(jié)構(gòu)化的框架，確保 AI 解決方案能夠與用戶無縫交互，并隨著用戶輸入而不斷演進，同時尊重并增強其運行環(huán)境。

將顯示縮放圖像
IBM網(wǎng)站截圖
資源：IBM 的 AI 設(shè)計

IBM 的 AI/人類情境模型旨在指導(dǎo)符合人類需求和價值觀的 AI 系統(tǒng)的開發(fā)。該模型將 AI 驅(qū)動的體驗分解為幾個關(guān)鍵考量因素，每個因素對于創(chuàng)建有目的性、情境感知和以人為本的解決方案都至關(guān)重要：

  1. 理解意圖：人工智能系統(tǒng)必須優(yōu)先考慮以人為本的目標，并考慮用戶的意圖、情感和情境。意圖代表了人工智能系統(tǒng)的基本宗旨，涵蓋了用戶和企業(yè)的目標、愿望、需求和價值觀。它定義了解決方案背后的“原因”，并確保系統(tǒng)設(shè)計具有清晰的、以用戶為中心的目標。
  2. 數(shù)據(jù)與政策：這指的是從用戶和外部世界收集的原始數(shù)據(jù)，以及保護和管理其使用的政策。數(shù)據(jù)是人工智能決策的支柱，但其收集和處理必須遵守嚴格的道德和監(jiān)管標準。情境是實現(xiàn)有效人工智能交互的關(guān)鍵。IBM 強調(diào)系統(tǒng)理解影響用戶行為的情境和環(huán)境因素的重要性。例如，位置、時間或任務(wù)緊急程度等情境數(shù)據(jù)可以幫助人工智能提供更個性化、更相關(guān)的建議。
  3. 機器理解、推理、知識和表達：這指的是人工智能系統(tǒng)在其領(lǐng)域范圍內(nèi)解釋結(jié)構(gòu)化和非結(jié)構(gòu)化數(shù)據(jù)的能力，應(yīng)用邏輯分析數(shù)據(jù)并決定最佳行動方案的能力，確保知識庫通過新見解動態(tài)更新的能力，以及以符合用戶環(huán)境和期望的方式傳達其響應(yīng)的能力。
  4. 人類反應(yīng)與系統(tǒng)改進循環(huán)：這強調(diào)人工智能系統(tǒng)必須被設(shè)計為與人類協(xié)同工作，而不僅僅是為人類服務(wù)，從而確保自動化與人類自主性之間的平衡。用戶反應(yīng)反映了用戶對人工智能系統(tǒng)表達的真實反饋——無論是顯式的還是隱式的。學(xué)習(xí)強調(diào)系統(tǒng)如何基于用戶交互和反饋不斷改進，使其能夠隨著時間的推移不斷發(fā)展并更好地服務(wù)于其目標。
  5. 評估結(jié)果：這強調(diào)結(jié)果衡量人工智能系統(tǒng)對現(xiàn)實世界的影響，代表它如何有效地滿足用戶需求并有效且合乎道德地解決問題。

2. Google 的可解釋性評估標準

Google 的可解釋性評估標準 (Explainability Rubric)提供了一個清晰的框架，用于創(chuàng)建透明、公平且以用戶為中心的 AI 系統(tǒng)，并重點強調(diào)了 22 條需要與用戶分享的關(guān)鍵信息。隨著 AI 不斷影響我們的工作方式、與企業(yè)的互動方式，甚至成為我們表達自我的工具，確保用戶能夠理解并信任這些系統(tǒng)至關(guān)重要。

將顯示縮放圖像
谷歌網(wǎng)站截圖
資源：Google 的可解釋性評估標準

該評分標準分為三個信息級別：一般級別、特征級別和決策級別。

  1. 總體層面：概述您的產(chǎn)品或服務(wù)的運作方式，包括人工智能的作用。解釋使用人工智能的主要目的和優(yōu)勢、商業(yè)模式以及人工智能如何促進價值創(chuàng)造。重點介紹為確保安全、公平和透明而采取的措施，包括與社區(qū)互動、解決偏見問題以及分享績效信息。
  2. 功能層面：詳細說明具體的 AI 功能，包括其運作方式、AI 的激活時間以及用戶控制選項。解釋系統(tǒng)限制、人工參與和個性化選項。提供有關(guān)所用數(shù)據(jù)的信息，包括訓(xùn)練數(shù)據(jù)、外部輸入以及用戶數(shù)據(jù)的處理和利用方式。
  3. 決策層：闡明具體的人工智能決策是如何制定的，系統(tǒng)對其輸出的可信度，以及如何識別錯誤或低質(zhì)量結(jié)果。決策完成后，應(yīng)提供用戶反饋渠道，允許提出異議，并清晰地告知用戶錯誤和修復(fù)措施。

3.微軟的人機交互體驗（HAX）工具包

微軟的HAX 工具包是一個綜合框架，專為開發(fā)面向用戶的 AI 產(chǎn)品團隊而設(shè)計。它有助于概念化 AI 系統(tǒng)的功能和行為方式，使其成為設(shè)計早期階段的實用工具。

將顯示縮放圖像
微軟網(wǎng)站截圖
資源：微軟的 HAX 工具包

HAX 工具包功能多樣，允許團隊根據(jù)自身獨特的需求、用例、產(chǎn)品類別和目標，混合搭配其設(shè)計工具。HAX 工具包的關(guān)鍵組件包括：

  1. 人機交互指南：這些是設(shè)計用戶交互過程中 AI 行為的最佳實踐。它們指導(dǎo) AI 產(chǎn)品規(guī)劃，以確保直觀有效的體驗。
  2. HAX 設(shè)計庫：一個資源中心，通過可操作的設(shè)計模式和真實世界的例子來解釋人機交互指南。
  3. HAX 工作簿：一種協(xié)作工具，供團隊確定優(yōu)先實施哪些指南，促進有重點且高效的設(shè)計討論。
  4. HAX 劇本：該劇本專為自然語言處理 (NLP) 應(yīng)用程序量身定制，可識別常見的人機交互故障并提供緩解這些故障的策略。

4. HCI Institute 的 AI 頭腦風(fēng)暴工具包

AI 頭腦風(fēng)暴工具包由卡內(nèi)基梅隆大學(xué)人機交互 (HCI) 研究所的研究人員創(chuàng)建，旨在提煉 AI 能力，幫助團隊探索如何利用 AI 構(gòu)建應(yīng)用。創(chuàng)新的停滯往往并非源于技術(shù)，而是因為團隊選擇了錯誤的項目。AI 頭腦風(fēng)暴工具包解決了這個問題，提供了一種結(jié)構(gòu)化的方法來設(shè)計既技術(shù)可行又以用戶為中心的 AI 驅(qū)動解決方案。

將顯示縮放圖像
HCI Institute 工具包截圖
資源：HCI Institute 的 AI 頭腦風(fēng)暴工具包

該套件的結(jié)構(gòu)化方法降低了開發(fā)不相關(guān)或不必要的AI解決方案的風(fēng)險。通過關(guān)注AI的功能和用戶的需求，該套件使團隊能夠進行周到而有效的創(chuàng)新。該套件將AI功能分為不同的功能，例如：

  • 檢測模式（例如識別圖像中的人臉）
  • 預(yù)測趨勢（例如預(yù)測股票價格）
  • 生成內(nèi)容（例如創(chuàng)建合成圖像或文本）
  • 自動化操作（例如跨不同應(yīng)用程序執(zhí)行工作流程）

它概述了 40 個涵蓋醫(yī)療保健、教育和交通等不同領(lǐng)域的真實 AI 產(chǎn)品示例。該工具包還包含創(chuàng)意提示、影響力-投入矩陣和績效-專業(yè)知識網(wǎng)格等工具，可指導(dǎo)用戶選擇具有高影響力且可行的創(chuàng)意。要使用該工具包，首先要查看 AI 功能和示例，以激發(fā)您的團隊靈感。然后，進行結(jié)構(gòu)化的頭腦風(fēng)暴會議，探索機會、完善概念并評估潛在解決方案。該資源非常適合研討會、組織戰(zhàn)略會議和創(chuàng)新實驗室，確保團隊設(shè)計出具有影響力且以用戶為中心的 AI 產(chǎn)品。

5. Google 的 People + AI 指南

《People + AI 指南》由 Google 的多學(xué)科團隊People + AI Research (PAIR) 創(chuàng)建，提供了方法、最佳實踐、案例研究和設(shè)計模式的全面資源，旨在幫助設(shè)計師、開發(fā)人員和產(chǎn)品團隊創(chuàng)建有影響力的 AI 驅(qū)動解決方案。

將顯示縮放圖像
谷歌網(wǎng)站截圖
資源：Google 的 People + AI 指南

該指南介紹了 20 多種設(shè)計模式，為 AI 產(chǎn)品設(shè)計提供了實用且以行動為導(dǎo)向的指導(dǎo)。這些模式專注于解決產(chǎn)品開發(fā)過程中的關(guān)鍵挑戰(zhàn)，并圍繞常見問題進行組織，以幫助團隊找到相關(guān)的見解。

  • 以人為本的人工智能入門：
    包括確定人工智能是否增加價值、設(shè)定明確的用戶期望以及有效解釋產(chǎn)品優(yōu)勢的指導(dǎo)。
  • 在產(chǎn)品中使用人工智能：
    強調(diào)充分利用人工智能，平衡自動化與用戶控制，并管理精度和召回率的權(quán)衡。
  • 引導(dǎo)用戶熟悉 AI 功能：
    涵蓋熟悉度、確保探索安全以及對新功能提供清晰的解釋。
  • 向用戶解釋人工智能：
    專注于解釋人工智能能力以便理解，適當(dāng)?shù)卣故灸Ｐ托判模⒃谥苯佑美馓峁└钊氲谋尘敖忉尅?/span>
  • 負責(zé)任的數(shù)據(jù)集構(gòu)建：
    重點介紹諸如涉及領(lǐng)域?qū)＜?、為?shù)據(jù)標簽者設(shè)計、維護數(shù)據(jù)集以及接受現(xiàn)實世界數(shù)據(jù)的混亂等實踐。
  • 建立和校準信任：
    指導(dǎo)團隊透明地設(shè)置隱私、錯誤責(zé)任以及實現(xiàn)用戶反饋和監(jiān)督。
  • 平衡用戶控制和自動化：
    提供有關(guān)逐步實現(xiàn)自動化、在需要時將控制權(quán)交還給用戶以及確保自動化安全的建議。
  • 故障期間為用戶提供支持：
    鼓勵規(guī)劃錯誤解決并確保用戶在 AI 系統(tǒng)發(fā)生故障時能夠繼續(xù)前進。

這五個框架為設(shè)計能夠自然融入我們?nèi)粘Ｉ畹娜斯ぶ悄艿於嘶A(chǔ)——無論是好玩的、會對話的機器人玩具，還是讓我們保持井然有序、高效的應(yīng)用程序。作為用戶體驗設(shè)計師，以人為本的框架來處理人工智能意味著要在新技術(shù)能力與責(zé)任之間取得平衡，審視人工智能是否已準備好并適用于每個用例，并構(gòu)建具有用戶反饋循環(huán)的系統(tǒng)以推動持續(xù)改進。

 

蘭亭妙微(www.ieapo.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。我們建立了一個微信群，每天分享國內(nèi)外優(yōu)秀的設(shè)計，有興趣請加入一起學(xué)習(xí)成長，咨詢及進群請加藍小助微信ben_lanlan
評論(0) 瀏覽(140)

Duolingo 終止了“用戶體驗設(shè)計”這一術(shù)語

杰睿 交互設(shè)計及用戶體驗

Duolingo 終止用戶體驗設(shè)計

令人驚訝的是，Duolingo 的用戶體驗主管 Mig Reyes 在 LinkedIn 上宣布，公司已決定徹底改變 UX 設(shè)計一詞，并用 PX 設(shè)計取而代之。

你可能會問， PX 設(shè)計是什么？讓我們根據(jù)公司的說法來分析一下。

Mig Reyes 在 LinkedIn 上的帖子引發(fā)了一場爭論

首先，他們明確表示將把用戶體驗 (UX) 的職能更名為產(chǎn)品體驗 (PX)。之所以做出這一改變，是因為 Duolingo 是一家產(chǎn)品主導(dǎo)的公司，他們內(nèi)部所做的一切都是為了產(chǎn)品。他們招聘的職位也包括產(chǎn)品設(shè)計師、產(chǎn)品文案和產(chǎn)品研究員。

我們嘗試過“UX”這個統(tǒng)稱。但最終沒能堅持下來。它感覺不像我們。感覺……過時了。

最后，他們還提到了UI如何塑造用戶體驗，以及UX如何服務(wù)于產(chǎn)品，最終形成了完整的等式。這是一個相當(dāng)有趣的UX設(shè)計理念，因為我們一直以來都認為用戶和業(yè)務(wù)之間需要取得平衡。

此事在網(wǎng)上引發(fā)了眾多設(shè)計師的強烈反對。有人認為這是公司賦予用戶體驗（UX）新身份、使其專注于業(yè)務(wù)和產(chǎn)品的絕妙之舉；而另一些人則認為這只是一種營銷噱頭。

LinkedIn 上引發(fā)的爭論

拋開這些審查不談，這確實表明公司越來越看重設(shè)計師的頭銜，更注重設(shè)計師的實際能力和技能。UX（用戶體驗）這個詞在我出生前就出現(xiàn)了，之后經(jīng)歷了多次改版，所以這種情況對我來說并不意外。公司如何更加輕視設(shè)計師的頭銜，而更注重設(shè)計師的職能和技能。UX 在我出生之前就已經(jīng)被創(chuàng)造出來了，從那時起它已經(jīng)經(jīng)歷了多次改版，所以這樣的事情對我來說并不感到驚訝。

PX、AX、DX 等的崛起

這并不是我們見證的第一次用戶體驗 (UX) 品牌重塑。1993 年，用戶體驗之父唐納德·諾曼 (Don Norman) 創(chuàng)造了“用戶體驗設(shè)計”一詞，將平面設(shè)計、工業(yè)設(shè)計、文檔和人機交互等概念融為一體。1993年，UX之父唐納德·諾曼創(chuàng)造了UX設(shè)計這個術(shù)語，將圖形設(shè)計、工業(yè)設(shè)計、文檔和人機交互全部涵蓋在一個整體中。

2011年，一位擁有產(chǎn)品設(shè)計背景的勇敢軟件開發(fā)者挺身而出，致力于改變開發(fā)者的生活。他提出了“開發(fā)者體驗”一詞，涵蓋了在其他現(xiàn)有平臺上構(gòu)建應(yīng)用程序的開發(fā)者的體驗。您可以在此處閱讀詳細文章。

最近，

宣布了一個名為“代理體驗”（Agent Experience，簡稱AX）的新術(shù)語。該術(shù)語與基于代理的人工智能（AI）領(lǐng)域相關(guān)，涵蓋了AI驅(qū)動的代理如何看待世界和數(shù)字體驗。例如，某些代理可以與網(wǎng)頁交互，并根據(jù)您的提示幫助您找到合適的內(nèi)容。AI代理如何與網(wǎng)頁交互？代表您撥打電話的AI代理將如何與其他人互動？問題無窮無盡，而AX或許正是AI代理未來發(fā)展的答案。閱讀全文。

 

這對 UX 設(shè)計師來說意味著什么？

每個創(chuàng)意或技術(shù)領(lǐng)域都必然會根據(jù)當(dāng)前的技術(shù)趨勢以及用戶對產(chǎn)品的期望而發(fā)展。由于許多任務(wù)都由人工智能完成，設(shè)計師不可避免地會開始關(guān)注業(yè)務(wù)和產(chǎn)品功能，因此“PX”一詞就顯得合情合理。如果重點轉(zhuǎn)向打造更優(yōu)質(zhì)的人工智能或代理體驗，那么“AX”一詞就顯得合情合理。設(shè)計師開始關(guān)注業(yè)務(wù)和產(chǎn)品功能因此，PX 這個術(shù)語是有意義的。如果重點轉(zhuǎn)向打造更好的 AI 或代理體驗，那么 AX 就說得通了。

用戶體驗設(shè)計師現(xiàn)在必須與時俱進，掌握必要的技能例如針對設(shè)計、產(chǎn)品和業(yè)務(wù)的 AI 工作流程，甚至對市場上新興趨勢的了解。

無論術(shù)語是什么UX 和 UI 設(shè)計的基礎(chǔ)和原則始終如一。事實上，在設(shè)計師數(shù)十年經(jīng)驗的基礎(chǔ)上構(gòu)建新的理念和流程比以往任何時候都更加重要。

評論(0) 瀏覽(110)

【原創(chuàng)】交互設(shè)計案例分享：資源庫網(wǎng)站設(shè)計

杰睿 交互設(shè)計及用戶體驗

 

項目背景：

隨著生態(tài)保護意識提升，青海豐富的鳥類資源亟待數(shù)字化呈現(xiàn)與科普推廣。為打破信息分散壁壘，助力科研、生態(tài)教育及觀鳥愛好者交流，客戶想要造青海鳥類資源庫網(wǎng)站，以專業(yè)、直觀、易用的 UI 設(shè)計，串聯(lián)鳥類數(shù)據(jù)、科研成果與公眾認知 。
該項目是與青海師范大學(xué)合作的[青海鳥類資源庫]網(wǎng)站交互及UI設(shè)計，青海師范大學(xué)是我們的老客戶了，本次項目我們也是從前期的內(nèi)容整理歸納、交互原型設(shè)計、UI設(shè)計，再到最后的客戶后期的開發(fā)還原度走查工作，最終實現(xiàn)的效果也獲得了客戶的認可。

項目概述：

產(chǎn)品定位：聚焦青海鳥類生態(tài)，打造集科普教育、科研輔助、觀鳥互動于一體的數(shù)字化平臺。既為專業(yè)學(xué)者提供精準數(shù)據(jù)檢索、學(xué)術(shù)成果展示窗口，也向大眾普及鳥類知識、傳播生態(tài)保護理念，成為青海鳥類生態(tài)對外展示的 “數(shù)字名片” 。
目標用戶：需求精準數(shù)據(jù)查詢、學(xué)術(shù)成果沉淀與共享，關(guān)注知識圖譜、文獻列表等功能模塊的科研學(xué)者；熱衷鳥類科普、觀鳥活動，期望通過直觀界面了解物種、觀測歷程的生態(tài)保護愛好者；以輕松方式接觸生態(tài)知識，側(cè)重可視化展示（如地圖分布、演化流程）與趣味互動（評論區(qū)、相關(guān)鳥類推薦 ）的普通公眾。
設(shè)計風(fēng)格：色彩以青海地域元素為靈感，藍天、雪山、湖泊藍白漸變打底，搭配鳥類羽毛自然色調(diào)，營造清新、貼近自然氛圍；布局遵循 “信息分層、高效瀏覽” 原則，大模塊分區(qū)清晰，用卡片式設(shè)計承載內(nèi)容，既保證視覺呼吸感，又通過微交互增強科技感與操作流暢性
 

設(shè)計亮點與價值：

知識圖譜可視化：以鳥類為核心，關(guān)聯(lián)棲息環(huán)境、食物鏈等信息，通過動態(tài)交互圖譜，讓用戶直觀理解物種生態(tài)關(guān)系，打破知識傳播壁壘；
精準服務(wù)多元需求：為學(xué)者設(shè)計文獻檢索、數(shù)據(jù)統(tǒng)計模塊，支持高效科研工作；為愛好者打造觀鳥圣地推薦、實時評論互動，構(gòu)建交流社區(qū)；為大眾簡化信息層級，用大圖、短文案、輪播展示核心內(nèi)容，降低科普門檻。
品牌與生態(tài)共鳴：通過統(tǒng)一視覺語言（如 Logo 融入鳥類形態(tài)、底部生態(tài)友好鏈接），強化 “青海鳥類保護數(shù)字陣地” 品牌認知，讓用戶在瀏覽中自然產(chǎn)生生態(tài)守護認同感，助力青海生態(tài)文化傳播。
 
 
評論(0) 瀏覽(134)

UI 設(shè)計中的情感化設(shè)計

濤濤

UI 設(shè)計中的情感化設(shè)計是設(shè)計師基于滿足產(chǎn)品功能性和易用性后，設(shè)計出滿足用戶更高層級需求的創(chuàng)意表達工具，其目的是賦予產(chǎn)品情感以增加用戶粘性、樹立品牌形象以增強用戶認知、引導(dǎo)用戶操作以達成設(shè)計目的，可從本能層次（視覺）、行為層次（交互）和反思層次（思維）融入情感化設(shè)計，如視覺層次用獨特 IP 形象、風(fēng)格明確的規(guī)范化設(shè)計和擬人化動作，交互層次遵循操作前可預(yù)知等原則，思維層次明確服務(wù)者定位等，如此才能設(shè)計出以人為本的產(chǎn)品。

評論(0) 瀏覽(166)

醫(yī)療自助服務(wù)機UX設(shè)計

濤濤

本次發(fā)布的是自助簽到機，頁面邏輯很簡單，沒有復(fù)雜之處，功能也是簡單粗暴；受設(shè)備的影響一直秉持保持界面美觀的情況下更注重用戶實用性；

評論(0) 瀏覽(184)

UI 和 UX 設(shè)計小技巧

濤濤

收集了 多 個 UI 和 UX 設(shè)計小技巧，涵蓋視覺設(shè)計、排版、色彩、交互等多方面，包括通過微妙邊界或多重陰影讓元素更清晰、減少標題字母間距以實現(xiàn)視覺平衡、確保圖標風(fēng)格一致、適當(dāng)留白使設(shè)計更透氣、20pt 字體提升長文本閱讀體驗、基于字體比例定義字號集、選擇基本色并通過色調(diào)和陰影增加一致性、移動端登錄允許用戶隨時跳過并將跳過鏈接放在拇指易觸及位置、確保陰影來自同一光源、合理進行圖層管理、通過色彩對比度等突出重要元素、錯誤時添加視覺輔助、移動端創(chuàng)建足夠大熱區(qū)、保持文字與圖像對比度等，這些技巧能通過最小調(diào)整改善設(shè)計細節(jié)和用戶體驗。

評論(0) 瀏覽(138)

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://www.ieapo.cn

存檔