許多概念看起來(lái)炫酷的(de)網站建設，但是(shì)稍加推敲就(jiù)會發現它的(de)謬誤。還有一(yī / yì ／yí)些規則看起來(lái)邏輯清晰，但實際也(yě)并不(bù)符合用戶體體驗設計的(de)實際需求。今天天翺網站建設團隊總結了(le／liǎo)6條常見的(de)用戶體驗設計規則錯誤，希望能對你的(de)設計有所幫助。

1、UX=UI？

關于(yú)UI和(hé / huò)UX之(zhī)間的(de)差異，要(yào / yāo)完全解釋清楚并不(bù)容易，但是(shì)分清兩者的(de)區别極爲(wéi / wèi)必要(yào / yāo)，并且這(zhè)是(shì)入行要(yào / yāo)搞清的(de)第一(yī / yì ／yí)件事情。

UX設計(用戶體驗設計)

UX設計是(shì)一(yī / yì ／yí)組設計規則和(hé / huò)開發流程，它會提升用戶和(hé / huò)産品本身交互的(de)品質，它會涉及到(dào)工作領域包括内容、測試、開發、研究和(hé / huò)産品原型以(yǐ)及結果評估。用戶體驗設計是(shì)一(yī / yì ／yí)種認知科學的(de)實踐過程，隻不(bù)過它更加數字化。

UI設計(用戶界面設計)

爲(wéi / wèi)了(le／liǎo)擁有好的(de)體驗，調整産品的(de)界面以(yǐ)充分呈現反映其功能和(hé / huò)視覺資源，UI設計是(shì)借助數字化的(de)元素的(de)一(yī / yì ／yí)整套表現産品特征和(hé / huò)可用性的(de)體系，UI設計需要(yào / yāo)開發者協助來(lái)優化和(hé / huò)調整。

看看兩種設計的(de)特征描述，你也(yě)會覺得沒有設計實例說(shuō)明，真的(de)很容易混淆。而(ér)這(zhè)些也(yě)特征也(yě)說(shuō)明了(le／liǎo)一(yī / yì ／yí)點，兩種設計确實需要(yào / yāo)齊頭并進。假設你擁有一(yī / yì ／yí)個(gè)偉大(dà)的(de)産品，整體設計頗爲(wéi / wèi)不(bù)錯。如果這(zhè)個(gè)産品用起來(lái)很費力，那麽這(zhè)是(shì)UX設計不(bù)佳的(de)體現。如果産品用起來(lái)不(bù)錯，但是(shì)視覺上(shàng)不(bù)怎麽讨喜，那麽短闆在(zài)UI設計上(shàng)。

2、移動端浏覽就(jiù)該用移動端APP

UED

越來(lái)越多的(de)企業開始開發移動端的(de)APP，這(zhè)近乎都成了(le／liǎo)标配。有些企業的(de)産品和(hé / huò)服務的(de)性質決定了(le／liǎo)它們的(de)産品必須這(zhè)麽做，這(zhè)些先撇開不(bù)說(shuō)。此外相當一(yī / yì ／yí)部分企業的(de)産品服務其實依靠浏覽器就(jiù)可以(yǐ)了(le／liǎo)，而(ér)當你在(zài)移動端設備上(shàng)打開它們的(de)網站的(de)時(shí)候，網站會提醒你要(yào / yāo)浏覽内容必須安裝APP。不(bù)好意思，我不(bù)想這(zhè)樣。

移動端APP應該成爲(wéi / wèi)浏覽器之(zhī)外的(de)一(yī / yì ／yí)個(gè)補充選項，不(bù)允許浏覽器浏覽内容而(ér)強制要(yào / yāo)求用戶安裝APP以(yǐ)期提高裝量的(de)行爲(wéi / wèi)，簡直是(shì)災難性的(de)用戶體驗設計。這(zhè)種行爲(wéi / wèi)是(shì)對用戶的(de)不(bù)尊重。

3、讓舊的(de)内容保持不(bù)變

其實用“過時(shí)的(de)”這(zhè)個(gè)詞來(lái)形容這(zhè)些内容更合适。哪怕你要(yào / yāo)重新設計一(yī / yì ／yí)個(gè)複古風格的(de)網站，過去積累起來(lái)的(de)諸多内容也(yě)無法輕易被抛棄。

簡單的(de)讓舊的(de)網站内容保持不(bù)變，或者忽略潛在(zài)已經過時(shí)的(de)内容，這(zhè)麽做并不(bù)合适，因爲(wéi / wèi)它們可能會成爲(wéi / wèi)網站的(de)巨大(dà)負擔，當然也(yě)可能是(shì)一(yī / yì ／yí)個(gè)重要(yào / yāo)的(de)機會。這(zhè)些網站内容依然會有大(dà)量的(de)用戶訪問，對内容的(de)創造者，這(zhè)一(yī / yì ／yí)部分流量是(shì)對他(tā)們的(de)認可，也(yě)是(shì)對網站用戶體驗的(de)一(yī / yì ／yí)次考驗。網站改版之(zhī)後，這(zhè)部分内容可能并不(bù)匹配樣式，所以(yǐ)你需要(yào / yāo)做的(de)工作并不(bù)少。

