看看產品原型該怎麼畫啊

1

一直想找機會寫寫關於原型的事情,因爲原型做爲關鍵的需求文檔,很是須要進行保密,因此未成文。最近恰好有一個項目被撤了,以前作的原型藏着也浪費,或許能夠偷偷拿出來分享下。ide

修改記錄spa

這是某項目1.06版原型,所以針對上一個版本原型修改了哪些內容,我在第一頁作了說明設計

2

總覽文檔

我用來講明產品頁面結構和主要功能流程get

首先是結構:原型

3

而後是流程產品

4

全局說明it

關於全局設計、交互的統一說明class

5 6 7 8 9

界面原型方法

這是界面

10

這是模塊功能的流程

11

這是內容與操做說明

12

導航

在導航部分我用字母、數字分別說明了所在模塊、頁面編號、頁面層級等信息。只是一種便於我本身尋找以及內部溝通的形式,看個意思就好。

13

其餘你可能沒注意的細節

我沒有寫PRD文檔

灰色背景是爲了保護全部團隊成員的眼睛

一屏線

加粗、提色、灰度表明各類意義的內容(重要、次要、焦點、危險等),做爲設計參考

14

原型是用來表達思想的,因此這只是我前幾個月的思惟方式,下次我會換一種表達方法的~

相關文章
相關標籤/搜索