目錄

認識產品經理

項目團隊*

基本概述

認識產品經理

A公司產品經理

B公司產品經理

C公司產品經理

D公司產品經理

產品經理工作范圍

產品經理工作流程*

產品經理的職責

產品經理的分類

產品經理能力要求

產品工具

產品體驗報告

原型設計介紹

原型設計概述

為什么要畫原型？

原型設計分類

原型設計的流程

原型設計工具

原型測試流程

Axure 9介紹

Axure 9 概述

Axure的應用場景

Axure 9 下載、安裝、漢化、激活

Axure 9 下載

Axure 9 安裝

Axure 9 漢化

Axure 9 激活

Axure 9 界面介紹

基礎操作

文件

備份中恢復

畫布操作

元件操作

常用快捷鍵

案例

用戶登錄簡單設計

---

目標

1. 產品經理需要具備哪些技能？

2. 產品經理的崗位職責

3. 產品經理流程

4. 原型存在意義以及原型分類（草圖、低保真圖、高保真圖）

5. Axure9介紹及版本

6. Axure9的下載安裝漢化授權卸載

認識產品經理

項目團隊*

• 產品經理：明確需求，整理需求產出功能清單，PRD，畫低保真圖，開需求評審會，協調團隊工作，測試產品功能是否實現，上線，總結

• UI：出高保真產品原型圖

• 交互（UE）：確定產品的功能設計研究（點喜歡有小紅心）

  • 前兩項: 前端開發

• 研發（PD）：寫代碼

• 測試（QA）：測試用例，找bug

• 實施

• 運營：用戶運營，活動運營，內容運營，渠道運營

基本概述

• 產品經理，英文：Product manager，縮寫是PM。

• 是指在公司中針對某一項或某一類的產品進行規劃和管理的人員，主要負責產品的研發、制造、營銷、渠道等工作。

• 從產品的誕生，到原型、交互、實現、上線，協調一切可以協調的資源使其存活，成長，開花，結果。

一句話定義：產品經理是為終端用戶服務，服務產品整個生命周期的人。

認識產品經理

A公司產品經理

A公司背景: 一家外包公司，專門在外面接一些項目然后協調公司人員完成項目。主要對接的業務類型以移動端產品為主，主要客戶是針對于那些想要開發自己公司App及小程序，但不愿意招聘專門的研發團隊來完成項目的中小型企業。 A公司產品經理主要職責:

1. 對接甲方客戶提出的需求

2. 產出符合客戶要求的方案與文檔，并與客戶確認

3. 跟進項目開發進度并定期同客戶反饋

B公司產品經理

B公司背景: 一家初創公司，老板有著一定的人脈資源，老板自己也有非常多關于產品的想法，想要做出個項目去拉投資，于是老板需要找個懂產品的人來做商業計劃書之類的文檔，并且設計相關產品。 B公司產品經理主要職責:

1. 各種寫PPT，各種改PPT

2. 各種陪老板去見投資人

3. 基于老板的想法，去設計產品

C公司產品經理

C公司背景: 公司是傳統型教育公司，主要依托于線下，目前想要借助互聯網來推廣運營，目前有市場部以及信息技術部，市場部主要負責公司業務的市場推廣（也會有大量的想法會跟信息技術部反饋），信息技術部主要負責公司互聯網產品的研發（該部門有完善的產品＋研發團隊）。但由于信息技術部是公共部門，也會有自己項目要負責，所以市場部在與信息技術部溝通過程中由于人員背景差異，存在巨大溝通障礙，導致市場部需求遲遲得不到反饋，于是市場部便招聘了自己的產品經理。 C公司市場部產品經理主要職責:

1. 收集市場部人員的需求并做初步的分析與評仿

2. 將評估通過的需求與信息技術部的產品經理對接

3. 基于信息技術部產品經理的反饋再以市場部人員能聽懂的方式反饋回來

D公司產品經理

D公司背景: 一家互聯網科技巨頭公司，公司有多條業務線，涵蓋但不限于游戲、社交、教育、影視、體育等行業，每條業務線下有產品總監負責，每個產品總監管理著很多產品經理，工作中有相對固定的工作流程與協作方式。 D公司產品經理主要職責:

