永遠不要稱自己為 UI 設計師:UI 就是 UX

已發表: 2022-03-11

UI 和 UX 是兩個非常常見的設計術語; 但是,這些術語經常在錯誤的上下文中被拋出。

同時,“網站設計師”和“應用程序設計師”等傳統職位如今已不常見,儘管它們完美地描述了設計師可能提供的設計服務。 對“UI”這個詞的迷戀到底是什麼? 為什麼有些設計師稱自己為“UI設計師”或“UX/UI設計師”?

UI 不是 UX 的一部分嗎?

為什麼“UI”會成為這樣一個流行詞?

用戶體驗與用戶界面

作為設計師(和人類),我們痴迷於事物的外觀。 我們知道“重要的是內在的東西”,但我們仍然每天早上在鏡子前炫耀自己,努力讓我們再也見不到的隨機陌生人看起來不錯。

UI設計也不例外。 我們希望我們的用戶界面在美學上令人愉悅,無論我們承認與否,我們都希望我們的工作受到讚賞和驗證。 由於視覺上吸引人的東西會吸引更多人,這可能會導致一些設計師將更多時間投入到界面的外觀上,而不是它的工作原理上。 UI 和 UX 之間的主要區別在於 UI它的外觀,而UX 是它的工作方式

根據尼爾森諾曼集團的定義, “‘用戶體驗’涵蓋了最終用戶與公司、服務和產品交互的所有方面。”

稱自己為 UI 設計師與說“我更關注它的外觀”幾乎是一樣的。 實際上,用戶界面只是對用戶體驗的一種貢獻。 除了 UI 之外,還有許多其他因素會影響整體用戶體驗。

僅舉幾例:

  • 用戶流是否幫助用戶快速實現目標?
  • 任何用戶,無論年齡或身體能力如何,都可以訪問 UI 嗎?
  • 可用性是否足夠好,用戶可以輕鬆使用該網站?
  • 設計決策是由可靠的數據和用戶研究驅動的嗎?
  • 應用程序是否足夠直觀,可以猜測用戶想要什麼?

視覺設計仍然很重要。 顏色仍然很重要,品牌仍然很重要,當用戶與之交互時 UI 如何動畫仍然很重要,但是當我們開始根據外觀做出設計決策時,我們不再為用戶設計

事實上,我們甚至沒有設計。 我們在做藝術。

比較 ui 與 ux 的圖像
用戶體驗與用戶界面。 (Shane Rounce 的插圖)

通常, UI 是您與產品交互的方式(例如,點擊、點擊和語音交互),而UX 是用戶感受到的最終意見/情感(例如,它是快/慢、直觀/混亂,以及/或使用戶感到高興/沮喪)。

為什麼你不應該“為喜歡而設計”

社交媒體令人上癮。 為什麼它會上癮是另一回事——歸根結底,確實如此。 人們在社交媒體上分享東西是為了“點贊”,簡而言之,它會激活我們大腦中的獎勵系統。 我們以喜歡和追隨者的形式尋求他人的認可,就像我們尋求性或食物一樣——感覺很好,隨著這種感覺開始消退,我們很快再次尋求它來滿足我們的慾望。 普通人每天在社交媒體上花費近兩個小時。

進入 Dribbble,或者更確切地說,是所謂的“Dribbble 效應”。

Dribbble 最初是一個面向設計師的“展示和講述”網站,但它很快就被認為是一種展示設計作品以獲得喜歡而不是建設性反饋的方式。 這導致設計師專門為喜歡上傳作品,而這種時尚並沒有就此結束。

與所有上癮一樣,設計師開始尋找更多方式來滿足它,包括編造假客戶和應用程序概念,只是為了擁有 Dribbblers 可能“喜歡”的東西。

訂閱 Toptal 設計博客並接收我們的電子書

那有什麼問題?

設計是關於解決用戶面臨的問題。 如果我們在設計時沒有考慮到用戶,那麼就沒有需要解決的問題。 如果沒有問題,那麼我們只是為了它而將 UI 可視化。 我們不僅最終會得到一些不切實際的東西,而且為想像中的理想進行設計也不會幫助我們提高設計師的水平。

讓我們來看看 Dribbble 上的一些設計災難。

儘管第一個示例並未形成真正的設計簡介/客戶,並且過度的背景在某種程度上脫離了設計本身,但更不切實際的是視覺元素延伸到視口之外,例如一種“破四壁”效應。 雖然設計的目的是“漂亮”,但它不是一個有效的設計。

設計趨勢與有意義的設計
在這個例子中,設計犧牲了不切實際的視覺效果的意義和價值。


使用真實設備為真實用戶設計
在此示例中,UI 是為甚至不存在的設備設計的。


來自未來的 3d 用戶界面
這個例子看起來像一件藝術品,但目前還沒有設備允許我們以這種方式查看 UI。


精美呈現的網站設計
這個例子要好得多,因為它展示了一個真實可行的設計,沒有花里胡哨。

這種對視覺設計的痴迷從何而來?

為喜歡而設計通常源於對已成為主流的特定設計趨勢的熱愛; 例如,Apple 對平面設計和極簡主義的使用有效地見證了擬物化的終結。 雖然這兩種視覺美學當然都沒有錯,但純粹為了實現一種趨勢而設計一些東西接近於藝術家的工作描述,而不是設計師,它當然不包括用戶體驗。

