你可能在偶爾出現(xiàn)的網(wǎng)頁(yè)設(shè)計(jì)文章或帖子中看到過“UX設(shè)計(jì)”和“UI設(shè)計(jì)”。它們可能感覺像是一個(gè)科技博主創(chuàng)造的現(xiàn)代流行語，但實(shí)際上它們從90年代就已經(jīng)存在了。即便如此，關(guān)于它們的意思還是有很多錯(cuò)誤的信息。許多人認(rèn)為只有網(wǎng)頁(yè)設(shè)計(jì)師才需要理解這些術(shù)語。但如果你是一個(gè)試圖在網(wǎng)上招攬生意的企業(yè)主或經(jīng)理，透徹理解這些術(shù)語是值得的。它們代表了管理現(xiàn)代網(wǎng)絡(luò)的一些最基本的原則。

讓我們從一些基本的定義開始

用戶體驗(yàn)設(shè)計(jì)(UX Design)，或用戶體驗(yàn)設(shè)計(jì)(User Experience Design)，指的是客戶在與公司或組織的各個(gè)方面進(jìn)行互動(dòng)時(shí)所獲得的量身定制的情感體驗(yàn)。用戶體驗(yàn)不僅僅是數(shù)字設(shè)計(jì);它涵蓋了從店內(nèi)體驗(yàn)到客戶服務(wù)電話的所有內(nèi)容。

UI設(shè)計(jì)，或用戶界面設(shè)計(jì)，是指界面或網(wǎng)站的美學(xué)吸引力和可用性。與用戶體驗(yàn)設(shè)計(jì)不同，UI設(shè)計(jì)是一個(gè)純粹的數(shù)字術(shù)語，屬于用戶體驗(yàn)設(shè)計(jì)的更大范圍。它涵蓋了從顏色、字體、圖像到結(jié)構(gòu)設(shè)計(jì)和導(dǎo)航的所有內(nèi)容。

因?yàn)橛脩趔w驗(yàn)設(shè)計(jì)更廣泛，更關(guān)注人和情感反應(yīng)，所以很難看出它是如何與UI設(shè)計(jì)相匹配的。從另一個(gè)角度來看:用戶體驗(yàn)設(shè)計(jì)為積極的用戶體驗(yàn)創(chuàng)建了一個(gè)藍(lán)圖，用戶界面設(shè)計(jì)遵循這個(gè)藍(lán)圖來設(shè)計(jì)一個(gè)體驗(yàn)驅(qū)動(dòng)的界面。正如網(wǎng)絡(luò)開發(fā)者Dain Miller所說，“用戶界面是馬鞍、馬鐙和韁繩。UX是你能夠騎馬的感覺。”

那么，什么是用戶體驗(yàn)設(shè)計(jì)的大問題?

想象一下去一家鞋店。店內(nèi)燈光明亮，用品牌色彩和快樂、活躍的人們穿著鞋子的照片裝飾得很有品味。店員是愉快的，樂于助人的，精通商店的當(dāng)前庫(kù)存。你在五分鐘內(nèi)就找到了你感興趣的鞋子，然后試穿，它們非常適合你。你付了鞋子的錢，離開了商店。你得到了你想要的東西，你可能還會(huì)再回來。

這些經(jīng)歷都不是偶然發(fā)生的。

現(xiàn)代設(shè)計(jì)和營(yíng)銷從不依賴偶然或創(chuàng)造性的美學(xué)。它是基于積極體驗(yàn)的心理學(xué)。UX和UI設(shè)計(jì)都依賴于一個(gè)簡(jiǎn)單的規(guī)則:了解預(yù)期用戶。在草擬、設(shè)計(jì)或建造任何東西之前，有必要了解很多關(guān)于誰將使用產(chǎn)品以及他們想從產(chǎn)品中得到什么。例如:

有多少不同類型的用戶將使用你的產(chǎn)品(客戶、經(jīng)銷商、經(jīng)理等)

你們的目標(biāo)用戶的年齡范圍是什么?

他們使用你產(chǎn)品的主要目的是什么?