1. 直接從運營后臺或者通過運營人員收集用戶的反饋

2. 定期同公司內部其他職能部門的人溝通來收集他們對于產品的反饋

3. 設計產品并組織開發人員把產品開發上線

4. 完成從上級分配下來的其他既定任務

產品經理工作范圍

注：產品需要多接觸用戶

• 確定產品定位

• 展開市場調研

• 明確用戶需求

• 組織研發產品

• 協調運營推廣

1、市場分析：找準市場方向，確定哪個市場是值得進入的

2、用戶分析：針對目標市場的用戶，分析他們的特征和需求，從而得到產品的需求和方向

3、產品實現：組織相關的人力和資源，比如開發、UI、測試、運營、客服等，將產品實現出來，并發布上線

4、產品運營：將產品推廣出去，吸引用戶使用，并根據用戶的反饋和數據統計結果，繼續優化迭代產品

日常工作

• 需求收集及分析

  • 根據產品及市場定位的情況，設定獲取需求及需求挖掘的方案；與客戶溝通，了解客戶溝通中描述的問題需求，判斷出用戶的真正需求，把需求轉化為功能。

• 撰寫文檔

  • 書寫各種幫助，使用文檔，需求分析及設計文檔等，產品的測試、發布、宣傳等各類的文檔，并且能夠與技術研發進行溝通保障項目的順利開展。

• 項目跟進

  • 在此階段產品經理主要是做項目跟進的工作。根據項目的需求來參與計劃排程，進度規劃，在研發過程中能夠很好的進行協作，確保該產品項目能夠很好的上線交付。

產品經理工作流程*

啟動

• 行業調研--BRD(商業需求文檔)——方向 （哪能賺錢？）

• 市場調研--MRD(市場需求文檔)——需求細化 （賺誰的錢？）

規劃

• 需求收集：競品分析、SWOT分析、需求池

• 需求分析：產品功能清單

• 流程設計：產品流程圖

• 結構設計：產品結構圖、思維導圖

執行

• 原型設計：產品原型圖

• 文檔輸出：PRD(產品需求文檔)——具體產品實施 （用什么賺？具體怎么賺？）概念化——>圖紙化

• 需求評審：PRD

跟進

• 進度把控：進度報告、優化后的PRD文檔

• 資源協調：進度報告

收尾

• 測試驗收： 驗收報告

• 上線：上線通知報告

產品經理的職責

• 分析類：市場調研，市場分析，行業分析，數據分析，競品分析

• 產品設計類：框架設計、結構圖、流程圖、原型交互

• 文檔類：需求分析，產品說明，競品分析，數據分析

• 組織類：組織項目立項，需求評審，項目總結

• 跟進類：跟進項目的進度，修復bug的進度

• 溝通類：與老板同事，需求方的溝通

產品經理的分類

• 根據行業：電商，旅游，金融，在線教育，社區，社交

• 根據職位：產品經理助理，初級產品經理，高級產品經理，產品總監

• 根據面向群體：TO B（重功能實現）;TO C（重用戶體驗） ;

• 按產品形態： 移動端產品經理 PC端產品經理 web端產品經理

產品經理能力要求

1. 專業技術:業務分析、需求挖掘、需求分析、產品規劃、產品設計、數據分析等

2. 能力素質:溝通能力、學習能力、提煉能力、用戶洞察、IQ/EQ/AQ、抗壓能力

3. 加分項:行業領悟、商業思維、市場能力、領導力、項目管理

產品工具

產品體驗報告

• 產品概況

  • 體驗環境、產品簡介、版本信息

    • 七麥數據:七麥數據 -專業移動產品商業分析平臺-關鍵詞優化-ASA優化-七麥科技

    • 禪大師:蟬大師 - 助力品牌內容營銷與電商增長

    • 官網

    • 搜索引擎(百度、谷歌)

• 市場分析

  • 巿場規模

    • 艾瑞網:艾瑞網_互聯網數據資訊聚合平臺

    • 艾媒網: 艾媒網-全球新經濟行業數據分析報告發布平臺

    • 搜索引擎（百度、谷歌)

• 用戶分析

  • 用戶分析

    • 移動觀象臺: TalkingData移動觀象臺—全球領先免費公開數據實時查詢平臺

