畫產(chǎn)品原型的時(shí)候，不要迷戀工具的使用，也不要著急著動(dòng)手畫圖，要先梳理好信息架構(gòu)，一個(gè)好的架構(gòu)會(huì)讓你在后面的工作中持續(xù)的嘗到甜頭。

產(chǎn)品原型是指用線框圖的方式呈現(xiàn)的產(chǎn)品方案，通過產(chǎn)品原型可以很清楚的看到一個(gè)產(chǎn)品的信息架構(gòu)，頁面布局、功能模塊，內(nèi)容信息，交互邏輯等元素，是產(chǎn)品落地過程中最重要的一個(gè)輸出物，畫產(chǎn)品原型也是一個(gè)產(chǎn)品經(jīng)理必備的硬技能，當(dāng)拿到一個(gè)產(chǎn)品需求以后，除了模仿和抄襲，有沒有什么方法能讓你快速的畫出產(chǎn)品原型？在沒有競(jìng)品參考的情況，你怎么從零開始？

很多人把產(chǎn)品經(jīng)理的工作理解為畫原型，以為會(huì)畫產(chǎn)品原型就能做產(chǎn)品經(jīng)理，其實(shí)這是不全面的，產(chǎn)品原型只是產(chǎn)品方案的一個(gè)直觀體現(xiàn)，是一個(gè)過程性的交付物，在開始之前還需要做如下這些準(zhǔn)備工作

1. 發(fā)現(xiàn)的痛點(diǎn)/癢點(diǎn)的分析：針對(duì)具體的問題進(jìn)行針對(duì)性的分析得出一些假設(shè)性結(jié)論；
2. 需求分析：通過用戶研究，市場(chǎng)分析等手段發(fā)現(xiàn)這個(gè)問題本質(zhì)和市場(chǎng)潛力，對(duì)上面的結(jié)論進(jìn)行證實(shí)或證偽；
3. 梳理產(chǎn)品解決方案：通過對(duì)需求，市場(chǎng)，技術(shù)，資金，團(tuán)隊(duì)等因素的考慮梳理出一個(gè)系統(tǒng)性的，符合當(dāng)前情況的產(chǎn)品解決方案；
4. 確定產(chǎn)品需求：梳理產(chǎn)品的具體功能，根據(jù)重要性，可行性，急迫性等進(jìn)行排優(yōu)先級(jí)。

做了上面的這些工作以后，在功能上我們已經(jīng)很清楚這個(gè)產(chǎn)品要做什么了，但是這個(gè)產(chǎn)品到底長(zhǎng)什么樣子，還不是很清楚，所以需要通過產(chǎn)品原型來進(jìn)一步說明，說到畫產(chǎn)品原型，很多人可能會(huì)想到axure，sketch，墨刀等工具，實(shí)際上產(chǎn)品原型不等于axure，畫產(chǎn)品原型的第一步最重要的不是你選擇什么工具，而是梳理思路進(jìn)行信息架構(gòu)，就類似于建房子的時(shí)候立柱子，搭骨架

一. 什么是信息架構(gòu)？

說信息架構(gòu)，大家可能覺得比較模糊，大家肯定都去逛過商場(chǎng)吧，一般商場(chǎng)內(nèi)可能是這樣設(shè)置的：

每一層都由多個(gè)店鋪組成，商場(chǎng)有出口，有入口，有收銀臺(tái)，每層之間有電梯進(jìn)行連接，顧客在任何一個(gè)位置都可以通過一個(gè)路徑去到自己想去的地方，這是商場(chǎng)的一個(gè)信息架構(gòu)。

產(chǎn)品架構(gòu)也是類似的，我們需要按照一定的規(guī)則對(duì)產(chǎn)品的功能和內(nèi)容進(jìn)行組織，一般包括兩部分內(nèi)容，一部分是功能的設(shè)置擺放，一部分是路徑的建立，這兩個(gè)結(jié)合起來就是信息架構(gòu)的最終產(chǎn)物－產(chǎn)品（網(wǎng)站/app）地圖，用戶在使用產(chǎn)品的時(shí)候，就類似于在地圖上行走，通過地圖的指引，在訪問時(shí)，在任何一個(gè)頁面都能最快的找到自己想要的信息，能通過最短的路徑去到下一個(gè)想去的頁面，其目的就是在功能確定的情況，怎么擺放才能更高效的滿足用戶使用的需求，如果不進(jìn)行信息架構(gòu)，整個(gè)產(chǎn)品可能只是功能的羅列，雜亂而且難用

二. 怎么進(jìn)行信息架構(gòu)？

信息架構(gòu)的本質(zhì)其實(shí)就是分類，當(dāng)我們有意識(shí)的對(duì)功能進(jìn)行分類，其實(shí)已經(jīng)開始做信息架構(gòu)的工作了，那怎么進(jìn)行分類呢，一般考慮如下4個(gè)因素：

1. 考慮功能的相似性

