產(chǎn)品設(shè)計(jì)規(guī)范與關(guān)乎“秩序和混亂”的人生算法

一、目錄結(jié)構(gòu)規(guī)范

一個(gè)好的原型設(shè)計(jì)不僅僅是畫出滿足業(yè)務(wù)需求的原型頁面,而是讓瀏覽者清晰的明白這個(gè)項(xiàng)目的背景和業(yè)務(wù)邏輯以及整個(gè)產(chǎn)品結(jié)構(gòu),而這些基本都是通過目錄來引導(dǎo)的

Axure 輸出原型及規(guī)范,方便閱讀

1.需求規(guī)格說明書&產(chǎn)品結(jié)構(gòu)導(dǎo)圖

目的:介紹整個(gè)項(xiàng)目背景及產(chǎn)品形態(tài)等,通常以《需求規(guī)格說明書》的形式展示。

需求規(guī)格書1


需求說明書2


需求說明書3


產(chǎn)品結(jié)構(gòu)導(dǎo)圖

一般用思維導(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)的需求,評審,設(shè)計(jì)&開發(fā),測試,驗(yàn)收,上線的路線,相關(guān)流程都應(yīng)該體現(xiàn)在流程圖里,方便閱讀者知曉。

開發(fā)流程

產(chǎn)品設(shè)計(jì)過程中每一個(gè)涉及到業(yè)務(wù)邏輯和功能邏輯的流程都需要在基本流程圖里提現(xiàn),當(dāng)遇到復(fù)雜的業(yè)務(wù)邏輯的時(shí)候,流程圖往往比原型頁面更加直觀。

流程圖

3. 原型封面&版本控制

原型封面主要介紹作簡要的產(chǎn)品描述和歸屬標(biāo)識,作為原型設(shè)計(jì)完整性的一部分,不是必要的。

版本控制主要作為產(chǎn)品更新迭代記錄以及設(shè)計(jì)周期的一個(gè)時(shí)間標(biāo)識。

版本控制

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ǒng)框架:1)系統(tǒng)功能區(qū) 2)菜單區(qū) 3)數(shù)據(jù)/功能區(qū)

框架設(shè)計(jì) 示例1

當(dāng)然三個(gè)區(qū)域可以進(jìn)行很多靈活的設(shè)計(jì),無論選擇哪種都需要保持所選框架下所有頁面的整體一致性。

框架設(shè)計(jì) 2


框架設(shè)計(jì) 示例 3


框架設(shè)計(jì) 示例4


框架設(shè)計(jì) 示例 5

2. 全局控件設(shè)計(jì)規(guī)范

控件設(shè)計(jì)規(guī)范在系統(tǒng)設(shè)計(jì)之前很重要

控件1


控件 2


控件規(guī)范

品設(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文檔。對于PC端的原型設(shè)計(jì),我更傾向于用Axure 原生的注釋功能來描述。分別為:業(yè)務(wù)邏輯,需求說明,功能邏輯,視覺(交互)邏輯,技術(shù)邏輯,備注等。

規(guī)范注釋

“我們的混亂,是逃避秩序前無力掌控的毀滅性混亂”?

artistic order and creative chaos of masters

摘抄來自:http://www.woshipm.com/pmd/935516.html

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容