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

1、UX=UI？

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

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

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

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

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

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

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

UED

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

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

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

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

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

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

4、基于市場(chǎng)的設(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ú)法拒絕。但是此刻你的網(wǎng)站并不一定是這個(gè)風(fēng)格，一下子切換到Material Design 對(duì)你的產(chǎn)品而言是一次劇烈而徹底的改變，這可以說(shuō)是一次昂貴的冒險(xiǎn)。

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

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

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

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

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

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

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

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