我們都知道UI設(shè)計，UI是 User Interface的縮寫，也就是用戶界面設(shè)計。當我們打開任何一個手機APP，展現(xiàn)在我們面前的就是用戶界面。網(wǎng)站也是一樣，打開網(wǎng)站，出現(xiàn)的LOGO、導(dǎo)航、圖片，也都可以稱之為UI設(shè)計。
不少設(shè)計師都認為，UI設(shè)計包含在UX設(shè)計之中。
那么，什么是UX設(shè)計呢？
UX是  User Experience 的縮寫，也有設(shè)計師將其稱之為UE、UED等等，翻譯過來就是用戶體驗設(shè)計。
為了辨別UI和UX的區(qū)別，搜索了一下知乎。有知乎用戶提供了這樣一張圖片。

UI和UX的區(qū)別



在這張圖片中，我們可以看到：
當用戶提出“需要一輛自行車”的需求，設(shè)計師設(shè)計出了自行車，這個自行車具有騎行的功能，也能夠代步，這就是UI設(shè)計。
當用戶提出“需要一輛自行車”的需求，設(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)驗。我們認為，這些實踐總結(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)該遵循標準化的表單。另外，導(dǎo)航鏈接和按鈕的設(shè)計應(yīng)該考慮到可用性。因此，對于最常用的元素來說，功能勝過設(shè)計美學(xué)。
如上這些設(shè)計經(jīng)驗，都是我們經(jīng)過測試和試驗的，對UX設(shè)計是能夠起到啟發(fā)和協(xié)助的作用的。