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