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

1、UX=UI？

關(guān)于UI和UX之間的差異，要完全解釋清楚并不容易，但是分清兩者的區(qū)別極為必要，并且這是入行要搞清的第一件事情。

UX設(shè)計(jì)(用戶體驗(yàn)設(shè)計(jì))

UX設(shè)計(jì)是一組設(shè)計(jì)規(guī)則和開發(fā)流程，它會(huì)提升用戶和產(chǎn)品本身交互的品質(zhì)，它會(huì)涉及到工作領(lǐng)域包括內(nèi)容、測試、開發(fā)、研究和產(chǎn)品原型以及結(jié)果評估。用戶體驗(yàn)設(shè)計(jì)是一種認(rèn)知科學(xué)的實(shí)踐過程，只不過它更加數(shù)字化。

UI設(shè)計(jì)(用戶界面設(shè)計(jì))

為了擁有好的體驗(yàn)，調(diào)整產(chǎn)品的界面以充分呈現(xiàn)反映其功能和視覺資源，UI設(shè)計(jì)是借助數(shù)字化的元素的一整套表現(xiàn)產(chǎn)品特征和可用性的體系，UI設(shè)計(jì)需要開發(fā)者協(xié)助來優(yōu)化和調(diào)整。

看看兩種設(shè)計(jì)的特征描述，你也會(huì)覺得沒有設(shè)計(jì)實(shí)例說明，真的很容易混淆。而這些也特征也說明了一點(diǎn)，兩種設(shè)計(jì)確實(shí)需要齊頭并進(jìn)。假設(shè)你擁有一個(gè)偉大的產(chǎn)品，整體設(shè)計(jì)頗為不錯(cuò)。如果這個(gè)產(chǎn)品用起來很費(fèi)力，那么這是UX設(shè)計(jì)不佳的體現(xiàn)。如果產(chǎn)品用起來不錯(cuò)，但是視覺上不怎么討喜，那么短板在UI設(shè)計(jì)上。

2、移動(dòng)端瀏覽就該用移動(dòng)端APP

UED

越來越多的企業(yè)開始開發(fā)移動(dòng)端的APP，這近乎都成了標(biāo)配。有些企業(yè)的產(chǎn)品和服務(wù)的性質(zhì)決定了它們的產(chǎn)品必須這么做，這些先撇開不說。此外相當(dāng)一部分企業(yè)的產(chǎn)品服務(wù)其實(shí)依靠瀏覽器就可以了，而當(dāng)你在移動(dòng)端設(shè)備上打開它們的網(wǎng)站的時(shí)候，網(wǎng)站會(huì)提醒你要瀏覽內(nèi)容必須安裝APP。不好意思，我不想這樣。

移動(dòng)端APP應(yīng)該成為瀏覽器之外的一個(gè)補(bǔ)充選項(xiàng)，不允許瀏覽器瀏覽內(nèi)容而強(qiáng)制要求用戶安裝APP以期提高裝量的行為，簡直是災(zāi)難性的用戶體驗(yàn)設(shè)計(jì)。這種行為是對用戶的不尊重。

3、讓舊的內(nèi)容保持不變

其實(shí)用“過時(shí)的”這個(gè)詞來形容這些內(nèi)容更合適。哪怕你要重新設(shè)計(jì)一個(gè)復(fù)古風(fēng)格的網(wǎng)站，過去積累起來的諸多內(nèi)容也無法輕易被拋棄。

簡單的讓舊的網(wǎng)站內(nèi)容保持不變，或者忽略潛在已經(jīng)過時(shí)的內(nèi)容，這么做并不合適，因?yàn)樗鼈兛赡軙?huì)成為網(wǎng)站的巨大負(fù)擔(dān)，當(dāng)然也可能是一個(gè)重要的機(jī)會(huì)。這些網(wǎng)站內(nèi)容依然會(huì)有大量的用戶訪問，對內(nèi)容的創(chuàng)造者，這一部分流量是對他們的認(rèn)可，也是對網(wǎng)站用戶體驗(yàn)的一次考驗(yàn)。網(wǎng)站改版之后，這部分內(nèi)容可能并不匹配樣式，所以你需要做的工作并不少。

重新分析改版前后的樣式和設(shè)定，將所有的內(nèi)容信息整理搜集起來?分析目前你所使用的風(fēng)格和樣式，審視新的樣式是否能兼容所有的內(nèi)容?仔細(xì)檢查圖片大小、自定義元素和其他的設(shè)計(jì)元素，確保它們能匹配新的設(shè)計(jì)?復(fù)查所有的樣式，看看是否都匹配了新的設(shè)計(jì)?這一切的核心是用戶體驗(yàn)，當(dāng)設(shè)計(jì)變更的時(shí)候內(nèi)容不進(jìn)行適配的話，會(huì)帶來糟糕的用戶體驗(yàn)，而這樣的設(shè)計(jì)也是失敗的。

4、基于市場的設(shè)計(jì)

Material Design 的確是優(yōu)秀的設(shè)計(jì)規(guī)范，它在近幾年幾乎橫掃了整個(gè)設(shè)計(jì)社區(qū)。這套設(shè)計(jì)規(guī)則非常詳盡，在交互設(shè)計(jì)上也表現(xiàn)出強(qiáng)大的生命力。

它的優(yōu)秀有目共睹，從設(shè)計(jì)理念到實(shí)際效果也確實(shí)令人無法拒絕。但是此刻你的網(wǎng)站并不一定是這個(gè)風(fēng)格，一下子切換到Material Design 對你的產(chǎn)品而言是一次劇烈而徹底的改變，這可以說是一次昂貴的冒險(xiǎn)。

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

5、設(shè)計(jì)很重要，性能再商量

我們所設(shè)計(jì)出來的產(chǎn)品的實(shí)際性能也是不容忽視的。雖然借助最新的設(shè)計(jì)工具來探索新手法很有趣，但是其中許多并沒有針對性能進(jìn)行優(yōu)化。炫酷的效果固然能吸引用戶，但也掩蓋了性能上的缺憾。

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

6、從結(jié)果著手設(shè)計(jì)

在許多探討用戶體驗(yàn)設(shè)計(jì)的社區(qū)中，大家通常會(huì)認(rèn)為從重要的結(jié)果部分來著手設(shè)計(jì)是個(gè)好的開始，比如郵件注冊頁面、結(jié)帳頁面、銷售頁面、聯(lián)系人頁面等等等等。這并不完全錯(cuò)誤，但是應(yīng)該有更好的切入點(diǎn)。

這樣的設(shè)計(jì)方式缺乏一個(gè)完善而穩(wěn)定的視角，這個(gè)時(shí)候，我們需要平均用戶。當(dāng)你設(shè)定好了平均用戶之后，整個(gè)設(shè)計(jì)的轉(zhuǎn)換率和各種UX指標(biāo)可以得到更好的調(diào)控。從平均用戶的角度來重新審視整個(gè)產(chǎn)品的登錄或者銷售的流程，梳理出常見的問題，找出癥結(jié)。

從一個(gè)實(shí)際用戶的角度來看待整個(gè)產(chǎn)品，而非是站在設(shè)計(jì)師和開發(fā)者的高度來自上而下審視。這樣會(huì)讓你的網(wǎng)站或者APP更加有效，也更加貼近用戶，也更加符合用戶體驗(yàn)設(shè)計(jì)的真實(shí)規(guī)律。坦率的講，沒有什么方法能夠比從普通用戶或平均用戶的角度一步一步驗(yàn)證和審視，來的更加有效。