• 產品體驗

  • 產品結構、產品體驗(UI設計、功能)、產品盈利分析

    • 產品結構圖:根據實際情況去繪制

    • UI設計角度︰配色、頁面布局

    • 產品功能角度:交互設計、具體功能（好處、槽點)

    • 產品盈利分析︰了解互聯網產品常見的盈利方式（廣告費、賣會員、賣商品、傭金、增值服務等)

• 報告總結

  • 總結、相關優化和建議

    • 產品體驗后所得到的關于行業、市場的結論

    • 產品體驗后關于體驗的產品本身的一些亮點、缺點的捕捉

原型設計介紹

原型設計概述

原型（prototype）這個詞來自拉丁文的詞proto，意謂“最初的”，意義是形式或模型。在非技術類的文中，一個原型是給定種類的一個代表性例子。_墨刀

• 原型是一種讓用戶提前體驗產品、交流設計構想、展示復雜系統的方式。就本質而言，原型是一種溝通工具。

• 線框圖描繪的是頁面功能結構，它不是設計稿，也不代表最終布局，線框圖所展示的布局，最主要的作用是描述功能與內容的邏輯關系。

• 原型圖是最終系統的代表模型或者模擬，比線框圖更加真實、細致。

為什么要畫原型？

1. 產品規劃者要提前自行認知產品形態，反復推敲打磨產品的可行性。

2. 作為施工的圖紙，向產品開發的實施者傳遞設計者的意圖

3. 作為展示手段，向決策者，使用者展示產品的形態。

4. 作為Demo向開發者，用戶等干系人展示產品的交互效果

原型設計分類

• 草圖

• 低保真

• 高保真

草圖

一般主要用于產品經理整理思路，尋找靈感，或者在產品團隊內部相互討論碰撞火花時使用。畫給自己看的想怎么畫就怎么畫。

低保真

打個比喻來說就像，用于“生產的圖紙”,要簡單易讀，內容全面，標注準確，是其他同事工作的參考，因此必須帶有交互說明。

高保真

用來展現效果的原型，大量使用真實的圖片，真實的色彩，擬真的交互效果，努力營造真實產品的使用狀態，除非特殊要求，一般不帶交互說明。

原型設計的流程

開始做原型之前，請先考慮清楚以下幾個要素：

• 做這個原型的目的是什么？

• 這個原型的受眾是誰？

• 這個原型有多大效率幫助我傳達設計或測試設計？

• 有多少時間做原型？需要什么級別的保真程度？

原型設計工具

選擇什么工具來制作原型？主要考慮以下幾個因素（排名分先后）：

• 熟悉程度和獲得工具的便利度；

• 所需的時間和精力；

• 可復用的代碼/框架；

• 為測試創建可用的原型；

• 價格和學習曲線。

Axure
Balsamiq Mockups
墨刀
Justinmind
iClap

原型測試流程

測試結果取決于測試者，務必招募到合適的人。要找到合適的人，需要對測試者制定一系列的篩選標準，比如一個社交產品絕對不可能找一個連電子郵件都沒有的人來測試。

• 用戶如何開始任務的？（是搜索還是瀏覽？）

• 他先做了什么，再做了什么？

• 他如何做出最終決定的？

• 他們是否領會了設計意圖？有什么操作困難？

• ............

Axure 9介紹

Axure 9 概述

• Axure RP是美國"Axure Software Solution"公司出品的一-款快速原型(Rapid Prototyping )軟件;

• 一般來說，使用者會直接將它稱為Axure。

• 功能：用于制作快速原型的軟件。也可以繪制中保真原型草圖。

• 應用人群：產品經理、交互設計師、UI設計師、網頁設計師。

• 原型分類：低保真（手繪草圖）、中保真（使用相關軟件繪制出來的）、高保真（包含效果圖及原型交互）

Axure的應用場景

• 拉投資使用：讓投資人對產品有直觀的了解;

• 給項目團隊：使用線框圖和文字說明，介紹產品細節，方便團隊做出產品出現問題追責;

• 銷售用來做演示：給客戶提供定制化產品時，使用原型看到最終的產品模型;

• 項目投標使用：使用高保真原型參與投標，體現公司的實力，提升企業形象;

