做設(shè)計(jì)的小伙伴可能對(duì)UI和UX并不陌生,但是對(duì)于非設(shè)計(jì)專業(yè)的同學(xué)來說就有點(diǎn)不太好理解了,有些時(shí)候還會(huì)將他們的概念混為一談,今天小千就來給大家介紹一下UI和UX設(shè)計(jì)的相同和不同點(diǎn)。
什么是UI設(shè)計(jì)?
UI設(shè)計(jì)中的“ UI”代表“用戶界面”。用戶界面是應(yīng)用程序的圖形布局。它由用戶單擊的按鈕,他們閱讀的文本,圖像,滑塊,文本輸入字段以及用戶與之交互的所有其他項(xiàng)目組成。這包括屏幕布局,過渡,界面動(dòng)畫以及每個(gè)微交互。任何形式的視覺元素,交互或動(dòng)畫都必須設(shè)計(jì)。
這項(xiàng)工作由UI設(shè)計(jì)師負(fù)責(zé)。他們決定應(yīng)用程序的外觀。他們必須選擇配色方案和按鈕形狀-線條的寬度和用于文本的字體。UI設(shè)計(jì)人員創(chuàng)建應(yīng)用程序用戶界面的外觀。
UI設(shè)計(jì)師是圖形設(shè)計(jì)師。他們關(guān)心美學(xué)。他們有責(zé)任確保應(yīng)用程序的界面具有吸引力,視覺刺激性和主題性,以匹配應(yīng)用程序的目的和/或個(gè)性。他們需要確保每個(gè)視覺元素在審美和目的上都感覺統(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ì)使人感覺到他們正在有效地完成要完成的任務(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)和功能。它的組織方式以及各個(gè)部分之間的相互關(guān)系。簡而言之,他們?cè)O(shè)計(jì)界面的工作方式。如果運(yùn)行良好并感覺無縫,則用戶將獲得良好的體驗(yàn)。但是,如果導(dǎo)航復(fù)雜或不直觀,則可能會(huì)出現(xiàn)糟糕的用戶體驗(yàn)。UX設(shè)計(jì)人員努力避免出現(xiàn)第二種情況。
UX設(shè)計(jì)中還涉及一定數(shù)量的迭代分析。UX設(shè)計(jì)人員將創(chuàng)建其界面交互的線框渲染,并獲得用戶反饋。他們會(huì)將其集成到他們的設(shè)計(jì)中。對(duì)于UX設(shè)計(jì)人員來說,全面了解用戶喜歡如何與他們的應(yīng)用程序進(jìn)行交互非常重要。
他們?nèi)绾我黄鸸ぷ?/strong>
因此,UX設(shè)計(jì)人員確定用戶界面的工作方式,而UI設(shè)計(jì)人員確定用戶界面的外觀。這是一個(gè)非常協(xié)作的過程,并且兩個(gè)設(shè)計(jì)團(tuán)隊(duì)傾向于緊密合作。在UX團(tuán)隊(duì)制定應(yīng)用程序流程,所有按鈕如何導(dǎo)航您的任務(wù)以及界面如何有效滿足用戶信息需求的過程中,UI團(tuán)隊(duì)正在研究如何顯示所有這些界面元素在屏幕上。
假設(shè)在設(shè)計(jì)過程中的某個(gè)時(shí)刻,決定需要在給定的屏幕上添加額外的按鈕。這將改變按鈕的組織方式,并可能需要更改其形狀或大小。用戶體驗(yàn)團(tuán)隊(duì)將確定布局按鈕的最佳方法,而UI團(tuán)隊(duì)將調(diào)整其設(shè)計(jì)以適應(yīng)新的布局。UI和UX設(shè)計(jì)人員之間不斷的溝通和協(xié)作有助于確保最終用戶界面看起來盡可能的好,同時(shí)還可以高效且直觀地進(jìn)行操作。
研究是關(guān)鍵
對(duì)于UI和UX設(shè)計(jì)師來說,研究都是至關(guān)重要的。對(duì)于這兩個(gè)學(xué)科而言,重要的是要收集盡可能多的良好信息,以幫助他們制定適當(dāng)?shù)脑O(shè)計(jì),并且兩者都遵循類似的方法。
兩者都將研究用戶的需求。他們對(duì)正在開發(fā)的那種應(yīng)用程序有什么期望。這項(xiàng)研究通常是反復(fù)進(jìn)行的,涉及可用性會(huì)議,在該會(huì)議中,真實(shí)用戶將與某些功能的縮放版本或正在測(cè)試的視覺設(shè)計(jì)進(jìn)行交互,以確定設(shè)計(jì)者是否正朝著正確的方向前進(jìn)。反饋與每次迭代集成在一起。
此過程涉及生成低保真度原型,例如界面元素的線框渲染,以便嚴(yán)格評(píng)估用戶對(duì)所測(cè)試功能的響應(yīng)。這還可能涉及對(duì)界面外觀的不同可能版本的快速視覺原型和A / B測(cè)試,以確定哪個(gè)用戶更喜歡。
在所有情況下,研究都有助于指導(dǎo)設(shè)計(jì)師在做出貢獻(xiàn)時(shí)所采取的步驟。但是,UI和UX設(shè)計(jì)人員尋找的信息卻大不相同。
UI設(shè)計(jì)研究
UI設(shè)計(jì)人員需要確保他們選擇的視覺語言適合他們正在編寫的應(yīng)用程序類別。他們正在嘗試預(yù)測(cè)用戶的期望。如果您的團(tuán)隊(duì)正在設(shè)計(jì)旅行應(yīng)用程序,那么研究過去其他旅行應(yīng)用程序的開發(fā)方式非常重要。哪個(gè)有效?哪一個(gè)沒有?從其他人以前的工作中可以吸取設(shè)計(jì)課程。
研究可能表明人們更喜歡輪廓圖標(biāo)而不是粗體形狀。這是人們熟悉并喜歡的視覺速記。然后,UI設(shè)計(jì)人員可以很好地融入這一課程。他們選擇的確切美學(xué)取決于他們自己,但是基本的“規(guī)則”或符合用戶期望的需求是設(shè)計(jì)師自己承擔(dān)的風(fēng)險(xiǎn)。并不是說不應(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è)定了對(duì)接口應(yīng)該如何工作的期望。如果UX設(shè)計(jì)人員不十分熟悉這些期望,則他們可能會(huì)無意中設(shè)計(jì)出界面交互,這對(duì)他們來說似乎很合理,但卻違反了公認(rèn)的慣例。用戶不喜歡界面的行為與預(yù)期不同時(shí),這可能會(huì)對(duì)他們的體驗(yàn)產(chǎn)生負(fù)面影響。
如果用戶體驗(yàn)設(shè)計(jì)師決定做一些不同的事情,那么他們需要有一個(gè)很好的理由,因?yàn)槠茐氖苓^嚴(yán)格訓(xùn)練的預(yù)期行為可能會(huì)導(dǎo)致人們頻繁地做錯(cuò)事。例如,大多數(shù)人都對(duì)單擊文件兩次以將其打開,然后單擊一次將其選中的想法感到滿意。這是幾乎已經(jīng)存在圖形用戶界面的一種界面行為。
用戶界面與用戶體驗(yàn):兩種工作原理截然不同
UI設(shè)計(jì)和UX設(shè)計(jì)涉及非常不同的技能集,但它們是彼此成功不可或缺的。精美的設(shè)計(jì)無法保存笨拙且難以導(dǎo)航的界面,而糟糕的視覺界面設(shè)計(jì)會(huì)使應(yīng)用程序不愉快,從而沉沒了出色,完美適合的用戶體驗(yàn)。UI和UX設(shè)計(jì)都必須完美執(zhí)行,并與既有的用戶期望完美地吻合,以創(chuàng)建出色的用戶界面/體驗(yàn)。當(dāng)這些恒星對(duì)齊時(shí),結(jié)果可能會(huì)令人吃驚。
以上就是UI和UX設(shè)計(jì)的區(qū)別和介紹了,看完之后相信大家都應(yīng)該對(duì)其有自己的了解了,最后歡迎對(duì)UI設(shè)計(jì)感興趣的同學(xué)來千鋒UI設(shè)計(jì)培訓(xùn)班了解一下我們的UI設(shè)計(jì)培訓(xùn)課程,現(xiàn)在咨詢還有免費(fèi)UI設(shè)計(jì)學(xué)習(xí)資料可以領(lǐng)取,先到先得哦!