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

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

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

　　UX是 User Experience 的縮寫，也有設(shè)計(jì)師將其稱之為UE、UED等等，翻譯過(guò)來(lái)就是用戶體驗(yàn)設(shè)計(jì)。

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

　　UI和UX的區(qū)別

　　

 

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

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

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

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

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

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

　　經(jīng)驗(yàn)一：用戶喜歡簡(jiǎn)單和干凈。

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

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

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

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

　　經(jīng)驗(yàn)三：滾動(dòng)優(yōu)于分頁(yè)

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

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

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

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

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

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