越來越多的同學(xué)開始著迷UX/UI設(shè)計(jì),這個(gè)領(lǐng)域的高手和愛好者也越來越多。于是大量新的想法、設(shè)計(jì)流程、設(shè)計(jì)手法以及形形色色的“原則”開始出現(xiàn)在這個(gè)領(lǐng)域當(dāng)中,用良莠不齊這個(gè)詞來形容UX領(lǐng)域其實(shí)非常恰當(dāng)。用戶體驗(yàn)設(shè)計(jì)需要你作出艱難的決定,成為優(yōu)秀的設(shè)計(jì)師并不容易,你需要從錯(cuò)誤中不斷汲取經(jīng)驗(yàn)教訓(xùn),成就自己。人們總是犯著類似的錯(cuò)誤,新的思路聽起來很不錯(cuò),但是并不足以成為用戶體驗(yàn)設(shè)計(jì)的標(biāo)準(zhǔn),但是也正是這些錯(cuò)誤的修正,造就了真正優(yōu)秀的設(shè)計(jì)。
許多概念看起來炫酷,但是稍加推敲就會(huì)發(fā)現(xiàn)它的謬誤。還有一些規(guī)則看起來邏輯清晰,但實(shí)際也并不符合用戶體體驗(yàn)設(shè)計(jì)的實(shí)際需求。今天我們總結(jié)了7條常見的用戶體驗(yàn)設(shè)計(jì)規(guī)則錯(cuò)誤,希望能對(duì)你的設(shè)計(jì)有所幫助。
關(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)容、測(cè)試、開發(fā)、研究和產(chǎn)品原型以及結(jié)果評(píng)估
用戶體驗(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ì)上。
越來越多的企業(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以期提高裝機(jī)量的行為,簡(jiǎn)直是災(zāi)難性的用戶體驗(yàn)設(shè)計(jì)。
這種行為是對(duì)用戶的不尊重。
其實(shí)用“過時(shí)的”這個(gè)詞來形容這些內(nèi)容更合適。哪怕你要重新設(shè)計(jì)一個(gè)復(fù)古風(fēng)格的網(wǎng)站,過去積累起來的諸多內(nèi)容也無法輕易被拋棄。
簡(jiǎn)單的讓舊的網(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ì)有大量的用戶訪問,對(duì)內(nèi)容的創(chuàng)造者,這一部分流量是對(duì)他們的認(rèn)可,也是對(duì)網(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ì)也是失敗的。
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 對(duì)你的產(chǎn)品而言是一次劇烈而徹底的改變,這可以說是一次昂貴的冒險(xiǎn)。
設(shè)計(jì)的改變應(yīng)該是一個(gè)漸變的過程,從簡(jiǎn)單的測(cè)試和整合開始,一步步推進(jìn),最終會(huì)帶你走向你要的設(shè)計(jì)。設(shè)計(jì)改版并沒有捷徑可走。
我們所設(shè)計(jì)出來的產(chǎn)品的實(shí)際性能也是不容忽視的。雖然借助最新的設(shè)計(jì)工具來探索新手法很有趣,但是其中許多并沒有針對(duì)性能進(jìn)行優(yōu)化。炫酷的效果固然能吸引用戶,但也掩蓋了性能上的缺憾。
看看這份來自NCC集團(tuán)的信息圖,注意工具和網(wǎng)站建設(shè)方式和性能之間的關(guān)系。仔細(xì)看看這份圖表,你會(huì)明白不同階段設(shè)計(jì)的改進(jìn)方向。
在許多探討用戶體驗(yàn)設(shè)計(jì)的社區(qū)中,大家通常會(huì)認(rèn)為從重要的結(jié)果部分來著手設(shè)計(jì)是個(gè)好的開始,比如郵件注冊(cè)頁面、結(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)證和審視,來的更加有效。
聯(lián)系客服