設(shè)計(jì)與感知

有時(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ò)了。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末错邦,一起剝皮案震驚了整個(gè)濱河市探赫,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌撬呢,老刑警劉巖伦吠,帶你破解...
    沈念sama閱讀 218,284評(píng)論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異魂拦,居然都是意外死亡毛仪,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,115評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門芯勘,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)箱靴,“玉大人,你說(shuō)我怎么就攤上這事荷愕『饣常” “怎么了?”我有些...
    開封第一講書人閱讀 164,614評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵安疗,是天一觀的道長(zhǎng)抛杨。 經(jīng)常有香客問(wèn)我,道長(zhǎng)茂契,這世上最難降的妖魔是什么蝶桶? 我笑而不...
    開封第一講書人閱讀 58,671評(píng)論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮掉冶,結(jié)果婚禮上真竖,老公的妹妹穿的比我還像新娘。我一直安慰自己厌小,他們只是感情好恢共,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,699評(píng)論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著璧亚,像睡著了一般讨韭。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上癣蟋,一...
    開封第一講書人閱讀 51,562評(píng)論 1 305
  • 那天透硝,我揣著相機(jī)與錄音,去河邊找鬼疯搅。 笑死濒生,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的幔欧。 我是一名探鬼主播罪治,決...
    沈念sama閱讀 40,309評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼丽声,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了觉义?” 一聲冷哼從身側(cè)響起雁社,我...
    開封第一講書人閱讀 39,223評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎晒骇,沒(méi)想到半個(gè)月后霉撵,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,668評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡厉碟,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,859評(píng)論 3 336
  • 正文 我和宋清朗相戀三年喊巍,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片箍鼓。...
    茶點(diǎn)故事閱讀 39,981評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡崭参,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出款咖,到底是詐尸還是另有隱情何暮,我是刑警寧澤,帶...
    沈念sama閱讀 35,705評(píng)論 5 347
  • 正文 年R本政府宣布铐殃,位于F島的核電站海洼,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏富腊。R本人自食惡果不足惜坏逢,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,310評(píng)論 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望赘被。 院中可真熱鬧是整,春花似錦、人聲如沸民假。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,904評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)羊异。三九已至事秀,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間野舶,已是汗流浹背易迹。 一陣腳步聲響...
    開封第一講書人閱讀 33,023評(píng)論 1 270
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留平道,地道東北人赴蝇。 一個(gè)月前我還...
    沈念sama閱讀 48,146評(píng)論 3 370
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像巢掺,于是被迫代替她去往敵國(guó)和親句伶。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,933評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,139評(píng)論 25 707
  • 城墻上各式各樣的文書告示撕下去貼上來(lái)密密麻麻糊了一墻陆淀,一張殘破不堪的安民告示混在其中很不顯眼考余,其時(shí)已被人小心翼翼地...
    王勇鍵閱讀 223評(píng)論 0 0
  • 【獎(jiǎng)勵(lì)】 我堅(jiān)信楚堤,對(duì)于人們來(lái)說(shuō),如果有人肯定他們的成就含懊,這將是一股莫大的動(dòng)力身冬。在今天,人們更是期待自己的工作得到關(guān)...
    勵(lì)學(xué)堂閱讀 509評(píng)論 0 0
  • FEIGANG閱讀 447評(píng)論 0 0
  • 網(wǎng)絡(luò)上曝光家暴事件的案例越來(lái)越多虐呻,可還是屢禁不止钾麸,當(dāng)大家都在指責(zé)、批評(píng)男人不該動(dòng)手打老婆的時(shí)候宙帝,有多少人會(huì)冷靜的坐...
    今世迷離閱讀 367評(píng)論 0 1