有時(shí)候朱嘴,我們忘了為什么而設(shè)計(jì)
我們一邊極度反感別人叫我們“美工”
卻一邊沉浸在“自我陶醉”的深淵
為什么我們花了很多心思設(shè)計(jì)的界面/畫面
得到的倾鲫,
卻是“改! 改F兼摇乌昔! 改!V阆妗玫荣!”
久而久之,
我們失去了熱情大诸,
覺(jué)得
他們不懂設(shè)計(jì)捅厂,不重視設(shè)計(jì)。
真的是這樣嗎资柔?
設(shè)計(jì)是如何影響用戶感知的
我們先來(lái)看一張圖
這是一個(gè)社區(qū)里新出一個(gè)大咖坐診的卡片焙贷,這個(gè)設(shè)計(jì)有問(wèn)題嗎?該有的功能全部擺下了贿堰,看還算有條理吧~
可是辙芍,有沒(méi)有發(fā)現(xiàn)一個(gè)問(wèn)題?
你現(xiàn)在作為用戶,從這個(gè)卡片上感受到的是什么呢故硅?
這個(gè)是新功能的目標(biāo):“這是一個(gè)社區(qū)想提出一個(gè)新概念庶灿,找一些領(lǐng)域里比較有名的大咖,在線解答網(wǎng)友的疑問(wèn)吃衅。以提高用戶提問(wèn)的活躍度往踢。”厄~~好像沒(méi)感覺(jué)到吧
再來(lái)看下這張圖
將時(shí)間段模式改成倒計(jì)時(shí)徘层,強(qiáng)化將要消失的感覺(jué)峻呕。然后將“關(guān)注”和“私聊”等常規(guī)功能進(jìn)行隱藏(在個(gè)人信息頁(yè)有),然后將“向他提問(wèn)”進(jìn)行視覺(jué)上的強(qiáng)化趣效。
這樣就可以盡量的牽引我們的用戶感知趨向我們的目標(biāo):這個(gè)大咖坐診快要結(jié)束了瘦癌,我要不要向他提問(wèn)呢?(這里并不說(shuō)明方案本身是最優(yōu)的跷敬,只是為了講清思路而臨時(shí)拼湊的示意圖哈)
有沒(méi)有發(fā)現(xiàn)一個(gè)有趣的現(xiàn)象讯私,作為用戶的時(shí)候,我不會(huì)在意設(shè)計(jì)師表達(dá)了什么干花,而是只關(guān)注我感受到了什么妄帘。然后我會(huì)按自己的感受來(lái)理解和處理事情。
原來(lái)池凄,我們的設(shè)計(jì),沒(méi)有那么簡(jiǎn)單鬼廓。
你設(shè)計(jì)的每一個(gè)顏色肿仑、大小、對(duì)比除了表達(dá)美感之外碎税,都在對(duì)用戶的感知進(jìn)行影響
為了加深印象尤慰,我們來(lái)看看下圖,用戶是如何理解我們?cè)仃P(guān)系的
那雷蹂,我們?cè)倏纯聪旅孢@張圖
我覺(jué)得你一定可以回答得非常正確伟端,可是你有注意到一個(gè)很有意思的現(xiàn)象嗎?
我并沒(méi)有明確標(biāo)示出哪四個(gè)是一組匪煌,可你能夠“感覺(jué)”到它的存在责蝠。
為什么呢?
因?yàn)槲覀儽緛?lái)就是依靠距離來(lái)判斷關(guān)系的萎庭。
想象一下我們坐電梯時(shí)霜医,如果空間足夠的話,你會(huì)挨陌生人比較近驳规,還是挨熟悉的人比較近肴敛。
想象一下我們時(shí)怎么判斷情侶的。
想象一下我們是怎么站隊(duì)的。
說(shuō)到這里医男,我不禁想夸一下第一代ipad的設(shè)計(jì)砸狞,當(dāng)時(shí)公司從美國(guó)買回來(lái)(大概2010年的時(shí)候),拿到的時(shí)候镀梭,感覺(jué)是“相當(dāng)驚艷”趾代。
完了,年代太久丰辣,沒(méi)找到截圖撒强,我還是用示意圖來(lái)說(shuō)明一下吧...
這個(gè)示意圖可能沒(méi)有表達(dá)清楚,我來(lái)口述一下吧笙什。
當(dāng)時(shí)打開iPad的音樂(lè)app飘哨,覺(jué)得他的表格感覺(jué)好精美啊~ 而以往自己設(shè)計(jì)的表格卻非常丑,而且很死板琐凭。通過(guò)仔細(xì)的觀察芽隆,我發(fā)現(xiàn)他的表格的豎線是很弱的,橫線比較強(qiáng)统屈。這樣每個(gè)音樂(lè)的整體感并沒(méi)有被豎線切割開胚吁,所以整個(gè)表格看起來(lái)很清晰,而且突出了整條可點(diǎn)的狀態(tài)愁憔。
設(shè)計(jì)師在用線的強(qiáng)弱表達(dá)內(nèi)容元素之間的關(guān)系...
在那個(gè)年代腕扶,這些細(xì)節(jié)的思考讓我們當(dāng)時(shí)驚訝不已...(好吧,現(xiàn)在已經(jīng)很常見了)
再來(lái)審視一下吨掌,我們是在設(shè)計(jì)“美”嗎半抱?
我們?cè)谠O(shè)計(jì)產(chǎn)品與用戶的關(guān)系,讓用戶感知到產(chǎn)品的價(jià)值:
讓用戶清晰的了解他接觸的界面是干什么的(價(jià)值感知)
讓用戶知道他該如何操作(操作感知)
讓用戶明確是否達(dá)成目標(biāo)(成就感知)
...
既然感知那怎么重要膜宋,我們?cè)O(shè)計(jì)師該如何在設(shè)計(jì)中做好感知的設(shè)計(jì)呢窿侈?
一、把產(chǎn)品目標(biāo)/用戶目標(biāo)做為設(shè)計(jì)目標(biāo)
很多設(shè)計(jì)師會(huì)把產(chǎn)品目標(biāo)當(dāng)作“別人”的事秋茫,一心想著自己的“完美”事業(yè)史简。其實(shí)沒(méi)有任何一個(gè)美觀而無(wú)用的產(chǎn)品能持續(xù)活下去的。
為什么肛著?因?yàn)橛脩糁渣c(diǎn)開這個(gè)網(wǎng)站/打開這個(gè)APP圆兵,是為了來(lái)達(dá)成一個(gè)他自己的目標(biāo),而不是來(lái)欣賞設(shè)計(jì)的(除了設(shè)計(jì)欣賞類產(chǎn)品)策泣。
所以設(shè)計(jì)師的所有設(shè)計(jì)呈現(xiàn)衙傀,都應(yīng)該圍繞產(chǎn)品目標(biāo)/用戶目標(biāo)。
設(shè)計(jì)師需要充分理解產(chǎn)品/需求的目標(biāo)萨咕,還有他對(duì)用戶的價(jià)值统抬。從價(jià)值本身做挖掘,以此反推設(shè)計(jì)方案的呈現(xiàn)形態(tài)。
接到需求時(shí)聪建,不要一股腦跟著需求框架進(jìn)行設(shè)計(jì)優(yōu)化/細(xì)化钙畔,先理解目標(biāo),理解為什么要做這個(gè)需求金麸,與需求方多溝通擎析,更深入溝通。
先弄對(duì)方向挥下,再深入揍魂,以免反復(fù)修改
二、設(shè)計(jì)過(guò)程中思考每一個(gè)元素的作用(功能上/心理上)
設(shè)計(jì)與創(chuàng)作的差異在于棚瘟,一個(gè)是表達(dá)自我意識(shí)现斋,一個(gè)是按用戶意識(shí)進(jìn)行表達(dá)
界面是用戶天天都會(huì)看到的,慢慢的用戶會(huì)將重心放在產(chǎn)品里對(duì)他有價(jià)值的功能上偎蘸。所以我們?cè)O(shè)計(jì)需要回歸到對(duì)用戶的價(jià)值之上庄蹋,關(guān)注每一條線,每一個(gè)色塊迷雪,每一個(gè)文字限书,每一個(gè)圖形對(duì)用戶來(lái)說(shuō)的意義在哪。
弄不清意義的元素章咧,就刪了吧倦西!想都想不出價(jià)值,那它很難真的有價(jià)值慧邮。
三调限、重視感知,重要數(shù)據(jù)和理論轉(zhuǎn)換成感知差異
現(xiàn)在數(shù)據(jù)越來(lái)越重要了误澳,因?yàn)樗苷f(shuō)明事實(shí)本身。
可是秦躯,數(shù)據(jù)有個(gè)很大的缺陷---
買股票的同學(xué)應(yīng)該理會(huì)深刻忆谓,那就是數(shù)據(jù)只能說(shuō)明過(guò)去,無(wú)法代表未來(lái)踱承,它是在過(guò)去某個(gè)特性環(huán)境下產(chǎn)物倡缠。
如果想數(shù)據(jù)起到作用,必須通過(guò)數(shù)據(jù)呈現(xiàn)的現(xiàn)象看到本質(zhì)
對(duì)于設(shè)計(jì)方案而言茎活,必須知道推動(dòng)數(shù)據(jù)變化的背后原因昙沦,到底給用戶造成了怎樣的感知差異,才帶來(lái)了數(shù)據(jù)的變化载荔。然后將這種感知加以強(qiáng)化盾饮,才能將成功延續(xù)。
盲目的抄襲和借鑒很難成功,是因?yàn)椤碍h(huán)境變了”丘损,方案還是那個(gè)環(huán)境下的最佳方案普办。
用戶是感性的,其他什么理由都是扯淡徘钥,他沒(méi)有耐心聽你講那些道理(特定工作場(chǎng)景除外)
四衔蹲、多給“用戶”看看,確定你的設(shè)計(jì)與用戶感知的差異
方案做好后呈础,多給用戶看看舆驶,了解他們真正使用的時(shí)候,是如何被這么“清晰”的界面給弄懵圈的而钞。千萬(wàn)不要解釋沙廉,沒(méi)有任何理由能改變用戶的感知。(當(dāng)然一定要記得要給用戶做好鋪墊笨忌,讓他進(jìn)入你要測(cè)方案的相應(yīng)情景蓝仲,不然也是沒(méi)有效果的)
有人說(shuō),我很難接觸到真正的用戶
嗯官疲,那你找你覺(jué)得跟目標(biāo)群體較像的同事/朋友
實(shí)在還沒(méi)有袱结,那就根據(jù)你的目標(biāo)用戶畫像,從他的角度來(lái)進(jìn)行判斷(這個(gè)是高階設(shè)計(jì)師的必備技能途凫,能夠放空自己對(duì)設(shè)計(jì)方案的理解垢夹,從他人的角度評(píng)判方案)
為了說(shuō)明解釋毫無(wú)用處,我分享一次公司失敗的高科技演示:
老板帶著一批客戶參觀我們公司研究的高科技-人臉識(shí)別维费。是模擬當(dāng)?shù)赇伻藖?lái)人往時(shí)果元,可以快速的識(shí)別老用戶/創(chuàng)建新用戶,并進(jìn)行用戶畫像的創(chuàng)建犀盟。
我看好多人圍著而晒,也跑過(guò)去參觀了一下,結(jié)果演示過(guò)程中阅畴,系統(tǒng)崩潰了倡怎,導(dǎo)致來(lái)看演示的客戶沒(méi)有被成功識(shí)別〖妫“不好意思监署,是因?yàn)槿颂嗔耍瑱C(jī)器無(wú)法識(shí)別纽哥,我們散開一點(diǎn)钠乏,一個(gè)個(gè)來(lái)”一位演示的小哥急忙解釋到。結(jié)果客戶轉(zhuǎn)身讓老板帶他們?nèi)⒂^別的春塌,走出門的時(shí)候還對(duì)老板說(shuō)了一句話晓避,估計(jì)令那位解釋的小哥無(wú)地自容簇捍。“下次够滑,我?guī)闳⒂^杭州一家公司垦写,人多的時(shí)候也可以準(zhǔn)確識(shí)別”
如果小哥說(shuō):“不好意思,多人識(shí)別技術(shù)還在探索中彰触,不太穩(wěn)定梯投,我們現(xiàn)一個(gè)個(gè)走過(guò)來(lái)演示吧”,可能會(huì)好很多况毅。當(dāng)然分蓖,更好的應(yīng)該是在技術(shù)研討就發(fā)現(xiàn),并將這種常見的問(wèn)題處理掉尔许。而不是以一個(gè)貌似很有道理的理由么鹤,進(jìn)行自我催眠。
五味廊、設(shè)計(jì)審核避免采用理性解說(shuō)模式蒸甜,那是“忽悠”同行的
設(shè)計(jì)審核時(shí)
審核者:“你這個(gè)地方是什么意思啊余佛?我沒(méi)有看明白”
設(shè)計(jì)師:“這你都不懂啊柠新,你看,是這樣$#$%#$%$#...”
這好像是設(shè)計(jì)審核時(shí)非常正常的交流模式吧辉巡?設(shè)計(jì)師經(jīng)常為了保住自己的方案恨憎,對(duì)方案強(qiáng)行植入邏輯性非常強(qiáng)的設(shè)計(jì)解說(shuō)
不,不郊楣,不...
我要的不是解釋憔恳,你應(yīng)該反思:如果用戶有這樣的疑問(wèn),怎么辦净蚤?
設(shè)計(jì)師要有很好的洞察力钥组,解析你收到的所有反饋。哪些是需要進(jìn)行講解今瀑,哪些是用戶層面的感知設(shè)計(jì)缺陷者铜,然后記住那些問(wèn)題,進(jìn)行改進(jìn)放椰。
設(shè)計(jì)師要解決的核心問(wèn)題:
如何讓設(shè)計(jì)自我解釋,而不是靠自己的嘴來(lái)解說(shuō)
如果你能做到以上5點(diǎn)愉粤,相信你的設(shè)計(jì)的方向至少是對(duì)的了砾医。然后不斷的提升自己的審美和設(shè)計(jì)能力,你一定可以做出很好的設(shè)計(jì)方案衣厘,甚至可以盡量避免重復(fù)設(shè)計(jì)修改如蚜,因?yàn)槟切┬薷恼{(diào)整你在評(píng)審之前压恒,你自己已經(jīng)驗(yàn)證過(guò)了。