UI界面與UX用戶體驗(yàn)設(shè)計(jì)的區(qū)別與聯(lián)系

　　UI界面設(shè)計(jì)和UX用戶體驗(yàn)設(shè)計(jì)是Web和應(yīng)用程序設(shè)計(jì)中最經(jīng)常混淆的兩個(gè)術(shù)語(yǔ)?？梢岳斫獾氖?。通常將它們放在一個(gè)術(shù)語(yǔ)(UI / UX設(shè)計(jì))中，并從表面上看似乎在描述同一件事。經(jīng)常很難找到對(duì)這兩個(gè)術(shù)語(yǔ)的詳盡描述。但是不要害怕!　AAA教育小編準(zhǔn)備了通篇文章介紹，你將對(duì)UI界面設(shè)計(jì)和UX用戶體驗(yàn)設(shè)計(jì)之間的區(qū)別以及聯(lián)系有一個(gè)很好的了解。NOW，讓我們開(kāi)始吧!

　　什么是UI界面設(shè)計(jì)?
 

　　UI設(shè)計(jì)中的“ UI”代表“用戶界面”。用戶界面是應(yīng)用程序的圖形布局。它由用戶單擊的按鈕，他們閱讀的文本，圖像，滑塊，文本輸入字段以及用戶與之交互的所有其他項(xiàng)目組成。這包括屏幕布局，過(guò)渡，界面動(dòng)畫(huà)和每個(gè)微交互。任何形式的視覺(jué)元素，交互或動(dòng)畫(huà)都必須設(shè)計(jì)。

　　UI和UX設(shè)計(jì)靈感
 

　　這項(xiàng)工作由UI設(shè)計(jì)師負(fù)責(zé)。他們決定應(yīng)用程序的外觀。他們必須選擇配色方案和按鈕形狀-線條的寬度和用于文本的字體。UI設(shè)計(jì)人員創(chuàng)建應(yīng)用程序用戶界面的外觀。
 

　　UI設(shè)計(jì)流程
 

　　UI設(shè)計(jì)師是圖形設(shè)計(jì)師。他們關(guān)心美學(xué)。他們有責(zé)任確保應(yīng)用程序的界面具有吸引力，視覺(jué)刺激性和主題性，以匹配應(yīng)用程序的目的和/或個(gè)性。他們需要確保每個(gè)視覺(jué)元素在審美和目的上都感覺(jué)統(tǒng)一。
 

　　什么是UX??設(shè)計(jì)?
 

　　“ UX”代表“用戶體驗(yàn)”。用戶對(duì)應(yīng)用程序的體驗(yàn)取決于他們與應(yīng)用程序的交互方式。體驗(yàn)是否流暢，直觀，笨拙而令人困惑?導(dǎo)航應(yīng)用程序是否合乎邏輯?還是隨意?與應(yīng)用程序進(jìn)行交互是否會(huì)使人們感覺(jué)到他們正在有效地完成要完成的任務(wù)，還是感到掙扎?用戶體驗(yàn)取決于與UI設(shè)計(jì)人員創(chuàng)建的用戶界面元素進(jìn)行交互的難易程度。因此，UX設(shè)計(jì)人員還關(guān)心應(yīng)用程序的用戶界面，這就是為什么人們對(duì)兩者之間的區(qū)別感到困惑。但是，盡管UI設(shè)計(jì)人員的任務(wù)是確定用戶界面的外觀，但UX設(shè)計(jì)人員負(fù)責(zé)確定用戶界面的操作方式。

　　它們確定接口的結(jié)構(gòu)和功能。它是如何組織的以及所有部分如何相互關(guān)聯(lián)。簡(jiǎn)而言之，他們?cè)O(shè)計(jì)界面的工作方式。如果運(yùn)行良好并感覺(jué)無(wú)縫，則用戶將獲得良好的體驗(yàn)。但是，如果導(dǎo)航復(fù)雜或不直觀，則可能會(huì)出現(xiàn)糟糕的用戶體驗(yàn)。UX設(shè)計(jì)人員努力避免出現(xiàn)第二種情況。在真空中進(jìn)行設(shè)計(jì)會(huì)導(dǎo)致效果不理想。

　　UX設(shè)計(jì)中還涉及一定量的迭代分析。UX設(shè)計(jì)人員將創(chuàng)建其界面交互的線框渲染，并獲得用戶反饋。他們會(huì)將其集成到他們的設(shè)計(jì)中。對(duì)于UX設(shè)計(jì)人員來(lái)說(shuō)，全面了解用戶喜歡如何與應(yīng)用程序進(jìn)行交互非常重要。
 

　　他們?nèi)绾我黄鸸ぷ?/span>
 

　　因此，UX設(shè)計(jì)人員確定用戶界面的工作方式，而UI設(shè)計(jì)人員確定用戶界面的外觀。這是一個(gè)非常協(xié)作的過(guò)程，并且兩個(gè)設(shè)計(jì)團(tuán)隊(duì)傾向于緊密合作。在UX團(tuán)隊(duì)制定應(yīng)用程序流程，所有按鈕如何在任務(wù)中導(dǎo)航以及界面如何有效滿足用戶的信息需求時(shí)，UI團(tuán)隊(duì)正在研究如何顯示所有這些界面元素在屏幕上。
 

