網(wǎng)站建設(shè)中最常見的六種用戶錯誤體驗(yàn)設(shè)計(jì)

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


網(wǎng)站建設(shè)-廣州天翱信息科技有限公司



1、UX=UI?

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


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

UX設(shè)計(jì)是一組設(shè)計(jì)規(guī)則和開發(fā)流程,它會提升用戶和產(chǎn)品本身交互的品質(zhì),它會涉及到工作領(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ì)的特征描述,你也會覺得沒有設(shè)計(jì)實(shí)例說明,真的很容易混淆。而這些也特征也說明了一點(diǎn),兩種設(shè)計(jì)確實(shí)需要齊頭并進(jìn)。假設(shè)你擁有一個偉大的產(chǎn)品,整體設(shè)計(jì)頗為不錯。如果這個產(chǎn)品用起來很費(fèi)力,那么這是UX設(shè)計(jì)不佳的體現(xiàn)。如果產(chǎn)品用起來不錯,但是視覺上不怎么討喜,那么短板在UI設(shè)計(jì)上。


2、移動端瀏覽就該用移動端APP

UED

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


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


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

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


簡單的讓舊的網(wǎng)站內(nèi)容保持不變,或者忽略潛在已經(jīng)過時的內(nèi)容,這么做并不合適,因?yàn)樗鼈兛赡軙蔀榫W(wǎng)站的巨大負(fù)擔(dān),當(dāng)然也可能是一個重要的機(jī)會。這些網(wǎng)站內(nèi)容依然會有大量的用戶訪問,對內(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ì)變更的時候內(nèi)容不進(jìn)行適配的話,會帶來糟糕的用戶體驗(yàn),而這樣的設(shè)計(jì)也是失敗的。


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

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


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


設(shè)計(jì)的改變應(yīng)該是一個漸變的過程,從簡單的測試和整合開始,一步步推進(jìn),最終會帶你走向你要的設(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ì)看看這份圖表,你會明白不同階段設(shè)計(jì)的改進(jìn)方向。


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

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


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


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