以前設(shè)計(jì)產(chǎn)品把隨性當(dāng)創(chuàng)意，不屑于已經(jīng)被定義好的東西，不屑于規(guī)范性的東西。后來(lái)才認(rèn)識(shí)到，越自我的東西，距離產(chǎn)品越遠(yuǎn)，距離藝術(shù)越遠(yuǎn)，距離人性越遠(yuǎn)。
不知不覺做產(chǎn)品一年多了，接觸的大多數(shù)是后端產(chǎn)品。今天和大家分享一下關(guān)于后臺(tái)產(chǎn)品設(shè)計(jì)的一些經(jīng)驗(yàn)和心得，與君共勉。
文章結(jié)構(gòu)：
- 目錄結(jié)構(gòu)規(guī)范；
- 原型設(shè)計(jì)規(guī)范；
- 注釋規(guī)范；
- 關(guān)于“秩序（規(guī)范）和混亂”的一些思考。
一、目錄結(jié)構(gòu)規(guī)范
0歲的產(chǎn)品同學(xué)很多對(duì)Axure的定位就是一個(gè)畫原型的工具，經(jīng)常拿起Axure就開始畫頁(yè)面，一打開.rp文件目錄第一頁(yè)就是產(chǎn)品首頁(yè)。
一個(gè)好的原型設(shè)計(jì)不僅僅是畫出滿足業(yè)務(wù)需求的原型頁(yè)面，而是讓瀏覽者清晰的明白這個(gè)項(xiàng)目的背景和業(yè)務(wù)邏輯以及整個(gè)產(chǎn)品結(jié)構(gòu)，而這些基本都是通過(guò)目錄來(lái)引導(dǎo)的，所以拿起Axure 不是一開始就畫頁(yè)面，而是完善目錄結(jié)構(gòu)。
需求規(guī)格說(shuō)明書 & 產(chǎn)品結(jié)構(gòu)導(dǎo)圖
通常介紹整個(gè)項(xiàng)目背景以及產(chǎn)品形態(tài)等，通常以《需求規(guī)格說(shuō)明書》的形式展示：
產(chǎn)品結(jié)構(gòu)導(dǎo)圖相當(dāng)于移動(dòng)端產(chǎn)品的功能結(jié)構(gòu)圖，一般用思維導(dǎo)圖和架構(gòu)圖來(lái)展示說(shuō)明，以上兩個(gè)頁(yè)面主要告訴閱讀者項(xiàng)目背景，產(chǎn)品功能形態(tài)。
項(xiàng)目開發(fā)流程&基本流程圖
項(xiàng)目開發(fā)流程圖主要介紹整個(gè)項(xiàng)目開發(fā)過(guò)程中各部門角色之間的協(xié)作流程，有的公司偏向于敏捷開發(fā)，有的公司走傳統(tǒng)的需求，評(píng)審，設(shè)計(jì)&開發(fā)，測(cè)試，驗(yàn)收，上線的路線，相關(guān)流程都應(yīng)該體現(xiàn)在流程圖里，方便閱讀者知曉。
產(chǎn)品設(shè)計(jì)過(guò)程中每一個(gè)涉及到業(yè)務(wù)邏輯和功能邏輯的流程都需要在基本流程圖里提現(xiàn)，當(dāng)遇到復(fù)雜的業(yè)務(wù)邏輯的時(shí)候，流程圖往往比原型頁(yè)面更加直觀。
原型封面 & 版本控制
原型封面主要介紹作簡(jiǎn)要的產(chǎn)品描述和歸屬標(biāo)識(shí)，作為原型設(shè)計(jì)完整性的一部分，不是必要的。
版本控制主要作為產(chǎn)品更新迭代記錄以及設(shè)計(jì)周期的一個(gè)時(shí)間標(biāo)識(shí)。
全局框架設(shè)計(jì)規(guī)范 & 全局控件設(shè)計(jì)規(guī)范 & 原型注釋規(guī)范
不僅是專業(yè)的UI設(shè)計(jì)需要遵守設(shè)計(jì)規(guī)范，產(chǎn)品設(shè)計(jì)也需要定義一定的設(shè)計(jì)規(guī)范，方便自己設(shè)計(jì)產(chǎn)品隨時(shí)復(fù)用，也方便其他人接手時(shí)能盡可能的在保持設(shè)計(jì)樣式整體一致的前提下，快速上手。
二、產(chǎn)品設(shè)計(jì)規(guī)范
保持整個(gè)系統(tǒng)所有頁(yè)面結(jié)構(gòu)的一致性和所有控件元素的統(tǒng)一性是我們定義設(shè)計(jì)規(guī)范最初的目的。
產(chǎn)品設(shè)計(jì)規(guī)范具體體現(xiàn)在：全局框架設(shè)計(jì)規(guī)范，全局控件設(shè)計(jì)規(guī)范，原型注釋規(guī)范這三個(gè)方面。
全局框架設(shè)計(jì)規(guī)范
后臺(tái)系統(tǒng)框架主要分為三個(gè)部分：① 系統(tǒng)功能區(qū) ② 菜單區(qū) ③ 數(shù)據(jù)/功能區(qū)
當(dāng)然三個(gè)區(qū)域可以進(jìn)行很多靈活的設(shè)計(jì)，無(wú)論選擇哪種都需要保持所選框架下所有頁(yè)面的整體一致性。
全局控件設(shè)計(jì)規(guī)范
上文提到剛開始設(shè)計(jì)原型的同學(xué)經(jīng)常會(huì)出現(xiàn)不同的頁(yè)面同樣的信息不同大小的字體，同樣的功能按鈕用不同的顏色，結(jié)果導(dǎo)致整個(gè)原型看起來(lái)像是很多個(gè)人設(shè)計(jì)出來(lái)的，沒有一致性，原因就在于開始的時(shí)候沒有定義好一套控件設(shè)計(jì)規(guī)范。
平時(shí)的產(chǎn)品設(shè)計(jì)過(guò)程中可以參考一些優(yōu)秀的UI框架，例如：Bootstrap，F(xiàn)lat UI ，jQuery UI 等。
在設(shè)計(jì)原型前定義好這些控件以及樣式的規(guī)范后，所有的頁(yè)面都引用一套樣式，不僅使整個(gè)原型保持一致性，而且能大大的提高設(shè)計(jì)效率。
這里要提到Axure 的兩個(gè)很實(shí)用的功能：一個(gè)是母版，一個(gè)是控件樣式
把后面可能要多次復(fù)用的控件做成母版以及把需要多次復(fù)用的控件樣式設(shè)置成主題樣式會(huì)大大的提高設(shè)計(jì)效率。
全局注釋規(guī)范
當(dāng)然這里指的注釋規(guī)范是基于Axure 的，并非借助于PRD文檔。對(duì)于PC端的原型設(shè)計(jì)，我更傾向于用Axure 原生的注釋功能來(lái)描述。分別為：業(yè)務(wù)邏輯，需求說(shuō)明，功能邏輯，視覺（交互）邏輯，技術(shù)邏輯，備注等。
在保證整個(gè)產(chǎn)品設(shè)計(jì)統(tǒng)一性和一致性的前提下，每個(gè)人都可以根據(jù)自己的喜好定義自己的原型設(shè)計(jì)規(guī)范。
四、關(guān)于“秩序（規(guī)范）和混亂”的一些思考
秩序和混亂一直是指導(dǎo)我學(xué)習(xí)和工作的第一性原理，下面我用畢加索畫牛的過(guò)程來(lái)解釋這個(gè)道理，也解釋了為什么我會(huì)覺得“規(guī)范”是一件很重要的事情，以至于要用一篇文章來(lái)強(qiáng)調(diào)。
這是畢加索1934年12月5日畫的一張牛，看起來(lái)很正常，惟妙惟俏。
過(guò)了幾天，他又畫了一張圖，看起來(lái)也不錯(cuò)，比較正常。
這張也不錯(cuò)，有點(diǎn)小頑皮。
這張更頑皮了
接下來(lái)的幾張?jiān)絹?lái)越頑皮了
你可能看到過(guò)畢加索畫的很抽象的幾何牛，也可能只看過(guò)他筆下惟妙惟肖的仿真牛，但是連貫起來(lái)看畢加索畫牛的過(guò)程，從最開始的仿真牛，不斷的被結(jié)構(gòu)化，幾何化，最后畫出了很抽象的幾何牛。
普通人完全可以畫出一個(gè)一模一樣的幾何牛，但是為什么畢加索畫出的牛就這么牛，這是一個(gè)值得思考的問(wèn)題。畢加索是建立在仿真牛的基礎(chǔ)上，通過(guò)解構(gòu)，抽象出來(lái)的幾何牛，這是建立在某種“秩序”上引入的藝術(shù)性“混亂”，而不是直接去通過(guò)簡(jiǎn)筆畫畫出一個(gè)幾何牛，這就是大師和普通人的本質(zhì)差別。
“我們的混亂，是逃避秩序前無(wú)力掌控的毀滅性混亂” 這讓我想到幾個(gè)月前的自己，對(duì)工作的熱愛和對(duì)產(chǎn)品的追求以及處女座的性格。總是希望畫原型的時(shí)候每一個(gè)頁(yè)面讓它好看，炫酷，以至于過(guò)度發(fā)揮。這樣做導(dǎo)致的結(jié)果是可能一個(gè)頁(yè)面很好看，整體會(huì)很混亂，看起來(lái)像是很多人畫出來(lái)的。
后來(lái)我明白了建立在秩序上的混亂這樣的道理之后，每次畫原型都會(huì)定義好設(shè)計(jì)規(guī)范和UI框架，第一次感覺得到秩序和規(guī)范帶來(lái)的美，以及遵守規(guī)范帶來(lái)的簡(jiǎn)潔，流暢和高效，我更相信在框架和規(guī)范下再去引入混亂和創(chuàng)新才是有價(jià)值的。
以前太自我，不屑于已經(jīng)被定義好的東西，不屑于規(guī)范性的東西。后來(lái)認(rèn)識(shí)到，越自我的東西，距離產(chǎn)品越遠(yuǎn)，距離藝術(shù)越遠(yuǎn)，距離人性越遠(yuǎn)。如果你想在一個(gè)領(lǐng)域成為大師，至少應(yīng)該先遵守這個(gè)領(lǐng)域內(nèi)的某種規(guī)范，駕馭了規(guī)范之后，再去創(chuàng)造，那樣才是可被掌控的有價(jià)值的創(chuàng)造。
作者：Allen，一個(gè)熱愛科學(xué)，迷戀技術(shù)的文藝青年，金融產(chǎn)品小助理一枚，愛讀書，愛旅行，愛健身。個(gè)人公眾號(hào)：思維改變生活
本文由 @Allen 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。
題圖來(lái)自pixabay，基于CC0協(xié)議
愛盈利-運(yùn)營(yíng)小咖秀(www.jza6.com) 始終堅(jiān)持研究分享移動(dòng)互聯(lián)網(wǎng)App運(yùn)營(yíng)推廣經(jīng)驗(yàn)、策略、全案、渠道等純干貨知識(shí)內(nèi)容；是廣大App運(yùn)營(yíng)從業(yè)者的知識(shí)啟蒙、成長(zhǎng)指導(dǎo)、進(jìn)階學(xué)習(xí)的集聚平臺(tái)；
想了解更多移動(dòng)互聯(lián)網(wǎng)干貨知識(shí)，請(qǐng)關(guān)注微信公眾號(hào)運(yùn)營(yíng)小咖秀（ID: yunyingshow）
