許多概念看起來炫酷的網站建設，但是稍加推敲就(jiù)會(huì)發(fā／fà)現它的謬誤。還有一些規則看起來邏輯清晰，但實際也并不符合用(yòng)戶體體驗設計的實際需求。今天(tiān)天(tiān)翺網站建設團隊總結了6條常見的用(yòng)戶體驗設計規則錯誤，希望能(néng)對(duì)你(nǐ)的設計有所(suǒ)幫助。

1、UX=UI？

關于(yú)UI和UX之間的差異，要(yào / yāo)完全解釋清楚并不容易，但是分清兩者的區别極爲必要(yào / yāo)，并且這是入行(háng / xíng)要(yào / yāo)搞清的第一件事(shì)情。

UX設計(用(yòng)戶體驗設計)

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

UI設計(用(yòng)戶界面設計)

爲了擁有好的體驗，調整産品的界面以充分呈現反映其(qí)功能(néng)和視覺資源，UI設計是借助數字化的元素的一整套表現産品特征和可(kě)用(yòng)性的體系，UI設計需要(yào / yāo)開發(fā／fà)者協助來優化和調整。

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

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

UED

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

移動端APP應該成爲浏覽器之外的一個補充選項，不允許浏覽器浏覽内容而(ér)強制要(yào / yāo)求用(yòng)戶安裝APP以期提高裝量的行(háng / xíng)爲，簡直是災難性的用(yòng)戶體驗設計。這種行(háng / xíng)爲是對(duì)用(yòng)戶的不尊重。

3、讓舊的内容保持不變

其(qí)實用(yòng)“過(guò)時的”這個詞來形容這些内容更合适。哪怕你(nǐ)要(yào / yāo)重新設計一個複古風格的網站，過(guò)去(qù)積累起來的諸多内容也無法輕易被抛棄。

簡單的讓舊的網站内容保持不變，或者忽略潛在已經過(guò)時的内容，這麽做并不合适，因爲它們可(kě)能(néng)會(huì)成爲網站的巨大負擔，當然也可(kě)能(néng)是一個重要(yào / yāo)的機會(huì)。這些網站内容依然會(huì)有大量的用(yòng)戶訪問，對(duì)内容的創造者，這一部分流量是對(duì)他們的認可(kě)，也是對(duì)網站用(yòng)戶體驗的一次考驗。網站改版之後(hòu)，這部分内容可(kě)能(néng)并不匹配樣式，所(suǒ)以你(nǐ)需要(yào / yāo)做的工作并不少。

重新分析改版前後(hòu)的樣式和設定，将所(suǒ)有的内容信息整理搜集起來 分析目前你(nǐ)所(suǒ)使用(yòng)的風格和樣式，審視新的樣式是否能(néng)兼容所(suǒ)有的内容 仔細檢查圖片大小、自(zì)定義元素和其(qí)他的設計元素，确保它們能(néng)匹配新的設計 複查所(suǒ)有的樣式，看看是否都匹配了新的設計 這一切的核心是用(yòng)戶體驗，當設計變更的時候内容不進行(háng / xíng)适配的話，會(huì)帶來糟糕的用(yòng)戶體驗，而(ér)這樣的設計也是失敗的。

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

Material Design 的确是優秀的設計規範，它在近幾年(nián)幾乎橫掃了整個設計社區。這套設計規則非常詳盡，在交互設計上也表現出強大的生(shēng)命力。

它的優秀有目共睹，從設計理念到實際效果也确實令人無法拒絕。但是此刻你(nǐ)的網站并不一定是這個風格，一下(xià)子切換到Material Design 對(duì)你(nǐ)的産品而(ér)言是一次劇烈而(ér)徹底的改變，這可(kě)以說是一次昂貴的冒險。

設計的改變應該是一個漸變的過(guò)程，從簡單的測試和整合開始，一步步推進，最終會(huì)帶你(nǐ)走向你(nǐ)要(yào / yāo)的設計。設計改版并沒有捷徑可(kě)走。

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

我們所(suǒ)設計出來的産品的實際性能(néng)也是不容忽視的。雖然借助最新的設計工具來探索新手法很有趣，但是其(qí)中許多并沒有針對(duì)性能(néng)進行(háng / xíng)優化。炫酷的效果固然能(néng)吸引用(yòng)戶，但也掩蓋了性能(néng)上的缺憾。

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

6、從結果着(zhe／zhuó／zhāo／zháo)手設計

在許多探讨用(yòng)戶體驗設計的社區中，大家(jiā)通常會(huì)認爲從重要(yào / yāo)的結果部分來着(zhe／zhuó／zhāo／zháo)手設計是個好的開始，比如(rú)郵件注冊頁面、結帳頁面、銷售頁面、聯系人頁面等等等等。這并不完全錯誤，但是應該有更好的切入點。

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

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