《一個 APP 的誕生》 是從設(shè)計師的角度闡述了產(chǎn)品從0到1的過程，也涉及了一些運營和服務(wù)設(shè)計方面的知識。但由于涉及面太廣，所以每個知識點都講的不深入，適合做為開發(fā)人員的產(chǎn)品入門讀物，幫助建立全局觀，學(xué)習(xí)一些設(shè)計知識。

前期探索階段

這個階段主要包含兩部分內(nèi)容：（1）競品分析和（2）用戶研究

競品分析

競品分析目的是找到設(shè)計燈塔，作為自身產(chǎn)品的設(shè)計參考，衡量自身產(chǎn)品的優(yōu)劣性。分析的主要內(nèi)容包括：行業(yè)現(xiàn)狀、市場趨勢、競品的企業(yè)愿景（定位和發(fā)展策略）、目標(biāo)用戶、競品的核心功能、交互設(shè)計、優(yōu)缺點、運營及推廣策略。分析的方法主要有三個，分別是：SWOT 分析法、 KANO 模型和波士頓矩陣（四象限對比法）

SWOT分析法

SWOT分析法

優(yōu)劣勢分析主要是自身與競爭對手的實力比較，優(yōu)劣勢分析主要是企業(yè)自身和競對手的實力比較，而機會和威脅關(guān)注的是外部環(huán)境變化對企業(yè)可能造成的影響。

KANO模型

KANO模型

KANO模型定義了顧客需求的三個層次：（1）基本需求、（2）期望型需求和（3）興奮型需求。主要用于對績效指標(biāo)進行分類，幫助企業(yè)了解不同層次的顧客需求，找出顧客和企業(yè)的接觸點，識別讓顧客滿意的關(guān)鍵因素。

波士頓矩陣

波士頓矩陣

波士頓矩陣認(rèn)為市場引力和企業(yè)實力兩個決定產(chǎn)品結(jié)構(gòu)的基本因素相互作用，會出現(xiàn)四種不同性質(zhì)的產(chǎn)品類型: 1.明星類產(chǎn)品（銷售增長率和市場占有率雙高的產(chǎn)品群）、2.瘦狗類產(chǎn)品（銷售增長率和市場占有率雙低的產(chǎn)品群）、3.問題類產(chǎn)品（銷售增長率高但市場占有率低的產(chǎn)品群）、4.現(xiàn)金牛類產(chǎn)品（銷售增長率低但市場占有率高的產(chǎn)品群）。

競品分析的輸出一般包括以下內(nèi)容：

1. 市場趨勢和行業(yè)現(xiàn)狀；
2. 企業(yè)愿景、APP定位和發(fā)展策略；
3. 目標(biāo)用戶的人物畫像；
4. 核心功能；
5. 交互設(shè)計；
6. APP的優(yōu)缺點
7. 運營及推廣策略
8. 總結(jié)

用戶研究

用戶研究的目的是為了理解用戶，將他們的目標(biāo)、需求和自身 APP及企業(yè)方向相匹配的一種方法。
用戶研究的一般性方法有：

1. 場景觀察;
2. 可用性測試；
3. 問卷研究；
4. 訪談研究；
5. 焦點小組；
6. 桌面研究；
7. 專家評估。

用戶研究的最主要的輸出是用戶畫像（Persona），其輸出流程為：獲取信息 → 細(xì)分用戶群 → 豐富用戶畫像，畫像內(nèi)容一般包含：基本信息、典型場景、目標(biāo)和動機、需求和同點、對 app的態(tài)度。

設(shè)計規(guī)范與流程

設(shè)計規(guī)范

不同產(chǎn)品階段對設(shè)計規(guī)范的要求不同，簡單的產(chǎn)品可先不建立或建立簡單的設(shè)計規(guī)范，對于復(fù)雜產(chǎn)品，設(shè)計規(guī)范能很好地提高效率并保持產(chǎn)品的一致性，應(yīng)盡早建立。設(shè)計規(guī)范主要從界面尺寸、布局、控件、圖標(biāo)和字體五個方面開始建立。

• iOS參考：Human Interface Guidelines
• Android 參考：Material Design
• 微信小程序參考：微信小程序設(shè)計指南

流程與管理

一個產(chǎn)品的研發(fā)流程大致為：基礎(chǔ)調(diào)研 → 產(chǎn)品分析 → 交互設(shè)計 → 視覺設(shè)計 → 研發(fā) → 測試 → 交付。通常需要進行三次評審：（1）產(chǎn)品需求評審（產(chǎn)品、設(shè)計和研發(fā)參與）、（2）原型評審（產(chǎn)品、設(shè)計、研發(fā)、市場參與）和（3）開發(fā)評審。

設(shè)計師的工作流程通常有5步：

1. 繪制紙面原型；
2. 繪制流程圖；
3. 繪制線框圖；
4. 交互自查；
   1. 明確主場景，要完成什么操作；
   2. 從框架流程再到內(nèi)容細(xì)節(jié)檢查（框架導(dǎo)航→流程→布局→轉(zhuǎn)場→反饋→文字等）；
   3. 框架導(dǎo)航檢查；
   4. 流程檢查；
   5. 加載狀態(tài)檢查；
   6. 布局與內(nèi)容檢查；
   7. 特殊因素再復(fù)查；
5. 制作視覺效果圖。

交互設(shè)計

交互設(shè)計屬于設(shè)計學(xué)發(fā)展中的一個分支，是多學(xué)科的交叉。

交互設(shè)計是多學(xué)科的交叉

交互設(shè)計五要素

1. 人
2. 目的
3. 環(huán)境
4. 媒介
5. 行為

交互設(shè)計的工作流程

信息架構(gòu)

在設(shè)計信息架構(gòu)的時候，要注意信息層級的深度和廣度要均衡，信息結(jié)構(gòu)太深意味著功能隱藏很深，難以被用戶找到，退回到主流程需要多步驟；結(jié)構(gòu)太廣則在同一層級給用戶提供了很多選擇，無形中增加了操作的認(rèn)知和成本。

UI設(shè)計

這部分講到的一個情緒板，對程序開發(fā)人員很受用。產(chǎn)品的視覺設(shè)計最好不要根據(jù)開發(fā)者的個人喜好來設(shè)定，而是應(yīng)該根據(jù)產(chǎn)品定位、目標(biāo)用戶以及希望喚起的情緒來制定方案，因為視覺設(shè)計和人的情緒緊密相連，不同的設(shè)計總是會引發(fā)不同的情感。開發(fā)者可以通過分析同類型的產(chǎn)品來獲取線索，確定情緒關(guān)鍵詞，通過搜索對應(yīng)關(guān)鍵詞的圖片建立拼貼畫，從而得到一些設(shè)計啟發(fā)。

參考：用戶研究方法介紹——情緒板（Mood Board）

三種扁平化設(shè)計語言

1. 微軟的 Modern UI
2. 谷歌的 Material Design
3. 蘋果的 ios7