許多概念看起來(Come)炫酷的(of)網站建設，但是(yes)稍加推敲就會發現它的(of)謬誤。還有一(one)些規則看起來(Come)邏輯清晰，但實際也并不(No)符合用(use)戶體體驗設計的(of)實際需求。今天天翺網站建設團隊總結了(Got it)6條常見的(of)用(use)戶體驗設計規則錯誤，希望能對你的(of)設計有所幫助。

1、UX=UI？

關于(At)UI和(and)UX之間的(of)差異，要(want)完全解釋清楚并不(No)容易，但是(yes)分清兩者的(of)區别極爲(for)必要(want)，并且這(this)是(yes)入行要(want)搞清的(of)第一(one)件事情。

UX設計(用(use)戶體驗設計)

UX設計是(yes)一(one)組設計規則和(and)開發流程，它會提升用(use)戶和(and)産品本身交互的(of)品質，它會涉及到(arrive)工作(do)領域包括内容、測試、開發、研究和(and)産品原型以(by)及結果評估。用(use)戶體驗設計是(yes)一(one)種認知科學的(of)實踐過程，隻不(No)過它更加數字化。

UI設計(用(use)戶界面設計)

爲(for)了(Got it)擁有好的(of)體驗，調整産品的(of)界面以(by)充分呈現反映其功能和(and)視覺資源，UI設計是(yes)借助數字化的(of)元素的(of)一(one)整套表現産品特征和(and)可用(use)性的(of)體系，UI設計需要(want)開發者協助來(Come)優化和(and)調整。

看看兩種設計的(of)特征描述，你也會覺得沒有設計實例說明，真的(of)很容易混淆。而這(this)些也特征也說明了(Got it)一(one)點，兩種設計确實需要(want)齊頭并進。假設你擁有一(one)個(indivual)偉大(big)的(of)産品，整體設計頗爲(for)不(No)錯。如果這(this)個(indivual)産品用(use)起來(Come)很費力，那麽這(this)是(yes)UX設計不(No)佳的(of)體現。如果産品用(use)起來(Come)不(No)錯，但是(yes)視覺上不(No)怎麽讨喜，那麽短闆在(exist)UI設計上。

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

UED

越來(Come)越多的(of)企業開始開發移動端的(of)APP，這(this)近乎都成了(Got it)标配。有些企業的(of)産品和(and)服務的(of)性質決定了(Got it)它們(them)的(of)産品必須這(this)麽做，這(this)些先撇開不(No)說。此外相當一(one)部分企業的(of)産品服務其實依靠浏覽器就可以(by)了(Got it)，而當你在(exist)移動端設備上打開它們(them)的(of)網站的(of)時(hour)候，網站會提醒你要(want)浏覽内容必須安裝APP。不(No)好意思，我(I)不(No)想這(this)樣。

移動端APP應該成爲(for)浏覽器之外的(of)一(one)個(indivual)補充選項，不(No)允許浏覽器浏覽内容而強制要(want)求用(use)戶安裝APP以(by)期提高裝量的(of)行爲(for)，簡直是(yes)災難性的(of)用(use)戶體驗設計。這(this)種行爲(for)是(yes)對用(use)戶的(of)不(No)尊重。

3、讓舊的(of)内容保持不(No)變

其實用(use)“過時(hour)的(of)”這(this)個(indivual)詞來(Come)形容這(this)些内容更合适。哪怕你要(want)重新設計一(one)個(indivual)複古風格的(of)網站，過去積累起來(Come)的(of)諸多内容也無法輕易被抛棄。

簡單的(of)讓舊的(of)網站内容保持不(No)變，或者忽略潛在(exist)已經過時(hour)的(of)内容，這(this)麽做并不(No)合适，因爲(for)它們(them)可能會成爲(for)網站的(of)巨大(big)負擔，當然也可能是(yes)一(one)個(indivual)重要(want)的(of)機會。這(this)些網站内容依然會有大(big)量的(of)用(use)戶訪問，對内容的(of)創造者，這(this)一(one)部分流量是(yes)對他(he)們(them)的(of)認可，也是(yes)對網站用(use)戶體驗的(of)一(one)次考驗。網站改版之後，這(this)部分内容可能并不(No)匹配樣式，所以(by)你需要(want)做的(of)工作(do)并不(No)少。