　　假設(shè)在設(shè)計(jì)過(guò)程中的某個(gè)時(shí)刻，決定需要在給定的屏幕上添加額外的按鈕。這將改變按鈕的組織方式，并可能需要更改其形狀或大小。用戶體驗(yàn)團(tuán)隊(duì)將確定布局按鈕的最佳方法，而UI團(tuán)隊(duì)將調(diào)整其設(shè)計(jì)以適應(yīng)新的布局。UI和UX設(shè)計(jì)人員之間不斷的溝通和協(xié)作有助于確保最終用戶界面看起來(lái)盡可能好，同時(shí)還可以高效且直觀地進(jìn)行操作。
 

　　研究是關(guān)鍵
 

　　對(duì)于UI和UX設(shè)計(jì)師來(lái)說(shuō)，研究至關(guān)重要。對(duì)于這兩個(gè)學(xué)科而言，重要的是要收集盡可能多的良好信息，以幫助他們制定適當(dāng)?shù)脑O(shè)計(jì)，并且兩者都遵循類似的方法。
 

　　兩者都將研究用戶的需求。他們對(duì)正在開(kāi)發(fā)的那種應(yīng)用程序有什么期望。這項(xiàng)研究通常是反復(fù)進(jìn)行的，涉及可用性會(huì)議，在該會(huì)議中，真實(shí)用戶將與某些功能的縮放版本或正在測(cè)試的視覺(jué)設(shè)計(jì)進(jìn)行交互，以確定設(shè)計(jì)者是否沿著正確的道路前進(jìn)。反饋與每次迭代集成在一起。
 

　　此過(guò)程涉及生成低保真度原型，例如界面元素的線框渲染，以便嚴(yán)格評(píng)估用戶對(duì)測(cè)試功能的響應(yīng)。這還可能涉及對(duì)界面外觀的不同可能版本的快速視覺(jué)原型和A / B測(cè)試，以確定哪個(gè)用戶更喜歡。
　

　　在所有情況下，研究都有助于指導(dǎo)設(shè)計(jì)師在做出貢獻(xiàn)時(shí)所采取的步驟。但是，UI和UX設(shè)計(jì)人員尋找的信息卻大不相同。
 

　　UI設(shè)計(jì)研究
 

　　UI設(shè)計(jì)人員需要確保他們選擇的視覺(jué)語(yǔ)言適合他們正在編寫(xiě)的應(yīng)用程序類別。他們正在嘗試預(yù)測(cè)用戶的期望。如果您的團(tuán)隊(duì)正在設(shè)計(jì)旅行應(yīng)用程序，那么研究過(guò)去其他旅行應(yīng)用程序的開(kāi)發(fā)方式非常重要。哪個(gè)有效?哪一個(gè)沒(méi)有?從其他人以前的工作中可以汲取設(shè)計(jì)課程。
 

　　研究表明，人們更喜歡輪廓圖標(biāo)而不是粗體形狀。這是人們熟悉并喜歡的視覺(jué)速記。然后，UI設(shè)計(jì)人員可以很好地融入這一課程。
 

　　他們選擇的確切美學(xué)取決于他們自己，但是基本的“規(guī)則”或符合用戶期望的需求是設(shè)計(jì)師自己承擔(dān)的風(fēng)險(xiǎn)。
 

　　并不是說(shuō)不應(yīng)該冒險(xiǎn)。UI設(shè)計(jì)師希望其界面設(shè)計(jì)脫穎而出并令人難忘。但這必須在確保人們認(rèn)識(shí)到您在屏幕上放置的元素的目的之間取得平衡。
 

　　UX設(shè)計(jì)研究
 

　　UX設(shè)計(jì)對(duì)用戶期望特別感興趣。用戶與他們一生中使用的每個(gè)應(yīng)用程序之間的所有體驗(yàn)和互動(dòng)，都幫助他們?cè)O(shè)定了界面應(yīng)該如何工作的期望。如果UX設(shè)計(jì)人員對(duì)這些期望不太熟悉，他們可能會(huì)無(wú)意中設(shè)計(jì)出界面交互，這對(duì)他們來(lái)說(shuō)似乎很合理，但卻違反了公認(rèn)的慣例。用戶不喜歡界面的行為與預(yù)期不同時(shí)，這可能會(huì)對(duì)他們的體驗(yàn)產(chǎn)生負(fù)面影響。
 

　　如果UX設(shè)計(jì)人員決定做一些不同的事情，那么他們需要有一個(gè)很好的理由，因?yàn)槠茐氖苓^(guò)嚴(yán)格訓(xùn)練的預(yù)期行為可能會(huì)導(dǎo)致人們經(jīng)常犯錯(cuò)。
 

　　例如，大多數(shù)人對(duì)單擊文件兩次以將其打開(kāi)然后單擊一次將其選中的想法感到滿意。這是幾乎已經(jīng)存在圖形用戶界面的一種界面行為。
 

　　UI與UX：和諧共處的兩個(gè)截然不同的學(xué)科
 

　　UI設(shè)計(jì)和UX設(shè)計(jì)涉及非常不同的技能集，但它們是彼此成功不可或缺的。精美的設(shè)計(jì)無(wú)法保存笨拙且難以導(dǎo)航的界面，而糟糕的視覺(jué)界面設(shè)計(jì)會(huì)使應(yīng)用程序不愉快，從而沉沒(méi)了出色，完美適合的用戶體驗(yàn)。UI和UX設(shè)計(jì)都必須完美執(zhí)行，并與既有的用戶期望完美地吻合，以創(chuàng)建出色的用戶界面/體驗(yàn)。當(dāng)這些恒星對(duì)齊時(shí)，結(jié)果可能會(huì)令人吃驚。