成都小程序開發(fā)在探討用戶體驗(yàn)（UX）和用戶界面（UI）的區(qū)別時(shí)，我們需要首先理解這兩個(gè)概念。用戶體驗(yàn)設(shè)計(jì)關(guān)注產(chǎn)品如何滿足用戶的需求和期望，包括產(chǎn)品的可用性、易用性和吸引力等方面。而用戶界面設(shè)計(jì)則更側(cè)重于產(chǎn)品的視覺表現(xiàn)，包括布局、顏色、字體等元素的選擇和設(shè)計(jì)。
在本指南中，我們將研究 UX 與 UI，以消除混淆并解釋誰是誰，以便您可以針對您的網(wǎng)站或應(yīng)用程序進(jìn)行優(yōu)化。了解 UX 和 UI 之間的區(qū)別非常重要，因?yàn)闉榱双@得最佳結(jié)果，您不僅需要掌握其中之一，還需要了解兩者。
用戶界面代表什么？UI 表示用戶界面，指的是網(wǎng)站、應(yīng)用程序和視頻游戲的控件、按鈕或用于交互的任何內(nèi)容（例如麥克風(fēng)或手勢控件）。那么，UI 設(shè)計(jì)就是如何設(shè)計(jì)控件，例如將心形“喜歡”按鈕放在圖片底部，或者讓用戶將鼠標(biāo)懸停在下拉選項(xiàng)卡上以打開它。
UI 設(shè)計(jì)是任何交互式數(shù)字產(chǎn)品的基礎(chǔ)。您想要設(shè)計(jì)一個(gè)不言自明的界面，這樣即使是新用戶也能弄清楚如何使用它。同時(shí)，您希望界面不顯眼，以便控件不會妨礙實(shí)際內(nèi)容（想象一下僅在您需要輸入內(nèi)容時(shí)才會彈出的智能手機(jī)鍵盤）。
為了幫助用戶立即理解控件，大多數(shù)UI設(shè)計(jì)都依賴于所謂的“模式”，這些模式只是站點(diǎn)、應(yīng)用程序等之間的標(biāo)準(zhǔn)和共性。最流行的 UI 模式之一是使用放大鏡圖標(biāo)進(jìn)行搜索欄——只要您在任何地方看到該圖標(biāo)，您就知道它的含義。
UI 模式也可以與功能相關(guān)。您是否注意到大多數(shù)網(wǎng)站將其徽標(biāo)放在左上角，如果單擊它就會返回主頁？這種 UI 模式確保即使您是第一次訪問某個(gè)網(wǎng)站，如果您迷路了仍然可以找到主頁。UI 模式只是復(fù)制傳統(tǒng)的控件選擇，以便用戶可以立即識別它們。
關(guān)于界面的外觀還有很多值得說的，這也適合UI設(shè)計(jì)。設(shè)計(jì)師可以創(chuàng)建適合網(wǎng)站或應(yīng)用程序氛圍的控件，例如使用品牌顏色或在必要時(shí)使用品牌特色的排版。
但是，影響人們?nèi)绾问褂镁W(wǎng)站的設(shè)計(jì)選擇（例如使用華麗顏色或動畫來引起注意的按鈕）又如何呢？這就是 UI 開始進(jìn)入 UX 領(lǐng)域的地方，當(dāng)差異開始變得模糊時(shí)……
用戶體驗(yàn)代表什么？UX 意味著用戶體驗(yàn)，與人們在使用網(wǎng)站或應(yīng)用程序時(shí)的感受有關(guān)。實(shí)際上，用戶體驗(yàn)可以應(yīng)用于任何事物，甚至是非數(shù)字產(chǎn)品，但在本文中，我們將只討論網(wǎng)站和應(yīng)用程序。
用戶體驗(yàn)設(shè)計(jì)有點(diǎn)難理解，因?yàn)樗橄蟆I 設(shè)計(jì)處理更具體和絕對的方面，而 UX 則處理事物的情感方面。使用這個(gè)網(wǎng)站或應(yīng)用程序是否簡單直觀？當(dāng)用戶找不到他們想要的東西時(shí)，他們是否會感到沮喪？
用戶體驗(yàn)設(shè)計(jì)最重要的部分之一是預(yù)測用戶將做什么并圍繞它設(shè)計(jì)整個(gè)網(wǎng)站/應(yīng)用程序。例如，Instagram 等社交媒體網(wǎng)站圍繞用戶與其他人的內(nèi)容進(jìn)行交互，因此更多的屏幕空間專用于查看圖像。
在社交媒體上看到大圖像和小控件是如此常見，以至于我們忘記了這是一個(gè)有意的設(shè)計(jì)決策。
與此同時(shí)，很少的屏幕空間專門用于不太受歡迎的操作，例如更改用戶首選項(xiàng)，您只能通過瀏覽個(gè)人資料來完成此操作。核心用戶體驗(yàn)設(shè)計(jì)原則之一是通過犧牲不常見的操作（您可以將其隱藏在其他菜單后面以節(jié)省空間），使常見操作變得簡單，只需單擊一兩次即可。
換句話說，用戶體驗(yàn)設(shè)計(jì)可以通過突出某些操作并削弱其他操作來影響用戶的行為。大多數(shù)商業(yè)網(wǎng)站都使用華麗的視覺效果作為號召性用語按鈕（例如“在此注冊”）以吸引注意力并引發(fā)更多點(diǎn)擊；同時(shí)，法律和版權(quán)信息通常被放逐到頁面底部，并以小而低調(diào)的文本書寫，這樣就不會分散用戶的注意力。
當(dāng)然，操縱控件的設(shè)計(jì)以促進(jìn)某些操作涵蓋 UI 和 UX，因此您可以開始了解哪里出現(xiàn)了混亂。
拋開重疊的領(lǐng)域不談，UX 和 UI 都是一個(gè)不同的領(lǐng)域。即使它們處理相同的問題（例如控件的放置），UX 和 UI 也會采取不同的方法和不同的優(yōu)先級。
UI 設(shè)計(jì)是兩者中技術(shù)性更強(qiáng)的一個(gè)。它涉及控件的外觀和位置，盡管用戶的偏好（屬于用戶體驗(yàn)）仍然會影響這些方面。盡管如此，UI 設(shè)計(jì)更關(guān)注定量元素，例如按鈕的寬度應(yīng)該是多少像素，或者按鈕使用什么精確的顏色代碼。
同樣，用戶體驗(yàn)設(shè)計(jì)處理事物的情感方面，即定性元素。用戶體驗(yàn)設(shè)計(jì)的重點(diǎn)是根據(jù)用戶的需求（或網(wǎng)站/應(yīng)用程序經(jīng)理想要強(qiáng)調(diào)的內(nèi)容）簡化使用。用戶體驗(yàn)更多地涉及抽象，例如如何使交互盡可能輕松。
設(shè)計(jì)方法也各不相同。UI設(shè)計(jì)更加簡單；設(shè)計(jì)師創(chuàng)建圖標(biāo)和控件的樣本，注明動畫等特殊功能或?qū)⑺鼈冸[藏起來。另一方面，用戶體驗(yàn)設(shè)計(jì)則更加迂回。設(shè)計(jì)師必須規(guī)劃多種場景和任務(wù)流程，這使得用戶體驗(yàn)草圖成為一種流行的做法。
即使 UI 和 UX 處理同一領(lǐng)域，它們也有不同的關(guān)注點(diǎn)。以設(shè)計(jì)按鈕為例。如果UI設(shè)計(jì)是選擇按鈕的像素寬度，那么UX設(shè)計(jì)則涵蓋按鈕是否太小而無法讓用戶看到，或者太大而阻礙了更高優(yōu)先級的內(nèi)容。
現(xiàn)在，為了了解按鈕的完美像素大?。║I 設(shè)計(jì)），您需要了解用戶的偏好（UX 設(shè)計(jì)）。為了滿足用戶的需求（UX 設(shè)計(jì)），您必須仔細(xì)、主動地構(gòu)建界面（UI 設(shè)計(jì)）。正如您所看到的，這就是為什么 UX 和UI設(shè)計(jì)可以協(xié)同工作，而不是相互對立。
對于所有關(guān)于 UX 與 UI 之爭的討論，他們往往是合作伙伴。用戶體驗(yàn)設(shè)計(jì)的成果，例如了解用戶喜歡什么，決定了用戶界面設(shè)計(jì)中的選擇。了解控件的完美位置和外觀，更不用說知道要隱藏或取消哪些控件的優(yōu)先級，還需要了解 UI 和UX設(shè)計(jì)。
UX 和 UI 最重疊的地方是使界面盡可能方便 - 您不希望用戶思考太多或必須移動太多。最常用的控件應(yīng)該易于訪問且不引人注目，滿足 UX 和 UI 的目標(biāo)。最新的用戶體驗(yàn)設(shè)計(jì)趨勢指向了這個(gè)方向。
設(shè)計(jì)控件時(shí)，應(yīng)該考慮 UI 和 UX 的目標(biāo)。例如，在手機(jī)應(yīng)用程序和移動版本的網(wǎng)站上，按鈕和控件通常放置在底部。原因是因?yàn)槲粘质謾C(jī)時(shí)該區(qū)域最接近拇指，這使得按鈕更容易按下，這有利于用戶體驗(yàn)。按鈕的設(shè)計(jì)還必須適合該區(qū)域，例如使它們足夠小以免妨礙，或者將它們?nèi)M(jìn)隱藏菜單中以便在必要時(shí)可以提取 - 這是UI設(shè)計(jì)決策。
使用上面提到的模式通常適用于這兩個(gè)領(lǐng)域。對于用戶體驗(yàn)，用戶不必學(xué)習(xí)任何新的控件或擔(dān)心如何執(zhí)行某些功能。對于 UI，控件的外觀和功能的基礎(chǔ)知識已經(jīng)布局，但具有足夠的靈活性，允許設(shè)計(jì)人員使它們獨(dú)一無二。
為了同時(shí)滿足 UI 和 UX，請嘗試了解您的最終用戶。與往常一樣，這對于實(shí)際的用戶測試來說比使用猜測更有效。對比測試可以確定哪些布局或視覺效果更適合特定類型的用戶，而觀察參與者使用原型可以深入了解用戶的想法或哪里有改進(jìn)的空間。
至少，您可以與特定的用戶組展開對話，無論是正式安排面對面的坐下來，還是在社交媒體上隨意提出開放式問題。當(dāng)談到 UX 與UI設(shè)計(jì)時(shí)，如果您是為用戶設(shè)計(jì)，那么差異就不那么重要了。
為了快速參考，這里回顧了 UX 與 UI
UI代表用戶界面。UI 設(shè)計(jì)處理按鈕、控件和其他交互性內(nèi)容的技術(shù)設(shè)計(jì)。
UX代表用戶體驗(yàn)。用戶體驗(yàn)設(shè)計(jì)處理用戶在交互時(shí)的感受，例如他們的偏好和他們注意到的內(nèi)容。
界面的物理設(shè)計(jì)屬于UI設(shè)計(jì)，但應(yīng)該受到 UX 的影響，例如用戶對界面設(shè)計(jì)的想法或感受。
預(yù)測用戶的操作并促進(jìn)它們屬于UX設(shè)計(jì)，但本質(zhì)上受到 UI 的影響，例如界面的外觀和位置。
滿足 UX 和UI設(shè)計(jì)的最佳方法是了解目標(biāo)用戶群：他們的偏好、行為、習(xí)慣和思維方式。通過用戶測試可以最有效地實(shí)現(xiàn)這一點(diǎn)。
因此，設(shè)計(jì)師在成都小程序開發(fā)中需要同時(shí)考慮UX和UI的設(shè)計(jì)。他們需要確保網(wǎng)站的導(dǎo)航結(jié)構(gòu)清晰，信息分類合理，使用戶能夠快速找到他們需要的信息。同時(shí)，他們也需要精心設(shè)計(jì)網(wǎng)站的視覺效果，使其既吸引人又易于使用。通過這樣的協(xié)同工作，我們可以創(chuàng)建出既滿足用戶需求又能提供良好視覺體驗(yàn)的網(wǎng)站。
