産品特色
編輯推薦
1. 對於從事互聯網行業、廣告創意行業、設計行業的新人來講,這本書無疑是一部具有啓濛意義的作品。
2. 是每一位奮戰在産品工作戰綫小夥伴們的“陣前手冊”。
3. 特彆推薦給那些認為自己交互能力還有欠缺的産品同學們,如若你能完全明白書中所提到的,對於産品來說就已足夠瞭。
內容簡介
本書重心是闡述如何設計産品原型,筆者根據多個項目的實戰經驗,在解讀原型製作過程的同時分享瞭一些切實有效的工作方法。
本書共有8章。第1章和讀者一起探索産品設計的創意,設計是一個創意的工作,這一章可以讓大傢瞭解,從什麼都沒有到形成一個有趣的想法的過程。第2章講解用戶研究工作,探索用戶研究的方法。第3章介紹原型流程設計,解析如何將真實世界的事件流程轉化為綫上的産品流程,以及如何把流程設計過渡到頁麵設計。第4章講解頁麵設計,在內容結構的基礎上,如何以頁麵目的為導嚮進行原型設計。第5章構建瞭交互的基礎理念和思考方式。第6章以移動端為主要平颱,整理瞭原型設計的規範,以及視覺設計之前的準備工作。第7章講解溝通方式,主要講述具體的原型文檔製作方法,並且,筆者結閤書中的案例製作瞭詳細完整的原型文檔,具有較高的實際參考價值。第8 章是關於遠程工作方法的探討。
本書適閤希望進入或者剛進入互聯網行業的産品經理與交互設計師等相關人員閱讀,也包括在産品的設計與開發環節中需要瞭解産品原型設計或與之設計師協作的相關人員(如用戶體驗設計師)。
作者簡介
Gara, 人人都是産品經理網站專欄作傢,起點學院導師團成員。
在人人都是産品經理分享的多篇文章引起産品經理圈廣泛關注,其中作品《絕密原型檔案:看看專業産品經理的原型是什麼樣》瀏覽量為34萬+,位居人人都是産品經理官網評論數排榜首、點贊數榜首、收藏數榜首,同時,該作品被數十傢媒體轉載發布,全網閱讀量破200萬。
目錄
1 創意收集/IDEA 欲擒故縱 /25
1.1 尋找創意的起點 /27
1.1.1 需要—需求分析 /28
1.1.2 方案再生 /28
1.1.3 叛逆—顛覆性思維 /29
1.1.4 人性化 /30
1.1.5 科學推論 /31
1.2 製造創意的過程 /32
1.2.1 觀察 /32
1.2.2 解構對象 /33
1.2.3 聯想 /34
1.2.4 重組—再創造 /35
1.3 創意的結果 /36
2 用戶畫像/USER 神探 /37
2.1 步驟一:劃定用戶群 /41
2.2 步驟二:綫索與推理 /42
2.2.1 收集綫索 /42
2.2.2 綫索篩選 /46
2.3 步驟三:提取總結 /47
2.3.1 畫像 /48
2.3.2 用戶故事 /52
2.4 後記 /52
2.4.1 本章節産齣物 /52
2.4.2 驗證結果 /53
2.4.3 思維方式 /53
2.4.4 局限 /53
2.4.5 其他知識點 /53
3 任務與流程/FLOW 步步逼近 /55
3.1 步驟一:拆分任務 /58
3.1.1 基於真實場景 /59
3.1.2 調整任務時間軸 /61
3.1.3 轉化成為綫上任務 /62
3.2 步驟二:任務流程推理 /64
3.2.1 角色和行為 /64
3.2.2 必要條件與必然結果 /68
3.2.3 進階:必要條件的必要條件的必要條件 /70
3.3 步驟三:串聯事件畫麵 /71
3.3.1 流程轉化界麵 /72
3.3.2 把界麵閤並到流程中 /73
3.4 後記 /76
3.4.1 本章節産齣物 /76
3.4.2 評審與測試 /76
3.4.3 思維方式 /77
3.4.4 局限 /77
3.4.5 其他知識點 /78
4 界麵/PROTOTYPE 還原真相 /79
4.1 展示頁 /86
4.1.1 圍繞著“看”來設計 /86
4.1.2 展示頁如何選擇內容? /86
4.1.3 常見的展示頁 /88
4.2 列錶頁 /89
4.2.1 找尋的方法 /90
4.2.2 列錶頁的特點 /93
4.2.3 常見的列錶 /94
4.3 正文頁 /95
正文頁的目的/95
4.4 功能頁 /96
4.4.1 功能頁應該注意什麼 /97
4.4.2 常見的功能頁 /98
4.5 輔助與特殊頁麵 /99
4.5.1 歡迎頁 /99
4.5.2 過渡頁 /102
4.5.3 加載頁 /103
4.5.4 沉浸式頁麵 /106
4.6 迴答問題 /107
4.7 頁麵數據 /109
數據推理/109
4.8 後記 /111
4.8.1 本章節産齣物 /111
4.8.2 思維方式 /111
4.8.3 其他知識點 /111
5 交互理念/INTERACTIVE 人在現場 /113
5.1 我在哪 /118
5.1.1 地圖—頁麵方位 /122
5.1.2 道路—菜單 /122
5.1.3 空間暗示—頁麵動態 /126
5.2 我是誰 /131
5.3 我做什麼 /132
5.3.1 為人為錯誤設計 /132
5.3.2 為情緒設計 /134
5.3.3 特殊情況的處理 /134
5.4 手指行為(移動産品) /135
5.4.1 手指與屏幕的關係 /135
5.4.2 眼睛與屏幕的關係 /138
5.5 後記 /139
5.5.1 本章節産齣物 /139
5.5.2 評審與測試 /140
5.5.3 其他知識點 /140
6 風格指南/COMPONENT 解密設計邏輯 /141
6.1 界麵 /142
6.1.1 示例頁麵布局與風格 /143
6.1.2 布局說明 /144
6.2 常用控件 /144
6.2.1 狀態欄 /144
6.2.2 導航欄 /145
6.2.3 工具欄 /145
6.2.4 文本輸入 /145
6.2.5 按鈕 /148
6.2.6 標簽欄/ 分段控件 /150
6.2.7 選擇與開關 /151
6.2.8 選擇器 /152
6.2.9 模態視圖 /153
6.2.10 非模態視圖 /155
6.2.11 滑塊 /156
6.2.12 活動指示器/157
6.2.13 下拉菜單/159
6.2.14 圖標與文字 /159
6.3 加載 /160
6.3.1 頁麵加載 /160
6.3.2 操作加載 /161
6.4 刷新 /161
6.5 緩存 /161
6.6 熱區 /162
6.7 頁麵與視圖的進入退齣 /163
6.7.1 頁麵與視圖 /163
6.7.2 轉場方式 /163
6.7.3 動效說明 /163
6.8 後記 /166
6.8.1 本章節産齣物 /166
6.8.2 評審與測試 /166
6.8.3 思維方式 /166
6.8.4 局限 /167
6.8.5 其他知識 /167
7 溝通/COMMUNICATE 不打口水仗 /169
7.1 原型文檔 /172
7.1.1 修改記錄 /173
7.1.2 頁麵結構 /173
7.1.3 全局說明 /173
7.1.4 字符限製 /177
7.1.5 核心任務流程 /177
7.1.6 核心外任務流程 /182
7.1.7 頁麵與注釋 /184
7.1.8 異常情況 /220
7.2 後颱需求 /225
7.2.1 功能點需求 /225
7.2.2 完整需求 /230
7.3 語言 /230
7.3.1 匯報 /230
7.3.2 說服 /230
7.3.3 建議 /231
7.3.4 情緒 /231
7.3.5 討論 /232
7.4 其他溝通方式 /232
7.4.1 開會 /232
7.4.2 郵件 /233
7.4.3 IM /234
7.5 後記 /234
7.5.1 本章節産齣物 /234
7.5.2 評審與測試 /235
7.5.3 文檔的意義 /235
7.5.4 為團隊而作 /235
7.5.5 其他知識點 /236
8 遠程工作方法/FREEDOM 逆境求生 /237
8.1 遠程工作流程 /240
8.1.1 創建原型 /240
8.1.2 創建設計稿與風格指南 /241
8.2 遠程團隊協作 /243
8.3 後記 /243
後記 設計、産品、原型 /245
前言/序言
絕密原型檔案:揭秘産品經理的思維藍圖 在瞬息萬變的商業浪潮中,一款成功的數字産品絕非偶然,它背後蘊藏著無數次的迭代、精雕細琢的思考,以及對用戶需求的深刻洞察。而在這錯綜復雜的研發流程中,原型,則扮演著至關重要的角色。它不僅僅是代碼的初步形態,更是産品經理思維的視覺化載體,是連接創意與現實的橋梁,是團隊協作的通用語言。 這本書,《絕密原型檔案:揭秘産品經理的原型之道》,將帶您深入探索産品經理的核心工作方式——原型設計。我們不隻是羅列工具或教程,而是聚焦於原型背後所承載的戰略意圖、決策邏輯以及對用戶體驗的極緻追求。本書旨在揭示那些鮮為人知的“絕密檔案”,讓您看見一位成熟的産品經理是如何通過精心構建的原型,將模糊的産品願景轉化為清晰、可執行的藍圖。 第一章:原型:不僅僅是綫框圖,更是産品的“基因圖譜” 許多人將原型簡單理解為低保真度的綫框圖,但事實上,一個高質量的原型遠不止於此。它是一個産品的“基因圖譜”,包含瞭産品的核心功能、用戶流轉路徑、信息架構、關鍵交互邏輯,甚至初步的視覺風格暗示。本章將深入剖析: 原型的多重身份: 從概念驗證、用戶測試、技術評審到營銷溝通,理解原型在産品生命周期中扮演的不同角色。 “為什麼”比“是什麼”更重要: 探討原型設計如何反映産品經理對市場痛點、用戶需求以及商業目標的深刻理解。 信息架構的基石: 如何通過原型有效地組織和呈現産品信息,確保用戶能夠輕鬆導航並找到所需內容。 用戶流程的“血管”: 繪製清晰的用戶旅程,識彆潛在的摩擦點,並通過原型迭代優化用戶體驗。 從模糊到清晰的思維演進: 審視原型如何幫助産品經理將抽象的商業需求轉化為具體、可操作的設計方案。 第二章:産品經理的原型思維:驅動決策的核心引擎 原型設計並非孤立的技能,它與産品經理的整體思維模式緊密相連。一個齣色的産品經理,會將原型視為驅動産品決策的核心引擎。本章將重點探討: “用戶至上”的體現: 原型如何成為産品經理與用戶溝通的直接媒介,通過用戶反饋來驗證和迭代設計。 “數據驅動”的先行者: 即使在早期階段,原型也能幫助預設關鍵的用戶行為指標,為後續的數據分析奠定基礎。 “最小可行性産品”(MVP)的落地: 如何通過原型清晰地定義MVP的範圍,快速推嚮市場進行驗證。 “跨部門協作”的黏閤劑: 原型如何成為設計師、工程師、市場、運營等團隊之間溝通的共同語言,消除理解隔閡。 “風險規避”的偵察兵: 通過原型模擬真實場景,提前發現潛在的技術難題、可用性問題或市場接受度風險。 第三章:原型設計的“武功秘籍”:從低保真到高保真 原型設計是一個循序漸進的過程,其復雜度和保真度隨著産品迭代而變化。本章將為您揭示從基礎到高級的原型設計技巧: 低保真原型的智慧: 快速勾勒核心概念,驗證基本流程,強調功能而非細節。 紙麵原型: 最直接、最快速的概念錶達方式。 綫框圖(Wireframing): 勾勒界麵布局、信息層級和基本交互。 流程圖(Flowcharts): 梳理用戶在不同場景下的行為路徑。 中保真原型的精確: 增加更多交互細節,引入基礎視覺元素,進行初步可用性測試。 交互原型(Interactive Wireframes): 模擬用戶點擊、跳轉等基本操作。 信息架構圖(Sitemaps/Navigation Flows): 呈現網站或應用的整體結構。 高保真原型的逼真: 接近最終産品的視覺和交互體驗,用於最終的可用性測試和團隊內部評審。 視覺稿(Mockups): 引入色彩、字體、圖標等視覺元素。 動效原型(Prototyping with Animations): 模擬轉場、動畫效果,提升用戶體驗的真實感。 可交互原型(High-Fidelity Interactive Prototypes): 具備接近真實産品的交互體驗,用於深入測試。 第四章:原型工具的“趁手兵器”:選擇與運用 市麵上湧現瞭眾多優秀的原型設計工具,但工具隻是手段,關鍵在於如何根據産品階段和團隊需求做齣最優選擇。本章將深入分析: 工具選擇的維度: 考慮易用性、學習麯綫、團隊協作能力、導齣格式、與其他工具的集成度等因素。 經典工具的深度解讀: Figma / Sketch: 現代UI/UX設計的標杆,強大的協作和組件化能力。 Adobe XD: 集設計、原型、分享於一體的解決方案。 Axure RP: 強大的交互邏輯模擬能力,適閤復雜原型。 InVision: 專注於原型協作和用戶測試平颱。 Balsamiq Mockups: 快速繪製低保真綫框圖的利器。 原型組件庫的構建與復用: 如何通過建立可復用的組件庫,提升設計效率和一緻性。 原型在敏捷開發中的應用: 如何將原型與敏捷開發流程無縫結閤,實現快速迭代。 第五章:原型評審與迭代:打磨産品的“真火” 原型設計並非一蹴而就,它是一個持續打磨、不斷優化的過程。本章將聚焦於原型評審的策略和迭代的智慧: 原型評審的“五要素”: 明確評審目標、參會人員、評審內容、反饋機製和行動計劃。 用戶測試的藝術: 可用性測試(Usability Testing): 觀察用戶如何與原型互動,發現可用性問題。 概念測試(Concept Testing): 驗證産品概念的核心價值是否被用戶理解和接受。 A/B 測試(A/B Testing): 通過不同版本的原型來比較用戶行為和偏好。 從反饋到行動的轉化: 如何有效地收集、分析用戶反饋,並將其轉化為具體的原型修改。 “迭代的藝術”: 學習在權衡中做齣決策,何時“止損”,何時“精益求精”。 原型版本的管理: 如何有效地管理不同版本的原型,保持清晰的迭代記錄。 第六章:高級原型應用:超越基本框架 成功的原型設計,不僅僅停留在界麵和交互層麵,更能延展至更廣闊的應用場景。本章將探討: 數據可視化原型的構建: 如何通過原型展示數據儀錶盤、報錶等,幫助理解復雜數據。 復雜業務邏輯的原型模擬: 如何利用高級交互工具,模擬復雜的業務流程和狀態變化。 AI與原型設計的融閤: 探討AI在生成原型草圖、優化交互設計等方麵的潛力。 原型在“同理心地圖”(Empathy Map)中的應用: 將原型作為具體載體,深化對用戶情感和動機的理解。 原型與用戶故事(User Story)的聯動: 如何將用戶故事轉化為可執行的原型,確保開發方嚮的準確性。 第七章:産品經理的“原型心法”:思維模式與軟技能 最終,原型設計的成效,取決於産品經理背後的思維模式和軟技能。本章將升華主題,探討: “同理心”是設計的源頭: 持續地站在用戶的角度思考,是原型設計最核心的驅動力。 “好奇心”是探索的燃料: 永不停止地探索新的技術、新的設計趨勢和新的用戶需求。 “溝通力”是協作的紐帶: 清晰、有效地嚮團隊解釋原型的設計意圖和邏輯。 “批判性思維”是優化的利器: 不斷審視和挑戰自己的設計,追求卓越。 “全局觀”是戰略的基石: 理解原型如何服務於整體的産品戰略和商業目標。 《絕密原型檔案:揭秘産品經理的原型之道》,不僅僅是一本關於工具和技術的指南,更是一次深入産品經理內心世界的探索。我們相信,通過掌握這些“絕密檔案”,您將能夠更深刻地理解原型設計的價值,更自信地構建高質量的原型,最終打造齣真正打動用戶的優秀産品。本書緻力於成為您産品經理之路上不可或缺的夥伴,幫助您將創意轉化為現實,讓您的産品在激烈的市場競爭中脫穎而齣。
我一直堅信,産品經理的核心競爭力之一就是其“化繁為簡”的能力,而原型設計無疑是這種能力最直接的體現。當看到《絕密原型檔案:看看專業産品經理的原型是什麼樣》這本書時,我便立刻被它所傳遞齣的“專業”氣息所吸引。我猜測,這本書不會僅僅羅列原型製作的技巧,而是會深入剖析專業産品經理是如何通過原型來思考、決策和溝通的。我希望書中能夠解答我心中長久的疑問:一個真正優秀的産品經理,在設計原型時,是如何權衡用戶體驗、商業價值和技術可行性這三大要素的?書中是否會提供一些經典的案例,來展示不同類型産品的原型設計思路,例如,是B端産品需要更注重流程的嚴謹性,還是C端産品更側重於用戶的情感連接?我特彆期待能夠從中學習到,如何通過原型去有效地進行團隊協作,如何在早期發現並解決潛在的産品問題,以及如何利用原型作為一種有效的“故事講述”工具,來傳遞産品的願景和價值。這本書的齣現,對我來說,無疑是學習如何構建更具前瞻性、更具落地性的産品藍圖的一次絕佳機會。