相反,首先,用戶體驗設計師應該著眼於如何改善用戶體驗,如果視覺設計趨勢恰好填補了這一空白,那麼,只有那時我們才應該使用它。

如前所述,收集“喜歡”會激活我們大腦中的獎勵系統。 更準確地說,獎勵會增加我們體內多巴胺的水平,而多巴胺作為一種神經遞質,當我們獎勵自己時會向大腦發送信息。 大腦非常感激,作為對我們行為的回報,讓我們感覺良好。

這導致懶惰的“設計師”迴避為用戶設計,而是實施將導致大量喜歡的趨勢。 這會導致對設計的真正含義產生誤解,從而導致客戶產生相同的想法。 這對 UX 設計行業和想要設計最好產品的 UX 設計師同行來說是一個巨大的傷害。

用戶體驗設計原則

一次解釋 UX 的許多概念是不可能的,但簡而言之,以下是有助於有效用戶體驗的基本因素:

  • 速度
    • 應用程序或網站是否緩慢(或感覺緩慢)?
    • 用戶是否需要更多地點擊/滾動/交互?
    • 是否有太多的分心和/或決定要做?
    • 是否存在阻礙/延遲用戶獲得他們想要的東西的摩擦?
  • 直覺
    • 對用戶來說他們接下來要做什麼是顯而易見的嗎?
    • 我們能否確定用戶想要什麼並相應地顯示內容?
  • 可訪問性
    • 用戶是否可以訪問 UI,無論其年齡或殘疾如何?
    • 我們是否考慮過許多不同類型的色盲?
  • 可用性
    • 在移動設備上,點擊目標的大小是否合適?
    • 目標是否容易被拇指訪問?
    • 設計是否響應? 它適用於所有設備嗎?

20個可用性啟發式
Susan Weinschenk 和 Dean Barker(Weinschenk 和 Barker 2000)研究了來自許多來源(包括 Nielsen、Apple 和 Microsoft)的可用性指南和啟發式方法,並生成了這組 20 個可用性啟發式方法來檢查。

視覺設計仍然很重要

視覺設計在用戶體驗設計中發揮著巨大的作用,因此我們不應該將 UI 與 UX 進行比較——UI 是 UX 的一部分。 稱自己為 UI 設計師只會引起人們對 UX 設計更迷人方面的關注,而對整體 UX 以及如何使用它來實現業務目標的關注較少。

以下是上面列出的 UX 設計原則,只是這一次,我們將提到視覺設計是如何影響事物的:

  • 速度
    • 用戶能否使用對比度顏色間距作為視覺提示快速識別他們需要查看和交互的位置?
    • 首屏 UI/內容是否立即呈現,解釋用戶需要在所述屏幕上做什麼,並有明確的行動號召?
  • 可訪問性
    • 顏色選擇是否產生足夠的對比度?
    • 用戶界面是否足夠大,適合那些看不清的人?
  • 可用性
    • 是否有一個視覺層次結構來說明每個元素的重要性?
    • 在適用的情況下,我們是否在視覺上傳達了信任和安全感?
    • 我們是否實施了感覺自然的微交互並闡明了用戶正在採取的行動?

重要的是要將 UI 視為一種可用於改進 UX 的工具,而不是可以使 UX “看起來更好”的閃亮塗層。 以亞馬遜為例:他們每年的收入超過 1000 億美元,雖然他們的 UI 和結賬體驗顯然很直觀,但在視覺美學方面並不具有傳統吸引力。

亞馬遜
亞馬遜在 2017 年最後三個月賺了 19 億美元,但你不會從它的 UI 設計中猜到。

UX/UI 設計應該由數據驅動

UX 設計(包括 UI)應該由用戶研究(跟踪分析、用戶訪談、客戶調查)、可用性測試、精益 UX 工作流程(包括原型設計、內部反饋和定期發貨)以及任何其他提供數據的東西驅動並深入了解用戶如何與界面(或整個業務)交互。

如果應用程序或網站的性能未達到預期標準,這些定性和定量用戶研究方法可以幫助 UX 設計師做出更有效的設計決策,無論是與用戶流相關的決策還是僅與顏色相關的決策。 正是這種數據驅動的設計方法使 UI 和 UX 成為一回事。

結論

被稱為網頁設計師或應用程序設計師,甚至是語​​音應用程序設計師或可穿戴設備設計師都沒有錯。 它描述了您的身份,客戶將能夠更快地掌握您的工作。 客戶不在乎你是否有一個時髦的職位或一個設計在 Dribbble 上有多少喜歡。 所有客戶都想知道的是,您知道如何有效地解決用戶體驗問題,同時考慮公司的業務目標,並根據數據而非喜好和趨勢做出設計決策。

另一方面,“用戶體驗設計師”這個詞也沒有太大的問題——也就是說,如果你認為自己是一個設計所有類型界面的設計師。 最重要的是,作為一名設計師,你選擇一個你真正認同的職位是很重要的。

• • •

進一步閱讀 Toptal 設計博客:

  • 電子商務用戶體驗——最佳實踐概述(附信息圖)
  • 以人為本的設計在產品設計中的重要性
  • 最佳 UX 設計師作品集——鼓舞人心的案例研究和示例
  • 移動界面的啟發式原則
  • 預期設計:如何創造神奇的用戶體驗