我們都知道UI設(shè)計，UI是 User Interface的縮寫，也就是用戶界面設(shè)計。當(dāng)我們打開任何一個手機APP，展現(xiàn)在我們面前的就是用戶界面。網(wǎng)站也是一樣，打開網(wǎng)站，出現(xiàn)的LOGO、導(dǎo)航、圖片，也都可以稱之為UI設(shè)計。

　　不少設(shè)計師都認(rèn)為，UI設(shè)計包含在UX設(shè)計之中。

　　那么，什么是UX設(shè)計呢?

　　UX是 User Experience 的縮寫，也有設(shè)計師將其稱之為UE、UED等等，翻譯過來就是用戶體驗設(shè)計。

　　為了辨別UI和UX的區(qū)別，搜索了一下知乎。有知乎用戶提供了這樣一張圖片。

　　UI和UX的區(qū)別

　　

 

　　在這張圖片中，我們可以看到：

　　當(dāng)用戶提出“需要一輛自行車”的需求，設(shè)計師設(shè)計出了自行車，這個自行車具有騎行的功能，也能夠代步，這就是UI設(shè)計。

　　當(dāng)用戶提出“需要一輛自行車”的需求，設(shè)計師站在用戶的角度去思考，如何能夠讓用戶高興地騎行，座位是否舒服?騎行快不快?用戶體驗怎么樣?能夠這樣去思考，然后著手設(shè)計的工作，就是UX。

　　不難看出，UI是機械的、注重功能的，但是UX設(shè)計是考慮用戶情感的、從用戶出發(fā)的。從這個結(jié)論看，設(shè)計師應(yīng)該從UI設(shè)計向UX設(shè)計轉(zhuǎn)變。

　　如何進行UX設(shè)計?

　　方維網(wǎng)絡(luò)在設(shè)計網(wǎng)站和APP的過程中，總結(jié)出了一些UX設(shè)計的實踐經(jīng)驗。我們認(rèn)為，這些實踐總結(jié)對UX設(shè)計師來說，是十分有用的。

　　經(jīng)驗一：用戶喜歡簡單和干凈。

　　在面對新事物的時候，用戶總是傾向于選擇簡單和干凈的。所以，在界面設(shè)計的時候，無需面面俱到，而只需要突出一兩個元素即可。

　　經(jīng)驗二：保持一致性

　　設(shè)計方面的一致性包括品牌一致性、操作一致性。從用戶角度看，一致性可以減少用戶學(xué)習(xí)的成本。

　　舉一個簡單的例子，在網(wǎng)站設(shè)計的時候，某一個頁面的“回到頂部”按鈕放在左邊，而某一頁面放在右邊，這就不符合一致性的要求。

　　經(jīng)驗三：滾動優(yōu)于分頁

　　如果一個界面內(nèi)容過多，用戶更喜歡通過滾動來繼續(xù)閱讀，而不是分頁。另外，通常情況下，滾動比分頁加載的更快。

　　經(jīng)驗四：使用圖像信息

　　為什么響應(yīng)式網(wǎng)站獲得的用戶體驗更好?一個原因是圖像信息更能夠吸引到用戶的眼球，用戶愿意在圖像信息上花費更多時間，而不是文字信息。所以，界面設(shè)計應(yīng)該盡可能使用圖像信息。

　　經(jīng)驗五：考慮用戶行為

　　界面的設(shè)計應(yīng)該考慮到用戶的行為。例如，導(dǎo)航欄、鏈接和按鈕應(yīng)該遵循標(biāo)準(zhǔn)化的表單。另外，導(dǎo)航鏈接和按鈕的設(shè)計應(yīng)該考慮到可用性。因此，對于最常用的元素來說，功能勝過設(shè)計美學(xué)。

　　如上這些設(shè)計經(jīng)驗，都是我們經(jīng)過測試和試驗的，對UX設(shè)計是能夠起到啟發(fā)和協(xié)助的作用的。