重新分析改版前後的(of)樣式和(and)設定，将所有的(of)内容信息整理搜集起來(Come) 分析目前你所使用(use)的(of)風格和(and)樣式，審視新的(of)樣式是(yes)否能兼容所有的(of)内容 仔細檢查圖片大(big)小、自定義元素和(and)其他(he)的(of)設計元素，确保它們(them)能匹配新的(of)設計 複查所有的(of)樣式，看看是(yes)否都匹配了(Got it)新的(of)設計 這(this)一(one)切的(of)核心是(yes)用(use)戶體驗，當設計變更的(of)時(hour)候内容不(No)進行适配的(of)話，會帶來(Come)糟糕的(of)用(use)戶體驗，而這(this)樣的(of)設計也是(yes)失敗的(of)。

4、基于(At)市場的(of)設計

Material Design 的(of)确是(yes)優秀的(of)設計規範，它在(exist)近幾年幾乎橫掃了(Got it)整個(indivual)設計社區。這(this)套設計規則非常詳盡，在(exist)交互設計上也表現出(out)強大(big)的(of)生(born)命力。

它的(of)優秀有目共睹，從設計理念到(arrive)實際效果也确實令人(people)無法拒絕。但是(yes)此刻你的(of)網站并不(No)一(one)定是(yes)這(this)個(indivual)風格，一(one)下子切換到(arrive)Material Design 對你的(of)産品而言是(yes)一(one)次劇烈而徹底的(of)改變，這(this)可以(by)說是(yes)一(one)次昂貴的(of)冒險。

設計的(of)改變應該是(yes)一(one)個(indivual)漸變的(of)過程，從簡單的(of)測試和(and)整合開始，一(one)步步推進，最終會帶你走向你要(want)的(of)設計。設計改版并沒有捷徑可走。

5、設計很重要(want)，性能再商量

我(I)們(them)所設計出(out)來(Come)的(of)産品的(of)實際性能也是(yes)不(No)容忽視的(of)。雖然借助最新的(of)設計工具來(Come)探索新手法很有趣，但是(yes)其中許多并沒有針對性能進行優化。炫酷的(of)效果固然能吸引用(use)戶，但也掩蓋了(Got it)性能上的(of)缺憾。

看看這(this)份來(Come)自NCC集團的(of)信息圖，注意工具和(and)網站建設方式和(and)性能之間的(of)關系。仔細看看這(this)份圖表，你會明白不(No)同階段設計的(of)改進方向。

6、從結果着手設計

在(exist)許多探讨用(use)戶體驗設計的(of)社區中，大(big)家通常會認爲(for)從重要(want)的(of)結果部分來(Come)着手設計是(yes)個(indivual)好的(of)開始，比如郵件注冊頁面、結帳頁面、銷售頁面、聯系人(people)頁面等等等等。這(this)并不(No)完全錯誤，但是(yes)應該有更好的(of)切入點。

這(this)樣的(of)設計方式缺乏一(one)個(indivual)完善而穩定的(of)視角，這(this)個(indivual)時(hour)候，我(I)們(them)需要(want)平均用(use)戶。當你設定好了(Got it)平均用(use)戶之後，整個(indivual)設計的(of)轉換率和(and)各種UX指标可以(by)得到(arrive)更好的(of)調控。從平均用(use)戶的(of)角度來(Come)重新審視整個(indivual)産品的(of)登錄或者銷售的(of)流程，梳理出(out)常見的(of)問題，找出(out)症結。

從一(one)個(indivual)實際用(use)戶的(of)角度來(Come)看待整個(indivual)産品，而非是(yes)站在(exist)設計師和(and)開發者的(of)高度來(Come)自上而下審視。這(this)樣會讓你的(of)網站或者APP更加有效，也更加貼近用(use)戶，也更加符合用(use)戶體驗設計的(of)真實規律。坦率的(of)講，沒有什麽方法能夠比從普通用(use)戶或平均用(use)戶的(of)角度一(one)步一(one)步驗證和(and)審視，來(Come)的(of)更加有效。