他們使用你產(chǎn)品的頻率是多少?

他們最感興趣的資源、服務(wù)或解決方案是什么?

回答這些問題和更多問題將確保每個(gè)設(shè)計(jì)決策都是基于準(zhǔn)確的用戶體驗(yàn)做出的。

以鞋店為例。顏色的選擇是為了確保品牌知名度。之所以選擇這些圖片，是因?yàn)樗鼈冏钅艽砥胀ㄏM(fèi)者對(duì)健康、快樂生活方式的看法。店員經(jīng)過培訓(xùn)，能夠了解顧客，預(yù)測(cè)他們的需求，并有效地指導(dǎo)他們。產(chǎn)品類別是根據(jù)對(duì)一般客戶的重要性排序的。商店的布局是為了預(yù)測(cè)顧客的移動(dòng)，并確保最佳的人流。所有這些品質(zhì)都需要經(jīng)過仔細(xì)的規(guī)劃和研究才能得到發(fā)展。

用戶體驗(yàn)和網(wǎng)頁(yè)設(shè)計(jì)

當(dāng)涉及到網(wǎng)頁(yè)設(shè)計(jì)時(shí)，忽略用戶而完全專注于美學(xué)方法是非常誘人的。如果它看起來不錯(cuò)，那它一定是好的。對(duì)吧?

我記得《發(fā)展受阻》(Arrested Development)中我最喜歡的一集，講的是浮躁的布魯斯兄弟(Bluth brothers)試圖在兩周時(shí)間內(nèi)建造一個(gè)模型屋的故事。從表面上看，他們是成功的。不幸的是，由于內(nèi)部完全不發(fā)達(dá)，在剪彩儀式期間，房子完全倒塌了。沒有內(nèi)墻，沒有電器，也沒有家具。這所房子只是一個(gè)美觀的façade，沒有完整的功能。

許多網(wǎng)站和應(yīng)用程序都遭遇了同樣的命運(yùn)，因?yàn)樗鼈儽辉O(shè)計(jì)成純粹的展示品，而沒有考慮到用戶體驗(yàn)和功能。正如紐約設(shè)計(jì)師弗蘭克·奇梅羅(Frank Chimero)所說:“人們會(huì)忽視那些忽視人的設(shè)計(jì)。”如果你的網(wǎng)站應(yīng)該提供更多的décor屏幕，那么功能是關(guān)鍵。做對(duì)了，你將確保你的網(wǎng)站的壽命和有效性。

將用戶體驗(yàn)原則應(yīng)用于網(wǎng)頁(yè)設(shè)計(jì)與遵循以用戶為中心的過程密切相關(guān)。在您探索使用什么顏色、圖像和內(nèi)容之前，重要的是確定您的用戶將是誰，以及他們希望從他們的體驗(yàn)中獲得什么。確定你的用戶在登陸你的主頁(yè)后所追求的主要行動(dòng)、資源和信息。列出用戶的優(yōu)先級(jí)，這樣你就可以規(guī)劃網(wǎng)站內(nèi)容的順序。收集這些信息的最簡(jiǎn)單方法是通過用戶調(diào)查和焦點(diǎn)小組。理解您的用戶將為構(gòu)建設(shè)計(jì)提供良好的基礎(chǔ)。

美麗新世界

我們都很熟悉“客戶永遠(yuǎn)是對(duì)的”這句老話。無論是在商店還是在網(wǎng)站上，在建立一個(gè)繁榮的客戶基礎(chǔ)時(shí)，將這一哲學(xué)應(yīng)用到商業(yè)中是至關(guān)重要的。如果鞋子適合你，你更有可能買它。如果你的網(wǎng)站適合你的客戶，他們很可能會(huì)繼續(xù)回來。

讓你的公司或組織與UX/UI專家合作是值得的，他們可以幫助你邁出第一步，進(jìn)入這個(gè)有目的、功能性的網(wǎng)頁(yè)設(shè)計(jì)的勇敢新世界。投資是值得回報(bào)的，結(jié)果將徹底改變你的網(wǎng)絡(luò)形象。