重新分析改版前後的(de)樣式和(hé / huò)設定，将所有的(de)内容信息整理搜集起來(lái) 分析目前你所使用的(de)風格和(hé / huò)樣式，審視新的(de)樣式是(shì)否能兼容所有的(de)内容 仔細檢查圖片大(dà)小、自定義元素和(hé / huò)其他(tā)的(de)設計元素，确保它們能匹配新的(de)設計 複查所有的(de)樣式，看看是(shì)否都匹配了(le／liǎo)新的(de)設計 這(zhè)一(yī / yì ／yí)切的(de)核心是(shì)用戶體驗，當設計變更的(de)時(shí)候内容不(bù)進行适配的(de)話，會帶來(lái)糟糕的(de)用戶體驗，而(ér)這(zhè)樣的(de)設計也(yě)是(shì)失敗的(de)。

4、基于(yú)市場的(de)設計

Material Design 的(de)确是(shì)優秀的(de)設計規範，它在(zài)近幾年幾乎橫掃了(le／liǎo)整個(gè)設計社區。這(zhè)套設計規則非常詳盡，在(zài)交互設計上(shàng)也(yě)表現出(chū)強大(dà)的(de)生命力。

它的(de)優秀有目共睹，從設計理念到(dào)實際效果也(yě)确實令人(rén)無法拒絕。但是(shì)此刻你的(de)網站并不(bù)一(yī / yì ／yí)定是(shì)這(zhè)個(gè)風格，一(yī / yì ／yí)下子(zǐ)切換到(dào)Material Design 對你的(de)産品而(ér)言是(shì)一(yī / yì ／yí)次劇烈而(ér)徹底的(de)改變，這(zhè)可以(yǐ)說(shuō)是(shì)一(yī / yì ／yí)次昂貴的(de)冒險。

設計的(de)改變應該是(shì)一(yī / yì ／yí)個(gè)漸變的(de)過程，從簡單的(de)測試和(hé / huò)整合開始，一(yī / yì ／yí)步步推進，最終會帶你走向你要(yào / yāo)的(de)設計。設計改版并沒有捷徑可走。

5、設計很重要(yào / yāo)，性能再商量

我們所設計出(chū)來(lái)的(de)産品的(de)實際性能也(yě)是(shì)不(bù)容忽視的(de)。雖然借助最新的(de)設計工具來(lái)探索新手法很有趣，但是(shì)其中許多并沒有針對性能進行優化。炫酷的(de)效果固然能吸引用戶，但也(yě)掩蓋了(le／liǎo)性能上(shàng)的(de)缺憾。

看看這(zhè)份來(lái)自NCC集團的(de)信息圖，注意工具和(hé / huò)網站建設方式和(hé / huò)性能之(zhī)間的(de)關系。仔細看看這(zhè)份圖表，你會明白不(bù)同階段設計的(de)改進方向。

6、從結果着手設計

在(zài)許多探讨用戶體驗設計的(de)社區中，大(dà)家通常會認爲(wéi / wèi)從重要(yào / yāo)的(de)結果部分來(lái)着手設計是(shì)個(gè)好的(de)開始，比如郵件注冊頁面、結帳頁面、銷售頁面、聯系人(rén)頁面等等等等。這(zhè)并不(bù)完全錯誤，但是(shì)應該有更好的(de)切入點。

這(zhè)樣的(de)設計方式缺乏一(yī / yì ／yí)個(gè)完善而(ér)穩定的(de)視角，這(zhè)個(gè)時(shí)候，我們需要(yào / yāo)平均用戶。當你設定好了(le／liǎo)平均用戶之(zhī)後，整個(gè)設計的(de)轉換率和(hé / huò)各種UX指标可以(yǐ)得到(dào)更好的(de)調控。從平均用戶的(de)角度來(lái)重新審視整個(gè)産品的(de)登錄或者銷售的(de)流程，梳理出(chū)常見的(de)問題，找出(chū)症結。

從一(yī / yì ／yí)個(gè)實際用戶的(de)角度來(lái)看待整個(gè)産品，而(ér)非是(shì)站在(zài)設計師和(hé / huò)開發者的(de)高度來(lái)自上(shàng)而(ér)下審視。這(zhè)樣會讓你的(de)網站或者APP更加有效，也(yě)更加貼近用戶，也(yě)更加符合用戶體驗設計的(de)真實規律。坦率的(de)講，沒有什麽方法能夠比從普通用戶或平均用戶的(de)角度一(yī / yì ／yí)步一(yī / yì ／yí)步驗證和(hé / huò)審視，來(lái)的(de)更加有效。