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

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

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

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

　　UI和UX設(shè)計靈感
 

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

　　UI設(shè)計流程
 

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

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

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

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

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

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

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

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

　　研究是關(guān)鍵
 

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

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

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

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

　　UI設(shè)計研究
 

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

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

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

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

　　UX設(shè)計研究
 

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

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

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

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

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