我們都知道碉怔,做產(chǎn)品烘贴,做設計時,要從用戶的角度出發(fā)撮胧,要符合用戶的心智模型。
知易行難老翘。特別是當需要打破自己原有的認知芹啥。
不妨先看看這下面兩張截圖,試著理解下想要展示或者表達的信息铺峭。
不知道您看下來的感受是什么墓怀?
我在看到第一張截圖對應的頁面時,非常困惑卫键,無法理解這是在表達什么傀履,盡管我此前大概知道這個頁面大概是要干什么。 在看第二張圖對應的頁面莉炉,表格所表達的意思十分清晰明了钓账,也能明白其背后的邏輯。
事實上絮宁,圖1是模(chao)仿(xi)圖二梆暮。卻因為只模仿了表面,沒有得到真髓绍昂。
因為缺乏設計方面的經(jīng)驗啦粹,花了一點時間才悟出來這兩個看似十分類似的設計的區(qū)別。
通過圖1要想理解到圖2所表達的信息窘游,要跨越重重認知上面的障礙唠椭。
1. ?圖1中,需要將頂部的六顆星星和極低風險忍饰,同下面圖表中的贪嫂,“六星”關聯(lián)起來,從而才能明白六星是指代極低風險喘批;
圖2則直接將星星和文字(極低風險)都展示在同一表格中撩荣,視覺上一目了然,完全沒有這重障礙饶深;
2. 圖1中餐曹,在圖表中,只有綠色代表推薦的色塊敌厘,上面有文字注明“推薦”台猴,其他的黃色和藍色的色塊,卻沒有文字標示。
所以饱狂,用戶需要先將黃色跟“不推薦”等同于起來曹步,將“藍色”跟“適當”推薦起來,才能在看圖表時休讳,理解到下面各個色塊所表達的意思讲婚。或者重現(xiàn)回過頭去看這個藍色到底代表什么顏色俊柔。
圖2中筹麸,每一個色塊都注明了文字,完全不需要預先建立這種聯(lián)系此時雏婶。
文字是直接釋義物赶,而顏色則是象征意義。因為此處的顏色和文字沒有直接的關系留晚,(如紅色通常表示禁止或者危險)酵紫,文字更高效和直接。
雖然错维,這對于對顏色敏感奖地,比如說有設計背景的人來說,可能建立起這種聯(lián)系沒有這么困難需五。
而對于普通的用戶鹉动,在短時間內(nèi),將顏色同所對應的意義立起來宏邮,真的太困難了泽示,對用戶的期望太高了。(當然蜜氨,如果借用了日常生活中所熟悉的模型械筛,如交通燈和Mac OX中的紅黃綠按鈕 ,則是另外一回事飒炎。)
圖1是已離職的另外一位產(chǎn)品經(jīng)理設計的頁面埋哟。她是從UI轉(zhuǎn)崗為產(chǎn)品,再加上她對這個頁面要表達的意思已經(jīng)很熟悉郎汪,所以可能她理解起來不會這么困難赤赊。
事實上,她非常習慣用顏色來表達意義煞赢。
之前我們要將大家手上各自負責的需求狀態(tài)匯總到我這里抛计,然后我就收到了如下面截圖所示的花花綠綠的一份郵件。
我收到這封郵件后照筑, 簡直崩潰了吹截, 得花多長時間才能從五顏六色中把各事項當前的狀態(tài)整理出來瘦陈。其實每個人的如何管理是個人工作習慣,但得要考慮郵件接收方啊波俄。(唉晨逝,插一句,花花綠綠五顏六色懦铺,是郵件大忌傲计础)码秉。
就如同纵竖,做設計時偎谁,要從接收頁面所要傳達的信息用戶的角度考慮盆佣。
但最大的困難可能在于系冗,她并沒有意識到這是她自己獨有的習慣和能力岖研。這也算是經(jīng)驗和過去显押,反而是一種限制吧浸踩。
吐槽完了叔汁,明天要去埋上面的坑,把頁面優(yōu)化掉检碗。