• 內部收集反饋：為了避免需求混亂造成的資源消耗，先使用高保真原型獲取用戶反饋并優化;

• 教學使用：使用Axure,可以代替PPT進行項目展示，進行演講和教學;

Axure 9 下載、安裝、漢化、激活

Axure 9 下載

https://www.axure.com/

Axure 9 安裝

步驟1：雙擊安裝包

步驟2：進入Axure安裝頁面，提示：需要安裝.net Framework,點擊接收并安裝

步驟3：點擊next，進入下一個頁面操作

步驟4：勾選我同意條款，點擊next，進入下一個頁面操作

步驟5：根據用戶要求，可更改存儲路徑，點擊next進入下一個頁面操作

步驟6：安裝

Axure 9 漢化

步驟1：找到安裝文件目錄下的【漢化文件】文件夾并雙擊進入

步驟2：將所有的文件賦值到Axure安裝目錄下

Axure 9 激活

Axure 9 界面介紹

進入主頁后，Axure頁面主要分為：菜單欄、工具欄、站點地圖、元件庫|母版、工作區域、樣式交互

1. 工具欄：主要操作功能。

2. 站點地圖：類似大綱界面，方便理清原型框架及邏輯關系。

3. 元件庫：調用所需元件的界面。

4. 畫布：展示原型部分，可以理解為畫畫的畫布。

5. 元件屬性頁面：用于做一些交互效果和編輯元件樣式的界面。

舉個例子，如果把畫原型的過程比作建一個房子

1. 工具欄就是錘子、鏟子等工具；

2. 站點地圖就是圖紙，方便看到整個建成情況；

3. 元件庫就是放置磚瓦材料的磚瓦倉庫，元件就是磚瓦，用于建房子的基礎材料，拿磚瓦（元件）就得去磚瓦庫（元件庫）里拿

4. 畫布就是要建房子的那塊區域，沒有空間沒有地方給你肯定建不成房子的；

5. 元件屬性頁面就是顏料，可以把你的磚瓦從本來的灰色涂成藍色，通過改變磚瓦（元件）的樣子（樣式）來讓磚瓦（元件）更加好看，從而讓你建的房子更好看。

功能區域

整體功能區主要包括軟件的菜單欄，快捷操作按鈕（對齊，復制，粘貼等等），頁面元素的屬性調整（元素的對齊方式、大小、顏色等等）。

概要區域

整個頁面原型由元件（元素：個人喜歡稱頁面中的元件為元素）拼裝而成。

在本區域可以看到頁面中的所有元素。可以通過調整他們的元素層級來展示對應的上下關系（Axure 按照先后順序進行渲染的，所有有的時候有些元素沒有展示，就是因為被其他元素給遮蓋了。所以在這個部分需要進行調整前后關系。）

頁面區域

頁面功能區域，主要是構成了Axure 制作完成的頁面組成結構。這里創建了多少頁面，Axure原型中就會存在多少頁面。

在Axure的頁面導航欄中，可以建立頁面父子關系，便于頁面的管理與識別。

Axure 也提供了頁面分組的功能，方便使用者進行相同類型（相同模塊）的頁面歸類。

元件區域

元件庫區域主要包括基礎的元件庫（官方自帶元件庫）和擴展的元件庫（用戶自行安裝的元件庫）。

元件庫的主要目的是能夠快速的構建原型。在基礎的元件庫中，官方提供了常規的一些圖片，文本，矩形，線段等等常規元件。也提供了進階的中繼器，內聯框架等功能性的元件。

繪圖區域

繪圖區域為整個Axure的頁面繪制區域（工作區域）。

我們可以通過元件庫的元件拼裝繪制自己想要的效果圖，借助調整元件樣式的屬性，達到我們想要的頁面效果，同時配置交互事件制作完整的交互原型。

母版區域

母版區域，主要用于整個項目中的頁面模塊的復用。使得在制作項目的時候，能夠對相同的元素做到統一修改變更的作用。同時母版支持頁面級信息的自定義替換。

例如：我們可以創建一些整個項目中的公用母版。如：搜索欄，翻頁等等，這些都可以通過母版的改動達到全局的改動。

交互區域

