值得每個(gè)設(shè)計(jì)師閱讀思考的深度剖析文(2)
這就是為什么追波的許多“ReDesign”類的作品實(shí)屬愚蠢。因?yàn)樵S多人做設(shè)計(jì)的時(shí)候,并不清楚這個(gè)產(chǎn)品的淵源,用戶真實(shí)的需求,技術(shù)有哪些限制,深層的組織架構(gòu)又如何。
如果產(chǎn)品設(shè)計(jì)是在一個(gè)具體的約束中為用戶解決問(wèn)題,這些自稱為產(chǎn)品/用戶體驗(yàn)設(shè)計(jì)師的人實(shí)際上就是個(gè)美工而已。設(shè)計(jì)師應(yīng)當(dāng)是藝術(shù)家,是造型師,創(chuàng)造美麗事物是一項(xiàng)偉大的工程,而不是像這樣悶著腦袋亂畫。
產(chǎn)品設(shè)計(jì)總是與使命,愿景以及架構(gòu)息息相關(guān)從廣泛的構(gòu)思到像素級(jí)的細(xì)節(jié),設(shè)計(jì)師應(yīng)該始終思考公司的使命、愿景和產(chǎn)品架構(gòu)。他們?cè)谠O(shè)計(jì)中所做的每件事都需經(jīng)歷這個(gè)過(guò)程。
設(shè)計(jì)始于公司最頂層的使命,其次是公司的愿景。在一個(gè)沒(méi)有清晰和可執(zhí)行的使命與愿景的團(tuán)隊(duì)中,很難開展設(shè)計(jì)。不要低估這個(gè)問(wèn)題的重要性,如果你所在的公司缺少清晰的使命,那就將締造它作為你工作的一部分。
在使命和愿景之后的,則是產(chǎn)品的架構(gòu)。不是指技術(shù)層面上的東西,而是產(chǎn)品內(nèi)各部分之間彼此的關(guān)聯(lián),是一個(gè)總體的系統(tǒng)。我在 Facebook 上班的第一天早上,Chris Cox(產(chǎn)品VP)做了一個(gè)絕妙的演講 (你可以點(diǎn)開感受一下) 。下面的聽眾來(lái)自公司各個(gè)部門, Chris 侃侃而談,然后著重闡述產(chǎn)品的架構(gòu),以及它是如何與公司的目標(biāo)關(guān)聯(lián)的。
對(duì) Facebook 來(lái)說(shuō),架構(gòu)里有聯(lián)系人、好友、興趣點(diǎn),上至世界名牌下到街邊小店,還有一個(gè)能夠顯示所有這些事物關(guān)系的示意圖。這是一個(gè)非常清晰簡(jiǎn)潔的產(chǎn)品,直擊目標(biāo)需求點(diǎn)。以我的經(jīng)驗(yàn)來(lái)說(shuō),在沒(méi)有一個(gè)清晰明了的構(gòu)架想法前是很難在這團(tuán)雜七雜八的玩意下做出一個(gè)超贊的設(shè)計(jì)的。在很多情況下,就像這個(gè)項(xiàng)目一樣,作為設(shè)計(jì)師應(yīng)該去解決問(wèn)題并改進(jìn)架構(gòu)。比如談到Facebook跳轉(zhuǎn)其他應(yīng)用的時(shí)候,我通常會(huì)在白板上畫些類似這樣的概念圖:
產(chǎn)品的架構(gòu)不是信息堆砌,它不是一個(gè)頁(yè)面連著這個(gè)那個(gè)模塊和空間,或者一堆死板的演示告訴你點(diǎn)這里是干嘛的,一個(gè)交互原型通常就可以很好地處理這些信息。一個(gè)更深層次的表達(dá)方式,這就是產(chǎn)品的架構(gòu)圖。它能表現(xiàn)出各個(gè)模塊在整體系統(tǒng)中所處的位置以及它們的聯(lián)系。而在intercom我們是用這種方式進(jìn)行架構(gòu)設(shè)計(jì)的:
我甚至沒(méi)有印象在追波上有看到過(guò)類似上圖這種表述設(shè)計(jì)思路的架構(gòu)圖。很少能看到設(shè)計(jì)師講述他的作品如何匹配需求目標(biāo),如何驅(qū)使產(chǎn)品的視野向前,或是在整個(gè)架構(gòu)中發(fā)揮了什么作用等等,以呈現(xiàn)這些設(shè)計(jì)的重要度。這應(yīng)當(dāng)是設(shè)計(jì)的基本,而非特例。
一旦你明確產(chǎn)品清晰的使命、愿景和架構(gòu),你就可以開始思考其它的細(xì)節(jié)。只要用戶達(dá)成了目標(biāo),他們就會(huì)開心、滿足,并獲得成就感。你產(chǎn)品的服務(wù)為用戶提供了哪些便利,又存在著哪些瑕疵。
這些粗糙的草圖遠(yuǎn)遠(yuǎn)要比追波上那堆PNG要重要得多。從產(chǎn)品創(chuàng)立伊始到成品的推出,在這一套程序當(dāng)中,PSD文件和PNG圖片是我認(rèn)為最不吸引人也是最無(wú)用的材料。更為重要的是設(shè)計(jì)中如何權(quán)衡輕重做出取舍的思考和討論的過(guò)程,比如產(chǎn)品的優(yōu)缺點(diǎn)考量,如何將設(shè)計(jì)匹配公司的愿景,抑或是解決產(chǎn)品的架構(gòu)問(wèn)題。所有這些白板草圖,手繪稿,甚至在餐巾紙后面勾勾畫畫的解決方案才是設(shè)計(jì)者應(yīng)該發(fā)布在追波上的,我更希望看到這些。就連 產(chǎn)品敘述文檔 都比單單一個(gè)蒼白的PNG或者PDF文檔來(lái)的重要。
思考一下設(shè)計(jì)的四個(gè)層面設(shè)計(jì)是一個(gè)多層面的過(guò)程。以我的經(jīng)驗(yàn)而言,如何依次經(jīng)過(guò)這幾個(gè)層面來(lái)思考是有一個(gè)最佳順序的。最簡(jiǎn)單的一種就是回想一下這四個(gè)層面:
學(xué)習(xí) · 提示
相關(guān)教程
推薦教程
- 顏色管理,讓自己的照片在網(wǎng)上正確地顯示
- 設(shè)計(jì)界面最常用最舒服的12種顏色(含色
- Photoshop初級(jí)教程-命令的技巧
- 色彩知識(shí),講解顏色基礎(chǔ)知識(shí)和配色理論
- 用戶體驗(yàn),如何讓用戶心動(dòng)?
- 移動(dòng)設(shè)計(jì),移動(dòng)應(yīng)用導(dǎo)航模式設(shè)計(jì)方法
- UI知識(shí),尺寸對(duì)UI設(shè)計(jì)的影響
- 用戶體驗(yàn),分享20個(gè)有影響力的包裝設(shè)計(jì)
- 調(diào)色知識(shí),簡(jiǎn)單實(shí)用的調(diào)色原理
- 圖片畫冊(cè)平面設(shè)計(jì)排版ps理論教程