通過分類把有相似性質(zhì)的功能放在一起，然后以大的類別為基礎(chǔ)作為產(chǎn)品的主框架，以小的類別作為為子框架進(jìn)行補(bǔ)充就形成了整個(gè)產(chǎn)品框架，比如微信里面，消息是一種非常重要的傳達(dá)信息的方式，有好友的消息，群消息，公眾號(hào)消息，文件小助手的消息，微信運(yùn)動(dòng)的消息等。這些產(chǎn)品提供的服務(wù)雖然不同，但是內(nèi)容的展示和訪問都是通過消息這種方式來進(jìn)行的，所以把所有這些消息都統(tǒng)一分在了“消息”這個(gè)類別下面，把探索性質(zhì)的功能掃一掃，看一看等都放在了發(fā)現(xiàn)里面，這就是基于功能相似性的原則進(jìn)行分類。

2. 考慮功能和功能之間的關(guān)系

一般有并列，包含，互斥等關(guān)系，如果是包含的關(guān)系就可以縱向進(jìn)行信息架構(gòu)，比如買東西的時(shí)候，挑選，下單，支付，郵寄之間就是上下游包含的關(guān)系，要郵寄必須得先支付，要支付必須先下單，要下單先要經(jīng)過挑選，如果是并列的，兩個(gè)功能之間沒有關(guān)系，那就可以考慮橫向的進(jìn)行信息架構(gòu)，比如微信里面的通訊錄和發(fā)現(xiàn)，兩個(gè)功能之間相互影響的因素很小。

3. 考慮功能的使用頻率

使用的頻率越高，說明這個(gè)功能越重要，越要把這個(gè)功能放在最容易觸及的地方，在進(jìn)行信息架構(gòu)的時(shí)候，優(yōu)先考慮以這個(gè)功能為核心進(jìn)行架構(gòu)，比如共享單車中，掃碼是整個(gè)功能中使用頻率最高的，所以打開產(chǎn)品后看到的是掃碼的功能。

4. 系統(tǒng)的擴(kuò)展性

產(chǎn)品從無到有，從有到長(zhǎng)大，從長(zhǎng)大到變的強(qiáng)壯是一步一步來的，產(chǎn)品功能也是不斷增加完善的，在開始架構(gòu)的時(shí)候，我們不清楚未來會(huì)增加什么功能，但是我們得做好增加了功能，不會(huì)對(duì)系統(tǒng)推翻重新再來的準(zhǔn)備，這就要求我們?cè)谧鲂畔⒓軜?gòu)時(shí)，考慮系統(tǒng)以后的擴(kuò)展性，好的產(chǎn)品，一般信息架構(gòu)都是非常穩(wěn)定的，微信從出生到現(xiàn)在，在5年多的時(shí)候里，大大小小增加了很多功能，但是其核心的架構(gòu)一直沒有變過，這就是因?yàn)樵谧铋_始設(shè)計(jì)的時(shí)候，就考慮到了系統(tǒng)的擴(kuò)展性。

下面是一個(gè)共享圖書的產(chǎn)品功能梳理的腦圖：

沒有進(jìn)行信息架構(gòu)前的功能和訪問層級(jí)腦圖：

進(jìn)行簡(jiǎn)單的信息架構(gòu)后的功能和訪問層級(jí)腦圖，把與書相關(guān)的都放在了圖書里面，與分享溝通有關(guān)的放在了交流里面，與賬戶相關(guān)的放在了我的里面，與提醒相關(guān)的都放在了消息里面，以這四個(gè)類別作為整個(gè)產(chǎn)品大的框架進(jìn)行產(chǎn)品的信息架構(gòu)

三. 總結(jié)

很多時(shí)候我們做產(chǎn)品，畫原型都是在前人的基礎(chǔ)上來開展工作，照貓畫虎，察覺不到信息架構(gòu)的重要性。其實(shí)，能把架構(gòu)做好的人少之有少。

一個(gè)穩(wěn)定、高效且擴(kuò)展性強(qiáng)的架構(gòu)，需要踩好多坑才能穩(wěn)定下來。所以畫產(chǎn)品原型的時(shí)候，不要迷戀工具的使用，也不要著急著動(dòng)手畫圖，要先梳理好信息架構(gòu)，一個(gè)好的架構(gòu)會(huì)讓你在后面的工作中持續(xù)的嘗到甜頭，尤其是一些從零開始學(xué)習(xí)畫原型的小伙伴，要注意掌握方法，知其然，也知其所以然，有問題歡迎找我交流

專欄作家

作者：木木，高級(jí)產(chǎn)品經(jīng)理，人人都是產(chǎn)品經(jīng)理專欄作家。曾在人人網(wǎng)，新浪微博等從事運(yùn)營(yíng)和產(chǎn)品工作；微信公眾號(hào)：大白學(xué)堂（ID：dabaixuetang）。

本文由 @木木 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自?Pixabay，基于?CC0?協(xié)議