交互：配置原型的跳轉點擊等事件相關事件。

在Axure中可以通過設置鼠標點擊、鼠標雙擊等相關事件達到原型的網頁預覽交互效果。

樣式區域

樣式：主要進行頁面的樣式修改與配置，元件（元素）樣式修改與配置。

說明區域

說明：進行頁面整體信息備注說明，或元件（元素）信息備注說明等。

基礎操作

文件

關于Axure的文件，能夠打開、新建與八寸，或可以從其他RP文件導入原型內容。

RP文件指的是Axure保存的源文件，以“.rp”為擴展名，除此之外還有

.rp: 原型文件;
.rplib:元件庫文件;
.rpteam:團隊項目文件;
.html:網頁文件;

備份中恢復

在AxureRP9中，會每隔15分鐘對正在操作的原型文件做一次備份。若想設置的話，可以在【備份設置】中進行更改。

步驟：文件-->備份設置-->輸入時間-->保存

畫布操作

• 打開畫布：在頁面模塊中，雙擊任何一個頁面，都可以打開相應的畫布，同時畫布區域上方出現對應的標簽。

• 關閉畫布：點擊標簽上的關閉按鈕，或者在畫布標簽上點擊鼠標右鍵，通過在菜單中選擇相應的關閉選項完成操作。

• 畫布排序：通過鼠標拖動畫布標簽進行排序。

• 恢復原位：點擊畫布左上角的準星圖標或者快捷鍵<Ctrl>+9鍵，即可讓畫布回到原點。

• 移動畫布：通過滾動條移動畫布；或者，按住<空格>鍵不放，畫布中的鼠標指針變為抓手形狀，此時即可拖動畫布進行移動；也可以通過鼠標滾輪垂直方向移動畫布，按住<Shift>鍵不放，通過鼠標滾輪水平方向移動畫布。

• 縮放畫布：在工具欄中通過改變顯示比例縮放畫布，或者按住<Ctrl>鍵不放，通過鼠標滾輪改變畫布顯示比例。

元件操作

• 使用：如果想使用某個元件，我們只需要將它從元件庫中拖入畫布擺放即可。

• 對齊：默認情況下，兩個矩形元件并排擺放，中間的邊框為兩條邊框的寬度，如果想保持一條邊框的寬度，需要在【偏好設置】中，進行【元件對齊】的設置。

• 旋轉：元件的旋轉可以通過按下<Ctrl>鍵的同時，拉動元件任意一個邊界點來實現。旋轉之后，可以通過右鍵菜單【變換形狀】-【重置文本到 0°】

• 圓角：矩形元件可以編輯圓角，通過鼠標指針拖動矩形左上方的小三角形圖標即可改變圓角的大小。

• 改變形狀：形狀類元件都可以通過點擊鼠標右鍵，在菜單中通過【選擇形狀】將當前形狀改變為其他形狀。

• 改變尺寸：可以通過鼠標指針拖動元件的邊界點任意改變

• 元件的尺寸；也可以按住<Shift>不放，同時鼠標指針拖動元件邊界點等比改變元件的尺寸。

• 復制元件：通過鼠標右鍵菜單的【復制】與【粘貼】，或者使用通用快捷鍵<Ctrl+C>鍵與<Ctrl+V>鍵可以完成畫布間或者軟件間的復制粘貼操作；同一畫布中，可以通過<Ctrl+D>鍵進行復制；或者，按住<Ctrl>鍵不放，拖動元件到新的位置松開，完成復制與擺放的操作。

• 編輯文字：部分元件可以添加文字內容。在未開啟單鍵快捷鍵功能時，直接輸入即可替換當前文字內容；開啟單鍵快捷鍵功能時，需要雙擊元件或者在元件上點擊按下回車鍵進入文字編輯狀態。

常用快捷鍵

添加元件類

復制  粘貼  剪切
?
R:矩形;
L:線段;
0:圓形;
P:繪畫;
T:文本;

操作類

S:圖片切割;
:預覽原型;
C:圖片裁剪;
/:發布原型到Axure云;
X:創建交互;
0:元件透明度0%和100%切換;
N:添加說明;
1-9:元件透明度10%-90%;

案例

用戶登錄簡單設計