• <noscript id="ggggg"><dd id="ggggg"></dd></noscript>
    <small id="ggggg"></small> <sup id="ggggg"></sup>
    <noscript id="ggggg"><dd id="ggggg"></dd></noscript>
    <tfoot id="ggggg"></tfoot>
  • <nav id="ggggg"><cite id="ggggg"></cite></nav>
    <nav id="ggggg"></nav>
    成人黃色A片免费看三更小说,精品人妻av区波多野结衣,亚洲第一极品精品无码,欧美综合区自拍亚洲综合,久久99青青精品免费观看,中文字幕在线中字日韩 ,亚洲国产精品18久久久久久,黄色在线免费观看

    首頁(yè)

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

    杰睿 交互設(shè)計(jì)及用戶(hù)體驗(yàn)

    你知道那些感覺(jué)恰到好處的設(shè)計(jì)嗎?就是那些所有東西看起來(lái)都恰到好處,你不用瞇著眼睛看,不用思考,也不用瘋狂點(diǎn)擊就能搞清楚的東西。

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

    好的 UI 設(shè)計(jì)并非僅僅因?yàn)檫x擇了合適的藍(lán)色調(diào)或使用了漂亮的字體就能夠?qū)崿F(xiàn)。它之所以有效,是因?yàn)樗私馊藗兊南敕āK麄冏⒁獾搅耸裁矗雎粤耸裁矗约笆裁磿?huì)讓他們偷偷地咒罵。

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

    1. 你的大腦是個(gè)懶惰的天才(認(rèn)知負(fù)荷)

    事實(shí)是這樣的:人類(lèi)的大腦非常強(qiáng)大,但也非常懶惰。

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

    設(shè)計(jì)不是為了炫耀你有多聰明,而是為了讓用戶(hù)感覺(jué)自己很聰明。

    不會(huì)讓人頭腦發(fā)熱的技巧:

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

    隱藏復(fù)雜性,直到需要它為止。(是的,“高級(jí)設(shè)置”,我說(shuō)的就是你。)

    2.“選擇太多”問(wèn)題(希克定律)

    希克定律很簡(jiǎn)單:你給某人的選擇越多,他們做出選擇的時(shí)間就越長(zhǎng)。他們就越想哭,或者放棄。

    你有沒(méi)有看到過(guò)一個(gè)下拉菜單,上面列著 30 個(gè)國(guó)家,按字母順序排列,以“阿富汗”開(kāi)頭?沒(méi)錯(cuò),就是這樣。

    設(shè)計(jì)的意義在于減少?zèng)Q策。設(shè)計(jì)的目的并非剝奪自由,而是讓路徑清晰可見(jiàn)。

    像極簡(jiǎn)主義者一樣設(shè)計(jì):

    • 將大任務(wù)分解成更小的步驟。
    • 突出顯示最常見(jiàn)或推薦的選項(xiàng)。
    • 使用默認(rèn)值,因?yàn)榇蠖鄶?shù)用戶(hù)無(wú)論如何都會(huì)使用它們。

    3. 目標(biāo)應(yīng)該容易實(shí)現(xiàn)(菲茨定律)

    微型按鈕。超薄的文本鏈接。可關(guān)閉的模態(tài)框,帶有一個(gè)比果蠅還小的“X”。

    我們都詛咒過(guò)它們。菲茨定律說(shuō),點(diǎn)擊某個(gè)按鈕所需的時(shí)間取決于兩個(gè)因素:按鈕的大小和距離。所以,如果你想讓人們真正點(diǎn)擊你的按鈕,就讓它可點(diǎn)擊。

    實(shí)用想法:

    • 增加觸控目標(biāo),尤其是在移動(dòng)設(shè)備上。沒(méi)有人能像忍者一樣精準(zhǔn)地控制手指。
    • 將主要按鈕放置在容易觸及的位置。考慮拇指區(qū)域。
    • 避免操作間隔過(guò)長(zhǎng)。誤觸會(huì)導(dǎo)致新的“憤怒點(diǎn)擊”。

    4. 視覺(jué)層次:用戶(hù)流失的原因

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

    所以你需要像指揮家指揮管弦樂(lè)隊(duì)一樣控制視覺(jué)層次。利用大小、顏色、粗細(xì)和間距來(lái)傳達(dá)“嘿,先看這里!”

    如果沒(méi)有等級(jí)制度,一切都會(huì)爭(zhēng)奪關(guān)注。當(dāng)一切都在大聲喧嘩時(shí),沒(méi)有人會(huì)被聽(tīng)到。

    嘗試一下:

    • 粗體表示主要操作。較不重要的內(nèi)容則使用較輕的字體。
    • 像工作一樣使用空白。(因?yàn)樗褪悄愕墓ぷ鳌#?/li>
    • 想要快速測(cè)試一下嗎?瞇起眼睛看看你的設(shè)計(jì)。哪里最突出?那就是你的焦點(diǎn)。

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

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

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

    該怎么辦:

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

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

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

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

    例子:

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

    7. 情感>邏輯

    秘訣在于:人們會(huì)憑情感做出決定,然后用邏輯來(lái)證明其合理性。這同樣適用于用戶(hù)界面。

    想一想。你是否曾經(jīng)僅僅因?yàn)楦杏X(jué)良好而點(diǎn)擊過(guò)某個(gè)按鈕?那種令人滿(mǎn)意的懸停效果?那種微妙的動(dòng)畫(huà)效果?

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

    如何為感受而設(shè)計(jì):

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

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

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

    因此,如果您的結(jié)賬流程無(wú)縫,但確認(rèn)屏幕看起來(lái)像 404 頁(yè)面,猜猜他們會(huì)記住什么?

    設(shè)計(jì)提示:

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

    9. 真正的用戶(hù)體驗(yàn)惡棍:不確定性

    如果用戶(hù)不確定按鈕的功能,他們就會(huì)猶豫。猶豫會(huì)扼殺用戶(hù)行動(dòng)的動(dòng)力。

    最好的用戶(hù)界面能消除疑慮。它會(huì)說(shuō):“嘿,點(diǎn)擊這里。很安全。你不會(huì)意外刪除所有內(nèi)容。”

    使用這些武器:

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

    10. 讓你保持理智的工具

    說(shuō)實(shí)話(huà),有時(shí)候你確實(shí)沒(méi)時(shí)間從頭開(kāi)始構(gòu)建每個(gè)流程。這時(shí),像Made in Figma這樣的插件就能幫上忙了。

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

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

    額外獎(jiǎng)勵(lì):如果您仍在閱讀……

    首先謝謝。看來(lái)你對(duì)好的設(shè)計(jì)很認(rèn)真。

    其次,這是心理學(xué)驅(qū)動(dòng)的用戶(hù)界面的備忘單:

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

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

    蘋(píng)果的 10 個(gè)用戶(hù)體驗(yàn)秘訣,讓你的產(chǎn)品魅力無(wú)窮

    杰睿 交互設(shè)計(jì)及用戶(hù)體驗(yàn)

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

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

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

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

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

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

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

    簡(jiǎn)單并不意味著“缺乏功能”。它意味著你放棄了 17 個(gè)功能,以便讓這個(gè)“功能”能夠閃耀。

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

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

    3. 用目的來(lái)激發(fā)活力,而不是僅僅靠感覺(jué)

    動(dòng)畫(huà)是用戶(hù)體驗(yàn)的過(guò)渡。就像 PowerPoint 中的過(guò)渡一樣,它們可以是雅致的,也可以是充滿(mǎn)拉斯維加斯風(fēng)格的。

    蘋(píng)果用動(dòng)畫(huà)來(lái)教導(dǎo)和引導(dǎo)用戶(hù)。當(dāng)窗口縮小到 Dock 中時(shí),你的大腦會(huì)映射出它的位置。這就是用戶(hù)體驗(yàn)的精髓:隱形、高效、令人滿(mǎn)意。

    4. 讓界面消失

    最好的界面是讓人忘記自己正在使用的界面。聽(tīng)起來(lái)很無(wú)聊?或許吧。但隱形才是夢(mèng)想。

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

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

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

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

    把它想象成爵士樂(lè):你堅(jiān)持節(jié)奏,這樣當(dāng)你打破節(jié)奏時(shí),它是美妙的,而不是混亂的。

    在整個(gè)產(chǎn)品中使用一致的布局、間距和行為。然后用一個(gè)小驚喜獎(jiǎng)勵(lì)用戶(hù)。一個(gè)有趣的空白狀態(tài)。一個(gè)令人滿(mǎn)意的點(diǎn)擊。一個(gè)柯基動(dòng)畫(huà)。(好吧,也許不是柯基。)

    6. 解決問(wèn)題,而不是趨勢(shì)

    蘋(píng)果不會(huì)為了趕潮流而趕潮流。他們之前沒(méi)有推出“Always-On”顯示屏,是因?yàn)樗麄冇X(jué)得它實(shí)用又省電。

    好的用戶(hù)體驗(yàn)是實(shí)用的,它能消除用戶(hù)的痛點(diǎn)。所以,與其問(wèn)“現(xiàn)在什么最熱門(mén)?”,不如問(wèn)“今天我的用戶(hù)最煩什么?”

    7. 與用戶(hù)溝通時(shí),要像對(duì)待真人一樣,而不是像對(duì)待錯(cuò)誤日志那樣

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

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

    文字是用戶(hù)體驗(yàn)的一部分。好的文案可以讓 bug 變得無(wú)足輕重。

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

    蘋(píng)果明白用戶(hù)體驗(yàn)不僅僅關(guān)乎可用性,還關(guān)乎情感。

    想象一下,iPhone 鬧鐘會(huì)告訴你還能睡幾個(gè)小時(shí)。這就是 UI 形式的同理心。

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

    9.承認(rèn)自己的錯(cuò)誤

    蘋(píng)果雖然飽受批評(píng),但他們也承認(rèn)自己的失誤。當(dāng)蘋(píng)果發(fā)貨時(shí),他們會(huì)提供免費(fèi)維修。他們不會(huì)在你的屏幕上貼個(gè)標(biāo)簽,然后說(shuō):“盡量別打字太多。”

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

    10. 與人一起測(cè)試(而不是團(tuán)隊(duì) Slack)

    設(shè)計(jì)師不是用戶(hù)。開(kāi)發(fā)人員更不是用戶(hù)。你尤其不是用戶(hù)。

    真正的反饋來(lái)自那些不在乎你的 Figma 文件名的人。看著他們使用你的產(chǎn)品。看著他們遇到問(wèn)題。哭一會(huì)兒。然后解決問(wèn)題。

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

    結(jié)束語(yǔ):

    蘋(píng)果的用戶(hù)體驗(yàn)?zāi)Хú⒎悄Хǎ且粋€(gè)過(guò)程,一種同理心,一種拒絕滿(mǎn)足于“足夠好”的精神。

    你不需要建造一個(gè)太空?qǐng)@區(qū)來(lái)實(shí)現(xiàn)同樣的目標(biāo)。只需要一點(diǎn)品味,多加用心,或許還能從合適的設(shè)計(jì)工具中搶占先機(jī)。

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

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

    用戶(hù)體驗(yàn)的骨骼

    杰睿 交互設(shè)計(jì)及用戶(hù)體驗(yàn)

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

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

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

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

    但如果沒(méi)有清晰的組織,事情就會(huì)變得很混亂。

    這就像在沒(méi)有骨架的情況下鍛煉肌肉。肌肉收緊,卻沒(méi)有支撐肌肉的支撐。結(jié)果會(huì)怎樣?錯(cuò)位、返工,以及薄弱的解決方案。人們?cè)谛袆?dòng),但缺乏協(xié)調(diào),效率低下。

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

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

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

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

    直到最近……情況才有所改變。在過(guò)去的幾個(gè)月里,團(tuán)隊(duì)里有幾個(gè)人學(xué)習(xí)了OOUX思維,并在最近的一個(gè)項(xiàng)目中運(yùn)用它。我很高興又有人看到了結(jié)構(gòu)化思維的價(jià)值!

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

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

    我看到了三大好處:

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

    雖然還有其他好處,但作為一名設(shè)計(jì)領(lǐng)導(dǎo)者,這三點(diǎn)對(duì)我來(lái)說(shuō)至關(guān)重要。因?yàn)槲覀兊墓羌芤呀?jīng)到位,所以創(chuàng)意工作(肌肉)才能發(fā)揮作用。堅(jiān)實(shí)的結(jié)構(gòu)提供了一個(gè)錨點(diǎn),讓我們能夠充分發(fā)揮創(chuàng)造力的力量。設(shè)計(jì)師們行動(dòng)迅速、自信,并且目標(biāo)明確。最重要的是,他們與周?chē)膱F(tuán)隊(duì)能夠和諧共處。

    OOUX入門(mén)

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

    將顯示縮放圖像
    手繪的蘋(píng)果樹(shù)與陽(yáng)光和草的插圖
    映射對(duì)象不必過(guò)于復(fù)雜

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

    你可以從小事做起,隨著時(shí)間的推移逐漸成長(zhǎng):

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

    即使是像這樣簡(jiǎn)單的練習(xí)也能快速帶來(lái)清晰的思路。而且它們規(guī)模化程度很高。它們?yōu)榍逦乃悸诽峁┝似瘘c(diǎn)。雖然它們并非面向?qū)ο笥脩?hù)體驗(yàn) (OOUX) 工具集的完整代表,但它們是面向?qū)ο笏季S的開(kāi)端,您可以輕松掌握并立即開(kāi)始使用。

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

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

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

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

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

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

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

    當(dāng)項(xiàng)目變得模糊不清、定義不明確時(shí),問(wèn)問(wèn)自己是否應(yīng)該暫時(shí)放慢速度來(lái)組織起來(lái)。

    如何運(yùn)用設(shè)計(jì)探索的方法來(lái)理解項(xiàng)目目標(biāo)?如何與您所在領(lǐng)域的團(tuán)隊(duì)合作,共同完成這類(lèi)地圖?

    結(jié)構(gòu)的剛性應(yīng)該成為優(yōu)勢(shì),而不是劣勢(shì)。尤其是在用作支撐元素時(shí)。它能讓創(chuàng)造性思維獲得動(dòng)力,而不是徒勞無(wú)功。因?yàn)榧词故鞘澜缟献顝?qiáng)大的肌肉,如果沒(méi)有支撐,也是無(wú)用的。

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

     

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

    新的用戶(hù)體驗(yàn)規(guī)則:人工智能推薦如何改變?cè)O(shè)計(jì)

    杰睿 交互設(shè)計(jì)及用戶(hù)體驗(yàn)

    新的用戶(hù)體驗(yàn)規(guī)則:人工智能推薦如何改變?cè)O(shè)計(jì) — 0001

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

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

    為什么這很重要?因?yàn)槿绻愕脑O(shè)計(jì)還停留在 2015 年的水平,用戶(hù)很快就會(huì)跳出。

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

    將顯示縮放圖像
    新的用戶(hù)體驗(yàn)規(guī)則:人工智能推薦如何改變?cè)O(shè)計(jì) — 0002

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

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

    靜態(tài)設(shè)計(jì)滿(mǎn)足動(dòng)態(tài)期望

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

    您是否注意到:

    • 菜單永遠(yuǎn)停留在同一個(gè)地方
    • 滾動(dòng)感覺(jué)就像一條漫長(zhǎng)而無(wú)聊的隧道
    • 橫幅彈出,但沒(méi)人看

    是的。這就是為什么靜態(tài)用戶(hù)體驗(yàn)不再有效。設(shè)計(jì)必須隨著用戶(hù)而動(dòng),而不是僅僅停留在外觀上。

    預(yù)測(cè)性用戶(hù)體驗(yàn)的興起

    這部分很瘋狂。預(yù)測(cè)性用戶(hù)體驗(yàn)意味著人工智能會(huì)觀察用戶(hù)的行為——他們點(diǎn)擊了哪里,跳過(guò)了什么——然后自動(dòng)更改下次訪問(wèn)的界面。也就是說(shuō),你不用再猜測(cè)了。人工智能知道。

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

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

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

    人工智能在個(gè)性化用戶(hù)體驗(yàn)中的作用

    將顯示縮放圖像
    新的用戶(hù)體驗(yàn)規(guī)則:人工智能推薦如何改變?cè)O(shè)計(jì) — 0003

    你有沒(méi)有打開(kāi)一個(gè)網(wǎng)站,感覺(jué)就像——等等,這個(gè)頁(yè)面認(rèn)識(shí)我?這不是魔法。這是人工智能在后臺(tái)運(yùn)行,讓用戶(hù)體驗(yàn)比你的晨間播放列表更個(gè)性化。而且,這不僅僅是谷歌或Meta的專(zhuān)利。現(xiàn)在,即使是小型團(tuán)隊(duì)也會(huì)使用人工智能工具來(lái)針對(duì)每一位用戶(hù)調(diào)整設(shè)計(jì)。

    用戶(hù)體驗(yàn)不再是千篇一律的布局。現(xiàn)在,設(shè)計(jì)需要做出反應(yīng)、進(jìn)行調(diào)整,有時(shí)甚至在用戶(hù)說(shuō)出之前就能猜測(cè)他們想要什么。沒(méi)錯(cuò),人工智能非常擅長(zhǎng)猜測(cè)。

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

    以下是推動(dòng)現(xiàn)代個(gè)性化用戶(hù)體驗(yàn)的因素:

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

    這不是未來(lái),而是現(xiàn)在。用戶(hù)已經(jīng)對(duì)此有所期待。

    人工智能實(shí)時(shí)推薦

    它的工作原理如下:用戶(hù)點(diǎn)擊一個(gè)產(chǎn)品。突然,下一個(gè)版塊就變了。不同的推薦、新的橫幅,甚至可能是另一個(gè)行動(dòng)號(hào)召 (CTA)。無(wú)需重新加載,無(wú)需等待。這就是實(shí)時(shí)個(gè)性化。AI 會(huì)跟蹤用戶(hù)操作并立即更新設(shè)計(jì)。

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

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

    相信我,一旦你嘗試過(guò),就不會(huì)再回頭了。

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

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

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

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

    沒(méi)錯(cuò),響應(yīng)式設(shè)計(jì)固然很好,但自適應(yīng)性呢?這才是本能的設(shè)計(jì)。人工智能讓用戶(hù)體驗(yàn)不僅實(shí)用,更令人難忘。

    幫助你分析人工智能驅(qū)動(dòng)的用戶(hù)體驗(yàn)的 Chrome 擴(kuò)展程序

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

    這是我的首選組合:

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

    Plerdy 分析網(wǎng)站— 用戶(hù)體驗(yàn)?zāi)J胶蜔釄D

    將顯示縮放圖像
    新的用戶(hù)體驗(yàn)規(guī)則:人工智能推薦如何改變?cè)O(shè)計(jì) — 0004

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

    它幫助我發(fā)現(xiàn),40% 的用戶(hù)會(huì)跳過(guò)一位客戶(hù)主頁(yè)上的產(chǎn)品橫幅。我們將橫幅位置下移,并修改了 CTA,跳出率下降了。快速簡(jiǎn)潔的用戶(hù)體驗(yàn)贏得了勝利。

    Lighthouse — 核心用戶(hù)體驗(yàn)指標(biāo)和可訪問(wèn)性洞察

    將顯示縮放圖像
    新的用戶(hù)體驗(yàn)規(guī)則:人工智能推薦如何改變?cè)O(shè)計(jì) — 0005

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

    有一次,AI 在我工作的主頁(yè)上添加了一個(gè)漂亮的輪播圖。看起來(lái)很漂亮。但 Lighthouse 顯示,它的加載速度降低了 1.6 秒。移動(dòng)評(píng)分也下降了。我們把它移除了。頁(yè)面體驗(yàn)好上百倍。

    它還會(huì)檢查可訪問(wèn)性,這是良好用戶(hù)體驗(yàn)的一部分。如果您的字體太小或背景顏色太淡——Lighthouse 會(huì)直接告訴您。毫不留情。

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

    將顯示縮放圖像
    新的用戶(hù)體驗(yàn)規(guī)則:人工智能推薦如何改變?cè)O(shè)計(jì) — 0006

    說(shuō)實(shí)話(huà),當(dāng)我不想碰代碼的時(shí)候,我會(huì)用這個(gè)。你只需點(diǎn)擊一下,更改顏色,移動(dòng)一個(gè)塊——就搞定了。非常適合演示,或者當(dāng)客戶(hù)說(shuō)“你能把那個(gè)按鈕移開(kāi)一點(diǎn)嗎?”的時(shí)候。

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

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

    將顯示縮放圖像
    新的用戶(hù)體驗(yàn)規(guī)則:人工智能推薦如何改變?cè)O(shè)計(jì) — 0007

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

    最棒的是?它能提供真正的 AI 提示。比如,“這個(gè)標(biāo)題太長(zhǎng)了”或“這里缺少 H2 按鈕”。所以,當(dāng) AI 搞亂了你的頁(yè)面結(jié)構(gòu)時(shí),這個(gè)擴(kuò)展程序會(huì)準(zhǔn)確地告訴你該如何修復(fù)。沒(méi)有廢話(huà),只有直接的建議,讓用戶(hù)體驗(yàn)更強(qiáng)大。

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

    A/B 測(cè)試 AI 驅(qū)動(dòng)的 UI 決策

    將顯示縮放圖像
    新的用戶(hù)體驗(yàn)規(guī)則:人工智能推薦如何改變?cè)O(shè)計(jì) — 0007

    有時(shí)人工智能會(huì)給出很酷的想法。但并非所有想法都對(duì)真實(shí)用戶(hù)有益。這聽(tīng)起來(lái)可能顯而易見(jiàn),但測(cè)試人工智能生成的設(shè)計(jì)是絕對(duì)必要的。即使用戶(hù)體驗(yàn)看起來(lái)很棒,也并不意味著人們會(huì)點(diǎn)擊或滾動(dòng)。設(shè)計(jì)需要驗(yàn)證。用戶(hù)體驗(yàn)需要行為數(shù)據(jù)。否則,它就只是猜測(cè)。

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

    人工智能雖然強(qiáng)大,但卻無(wú)法解讀人類(lèi)的情感。A/B 測(cè)試可以幫助你的用戶(hù)體驗(yàn)匹配真實(shí)的用戶(hù),而不僅僅是算法。

    從假設(shè)到熱圖

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

    測(cè)試一下,就這么簡(jiǎn)單。我總是從一個(gè)小想法開(kāi)始——比如改變標(biāo)題順序或移動(dòng)定價(jià)區(qū)塊。然后我會(huì)用 Plerdy Analyze Websites 來(lái)觀察真實(shí)用戶(hù)的行為。這個(gè)工具可以顯示熱圖、滾動(dòng)深度和點(diǎn)擊次數(shù)。它對(duì)于測(cè)試動(dòng)態(tài)用戶(hù)體驗(yàn)非常方便。

    以下是我的做法:

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

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

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

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

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

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

    所以,沒(méi)錯(cuò)——用AI來(lái)改進(jìn)UI和設(shè)計(jì),但千萬(wàn)別跳過(guò)測(cè)試。沒(méi)有測(cè)試的UX是沒(méi)有未來(lái)的。

    用戶(hù)體驗(yàn)的未來(lái)是人工智能

    將顯示縮放圖像
    新的用戶(hù)體驗(yàn)規(guī)則:人工智能推薦如何改變?cè)O(shè)計(jì) — 0008

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

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

    我們不能再把人工智能僅僅視為一個(gè)插件了。它是界面的新大腦。它控制著設(shè)計(jì)如何運(yùn)作,用戶(hù)如何移動(dòng),以及他們看到什么。如果你還沒(méi)有這樣想過(guò)……那么,是時(shí)候開(kāi)始了。

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

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

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

    有些設(shè)計(jì)師感到害怕。我理解。但你知道嗎?如果人工智能能讓用戶(hù)體驗(yàn)更簡(jiǎn)潔,設(shè)計(jì)更實(shí)用——我完全支持。

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

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

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

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

    結(jié)論

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

     

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

    以人為本的人工智能:用戶(hù)體驗(yàn)設(shè)計(jì)師的 5 個(gè)框架

    杰睿 交互設(shè)計(jì)及用戶(hù)體驗(yàn)

    以一個(gè)人為決策樹(shù)中心的插圖

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

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

    將顯示縮放圖像
    Loona機(jī)器人玩具圖片
    KEYi Tech 的 Loona 機(jī)器人 — 圖片來(lái)源:keyirobot.com

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

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

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

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

    1. IBM 的 AI/人類(lèi)語(yǔ)境模型

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

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

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

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

    2. Google 的可解釋性評(píng)估標(biāo)準(zhǔn)

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

    將顯示縮放圖像
    谷歌網(wǎng)站截圖
    資源:Google 的可解釋性評(píng)估標(biāo)準(zhǔn)

    該評(píng)分標(biāo)準(zhǔn)分為三個(gè)信息級(jí)別:一般級(jí)別特征級(jí)別決策級(jí)別。

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

    3.微軟的人機(jī)交互體驗(yàn)(HAX)工具包

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

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

    HAX 工具包功能多樣,允許團(tuán)隊(duì)根據(jù)自身獨(dú)特的需求、用例、產(chǎn)品類(lèi)別和目標(biāo),混合搭配其設(shè)計(jì)工具。HAX 工具包的關(guān)鍵組件包括:

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

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

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

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

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

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

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

    5. Google 的 People + AI 指南

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

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

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

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

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

     

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

    Duolingo 終止了“用戶(hù)體驗(yàn)設(shè)計(jì)”這一術(shù)語(yǔ)

    杰睿 交互設(shè)計(jì)及用戶(hù)體驗(yàn)

    Duolingo 終止用戶(hù)體驗(yàn)設(shè)計(jì)

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

    你可能會(huì)問(wèn), PX 設(shè)計(jì)是什么?讓我們根據(jù)公司的說(shuō)法來(lái)分析一下。

    Mig Reyes 在 LinkedIn 上的帖子引發(fā)了一場(chǎng)爭(zhēng)論

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

    我們嘗試過(guò)“UX”這個(gè)統(tǒng)稱(chēng)。但最終沒(méi)能堅(jiān)持下來(lái)。它感覺(jué)不像我們。感覺(jué)……過(guò)時(shí)了。

    最后,他們還提到了UI如何塑造用戶(hù)體驗(yàn),以及UX如何服務(wù)于產(chǎn)品,最終形成了完整的等式。這是一個(gè)相當(dāng)有趣的UX設(shè)計(jì)理念,因?yàn)槲覀円恢币詠?lái)都認(rèn)為用戶(hù)和業(yè)務(wù)之間需要取得平衡。

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

    LinkedIn 上引發(fā)的爭(zhēng)論

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

    PX、AX、DX 等的崛起

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

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

    最近,

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

     

    這對(duì) UX 設(shè)計(jì)師來(lái)說(shuō)意味著什么?

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

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

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

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

    杰睿 交互設(shè)計(jì)及用戶(hù)體驗(yàn)

     

    項(xiàng)目背景:

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

    項(xiàng)目概述:

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

    設(shè)計(jì)亮點(diǎn)與價(jià)值:

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

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

    濤濤

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

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

    濤濤

    本次發(fā)布的是自助簽到機(jī),頁(yè)面邏輯很簡(jiǎn)單,沒(méi)有復(fù)雜之處,功能也是簡(jiǎn)單粗暴;受設(shè)備的影響一直秉持保持界面美觀的情況下更注重用戶(hù)實(shí)用性;

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

    濤濤

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

    日歷

    鏈接

    個(gè)人資料

    存檔

    主站蜘蛛池模板: 成 人影片 免费观看| 中文成人无字幕乱码精品| 污网站在线看| 国产亚洲高清在线精品不卡| 99久久国产成人免费网站| 97久久超碰国产精品旧版| 成人性交大片| 西贡区| 国产成人丝袜网站在线看| 久久精品国产精品亚洲| 国产精品一二三区| 久久香蕉国产线看观看式| 久热综合在线亚洲精品| 午夜福利在线影院| 亚洲乱码日产精品一二三| 精品无套内射后入少妇| 日韩精品亚洲春色欧美激情 | 久久人人做人人妻人人玩精| 久久国产精品无码一区二区三区| 成人精品日韩一区二区| xxx国产| 日本高清一区二区久久| 久热在线免费观看视频| 亚洲情xo亚洲色xo无码| 亚洲最大av资源站无码av网址| 亚洲精品日韩一区二区电影| 人妻无码中文字幕一区二区三区| 精品欧美一区二区精品久久| 91精品国产免费久久久久久| 欧美成人精品三级网站视频| 国产精品R级最新在线观看| 麻豆精品久久久久久久99蜜桃| 自拍偷区亚洲综合激情| www.偷拍| 久青草国产在视频在线观看 | 一区二区视频在线看| 人妻中文无码久热丝袜| 久久精品女人天堂AV一个| 91欧美亚洲国产五月天| 精品国产一区二区三区av性色| 国内偷窥一区二区三区视频|