一、目錄結(jié)構(gòu)規(guī)范
一個(gè)好的原型設(shè)計(jì)不僅僅是畫出滿足業(yè)務(wù)需求的原型頁面虽风,而是讓瀏覽者清晰的明白這個(gè)項(xiàng)目的背景和業(yè)務(wù)邏輯以及整個(gè)產(chǎn)品結(jié)構(gòu)讯蒲,而這些基本都是通過目錄來引導(dǎo)的
1.需求規(guī)格說明書&產(chǎn)品結(jié)構(gòu)導(dǎo)圖
目的:介紹整個(gè)項(xiàng)目背景及產(chǎn)品形態(tài)等被辑,通常以《需求規(guī)格說明書》的形式展示。
一般用思維導(dǎo)圖和架構(gòu)圖來展示說明已球,以上兩個(gè)頁面主要告訴閱讀者項(xiàng)目背景臣镣,產(chǎn)品功能形態(tài)。
2. 項(xiàng)目開發(fā)流程&基本流程圖
項(xiàng)目開發(fā)流程圖主要介紹整個(gè)項(xiàng)目開發(fā)過程中各部門角色之間的協(xié)作流程智亮,有的公司偏向于敏捷開發(fā)忆某,有的公司走傳統(tǒng)的需求,評(píng)審阔蛉,設(shè)計(jì)&開發(fā)褒繁,測試,驗(yàn)收馍忽,上線的路線,相關(guān)流程都應(yīng)該體現(xiàn)在流程圖里燕差,方便閱讀者知曉遭笋。
產(chǎn)品設(shè)計(jì)過程中每一個(gè)涉及到業(yè)務(wù)邏輯和功能邏輯的流程都需要在基本流程圖里提現(xiàn),當(dāng)遇到復(fù)雜的業(yè)務(wù)邏輯的時(shí)候徒探,流程圖往往比原型頁面更加直觀瓦呼。
3. 原型封面&版本控制
原型封面主要介紹作簡要的產(chǎn)品描述和歸屬標(biāo)識(shí),作為原型設(shè)計(jì)完整性的一部分测暗,不是必要的央串。
版本控制主要作為產(chǎn)品更新迭代記錄以及設(shè)計(jì)周期的一個(gè)時(shí)間標(biāo)識(shí)磨澡。
4. 全局框架設(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ī)范
產(chǎn)品設(shè)計(jì)規(guī)范具體體現(xiàn)在:全局框架設(shè)計(jì)規(guī)范,全局控件設(shè)計(jì)規(guī)范瘫想,原型注釋規(guī)范這三個(gè)方面仗阅。
1. 全局框架設(shè)計(jì)規(guī)范
關(guān)于后臺(tái)系統(tǒng)框架:1)系統(tǒng)功能區(qū) 2)菜單區(qū) 3)數(shù)據(jù)/功能區(qū)
當(dāng)然三個(gè)區(qū)域可以進(jìn)行很多靈活的設(shè)計(jì),無論選擇哪種都需要保持所選框架下所有頁面的整體一致性国夜。
2. 全局控件設(shè)計(jì)規(guī)范
控件設(shè)計(jì)規(guī)范在系統(tǒng)設(shè)計(jì)之前很重要
品設(shè)計(jì)過程中可以參考一些優(yōu)秀的UI框架减噪,例如:品設(shè)計(jì)過程中可以參考一些優(yōu)秀的UI框架,例如:Bootstrap车吹,F(xiàn)lat UI 筹裕,jQuery UI 等。礼搁,F(xiàn)lat UI 饶碘,jQuery UI 等。
Axure很使用的功能:母版和控件樣式
3. 全局注釋規(guī)范
于Axure 的馒吴,并非借助于PRD文檔扎运。對(duì)于PC端的原型設(shè)計(jì),我更傾向于用Axure 原生的注釋功能來描述饮戳。分別為:業(yè)務(wù)邏輯豪治,需求說明,功能邏輯扯罐,視覺(交互)邏輯负拟,技術(shù)邏輯,備注等歹河。
“我們的混亂掩浙,是逃避秩序前無力掌控的毀滅性混亂”?