序言

《 一個 APP 的誕生 》被定義是一本教科書笔横、工具書厂镇，適合想通過 APP 實現(xiàn)自己的產(chǎn)品夢的受眾通讀苍糠，即通過本書可讓你快速了解 APP 產(chǎn)品的整個流程涮较，從零到一稠鼻，創(chuàng)造 APP 產(chǎn)品。

而通讀本書籍后狂票，或許你候齿、我有同樣的感受，即大部分內(nèi)容是以設(shè)計師的角度看待問題的闺属。這樣慌盯，若你就是設(shè)計師，或許這將助你更加透徹理解 APP 的產(chǎn)出過程屋剑；若你是軟件工程師，也可看待成是從另一角度理解軟件過程诗眨。當然唉匾，這些知識只停留在書本層面，而對實際項目而言，有出入是無法避免的巍膘，但不失它的參考價值厂财。簡言之，這樣一本圖文并茂峡懈、實例貼近現(xiàn)實且含有眾多跨界元素 (設(shè)計璃饱、開發(fā)、交互肪康、產(chǎn)品等) 的工具書荚恶，特別是產(chǎn)品這一類別的書目 (下述還有同類型的書籍推薦)，不僅讓你有機會感同身受業(yè)界優(yōu)秀企業(yè)的工作流程磷支，也是自身尋求產(chǎn)品方法論的不二選擇谒撼。

• 推薦書目

  • 《 U一點·料 》：由阿里巴巴集團 1688.UED 團隊歷經(jīng)多年實踐之后的佳作，內(nèi)容重實戰(zhàn)雾狈、講方法廓潜、求專業(yè)、論文化善榛，且以 “道─術(shù)─器” 的思路為編排脈絡(luò)挠阁，從設(shè)計觀温鸽、思考體系、方法論上層層剖析，將零散的行業(yè)技術(shù)訣竅串成體系掌栅，對 “UED如何發(fā)展突破” 提出了自己的真知灼見。
    貼上本書的 豆瓣書評扁眯，供朋友評判疙挺，做出抉擇。

  • 《 設(shè)計之下 》：由搜狐新聞客戶端 UED 團隊共同出品的佳作剑鞍，分別以交互設(shè)計昨凡、視覺設(shè)計、設(shè)計師視覺蚁署，全面講解了用戶體驗設(shè)計的流程和方法便脊。
    貼上本書的 豆瓣書評，供朋友評判光戈，做出抉擇哪痰。

• 更新進程

  • 2018.03.25 - 完成序言；
  • 2018.03.26 - 更新內(nèi)容 ( 共 6 章 )久妆；
  • 2018.04.02 - 更新完畢.

零 思維導(dǎo)圖

根據(jù)思維導(dǎo)圖的架構(gòu)晌杰，掌握知識；以及參考部分項目經(jīng)驗筷弦，文檔歸納肋演。

• 前景探索

  • 競品分析
    • 熟悉競品分析的流程抑诸；
    • 明確競品分析的每個部分包含的內(nèi)容；
    • 分析報告的輸出.
  • 用戶研究
    • 了解用戶研究的方法及它們的定義爹殊；
    • 用戶畫像
    1. 掌握建立的流程蜕乡；
    2. 用戶畫像的分類，每種分類的使用方法及優(yōu)缺點梗夸；
    3. 用戶畫像的構(gòu)成层玲、價值.

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

  • 建立設(shè)計規(guī)范的特定情況；
  • iOS 和 Android 規(guī)范的差別反症；
  • 主要元素及作用.

• 交互設(shè)計

  • 用戶體驗
    • 交互設(shè)計師的工作內(nèi)容辛块、狀況分析及處理；
    • 緊密聯(lián)系生活.
  • 交互設(shè)計的基本流程
    • 交互設(shè)計五要素：人惰帽、目的憨降、環(huán)境、媒介该酗、行為授药；
    • 基本流程.

• 視覺設(shè)計

  • Ui 設(shè)計
    • Ui 設(shè)計制作流程；
    • 對未來設(shè)計趨勢的了解與把握.
  • 圖標品質(zhì)的提升
  • 界面細節(jié)設(shè)計
    • 柵格系統(tǒng)提升界面易讀性與可用性呜魄；
    • 切圖標注的知識與技能悔叽；
    • 設(shè)計資源命名及文件分類整理.

• 開發(fā)實現(xiàn)

  • 如何與產(chǎn)品、運營爵嗅、開發(fā)配合工作
    • 互聯(lián)網(wǎng)企業(yè)中產(chǎn)品開發(fā)實現(xiàn)過程娇澎；
    • 主要工作崗位職責和工作性質(zhì)，以及崗位配合的注意事項.
  • 發(fā)布制作完成的 APP
    • 發(fā)布方式
    • 常見市場

• 線上運營

  • 運營的定義
    • 什么是運營及運營的目標睹晒；
    • 運營手段及運營崗位.
  • 線上運營活動：策劃線上活動流程
  • H5 頁面和 Banner 設(shè)計

• 服務(wù)設(shè)計

  推薦閱讀 This is service design thinking [1]

  • 服務(wù)設(shè)計的概念
  • 服務(wù)設(shè)計的流程
  • 工具箱：熟悉常見服務(wù)設(shè)計工具

• 跨界設(shè)計

壹 前景探索

競品分析

競品分析趟庄，能帶來的價值：

• 企業(yè)：優(yōu)勢 (Strength，S) 和 劣勢 (Weakness伪很，W)
• 設(shè)計：User Interface

為什么要競品分析

• 知己知彼
  • 市場：紅海 (已經(jīng)市場空間)戚啥；藍海 (還不存在的產(chǎn)品)
  • 動向：目標人群、運營策略锉试、用戶體驗猫十、用戶反饋
• 設(shè)計燈塔：權(quán)衡利益與設(shè)計成本的關(guān)系

如何做競品分析

• 確立 競爭對手
  • 市場目標一致；
  • 目標用戶相同呆盖；
  • 產(chǎn)品功能相同拖云、相似；
  • 用戶需求相同.

選擇優(yōu)質(zhì)和合適的競品应又，再進行分析宙项。如表 1-1 所示，定位于即時通信類 APP 株扛，即所要考慮的竟品類型及競爭關(guān)系尤筐。

<center>表 1-1 即時通信類 APP 的竟品類型及競爭關(guān)系</center>

• 挖掘 對手信息

  • 搜集資料
    • 數(shù)據(jù)資料，例如：APP 下載量咖为，市場方面數(shù)據(jù)等秕狰。
    • 其他信息，例如：APP 新聞動態(tài)躁染，研究報告鸣哀，APP 評價等。
  • 搜集渠道
    • 公司內(nèi)部資源
    • 運營部門
    • 搜索引擎

• 分析 數(shù)據(jù)信息

  • 分析數(shù)據(jù)模型
  • 整合收集的信息 (企業(yè)戰(zhàn)略吞彤、目標人群我衬、交互設(shè)計、視覺設(shè)計饰恕、運營策略等)

• 輸出 分析報告 -- 可視化輸出

分析數(shù)據(jù)信息

• 分析數(shù)據(jù)模型

  • SWOT 模型挠羔，即道斯矩陣、態(tài)勢分析法埋嵌，經(jīng)常用于企業(yè)戰(zhàn)略制定破加、競爭對手分析。

  詳細解釋見：MBAlib.智庫百科.SWOT分析模型

  SWOT 分別代表企業(yè)的優(yōu)勢 (Stength)雹嗦、劣勢 (Weakness)范舀、機會 (Opportunity) 和威脅 (Threats)。

  • 波士頓矩陣 [2, 3]了罪，四象限分析法锭环。詳細解釋見：MBAlib.智庫百科.波士頓矩陣

  • KANO 模型 [4]，一種典型的定性分析模型捶惜，經(jīng)常用于績效指標分類田藐。其定義了顧客需求的三個層次：基本型需求、期望型需求和興奮型需求吱七。詳細解釋見：MBAlib.智庫百科.KANO 模型

• 關(guān)于 SWOT 分析模型

  • SW：競爭優(yōu)勢指一企業(yè)超越其競爭對手的能力汽久，這種能力有助于實現(xiàn)企業(yè)的主要目標 -- 盈利。
  • OT：不利發(fā)展趨勢所形成的挑戰(zhàn)踊餐。

<center>表 1-2 SWOT 分析模型</center>

舉例：對螞蜂窩 APP 實行 SWOT 分析法

• S：旅游攻略是螞蜂窩進軍移動端的拳頭產(chǎn)品吧寺，手持海量 UGC 數(shù)據(jù)和攻略引擎技術(shù)。

• W：盈利模式單一散劫，知識與傳統(tǒng) OTA 合作的傭金 + 廣告模式)稚机。

• O：OTA & O2O。

• T：行業(yè)壁壘获搏；變現(xiàn)能力還能支持技術(shù)和運營走多遠赖条？

• 關(guān)于波士頓矩陣：波士頓矩陣區(qū)分出4種業(yè)務(wù)組合，如表 1-3 所示常熙。

<center>表 1-3 波士頓矩陣業(yè)務(wù)組合</center>

輸出分析報告

• 競品分析包括內(nèi)容：
  • 市場趨勢纬乍、行業(yè)現(xiàn)狀； -- SWOT 分析法
  • 競品的企業(yè)愿景裸卫、APP 定位仿贬、發(fā)展策略；
  • 目標用戶墓贿，用戶畫像茧泪；
  • 核心功能；
  • 交互設(shè)計聋袋；
  • APP 優(yōu)缺點调炬；
  • 運營及推廣策略；
  • 總結(jié)并建議.

用戶研究

用戶研究最終的輸出產(chǎn)物之一就是用戶畫像舱馅，即用戶研究 => 用戶畫像缰泡。

一般方法

• 場景觀察：正常的工作環(huán)境或其他產(chǎn)品合適的 物理場景 中觀察用戶并與其交流。

• 可用性測試：用戶在一定場景下使用產(chǎn)品代嗤。由可用性工程師對 用戶操作過程棘钞、習慣 等進行 觀察、記錄和測量干毅，以評估產(chǎn)品的可用性問題宜猜。

• 問卷調(diào)查：用 統(tǒng)一、嚴格設(shè)計的問卷 收集研究對象有關(guān)的 心理特征 和 行為數(shù)據(jù) 資料硝逢。

• 訪談研究：在訪問用戶過程中姨拥，提示被訪者對某一問題的 潛在冬季、新年渠鸽、態(tài)度和感情叫乌。

  潛在冬季、新年徽缚、態(tài)度和感情憨奸？

• 焦點小組：定性研究方法。一定的組織結(jié)構(gòu)凿试，讓用戶一起進行 互動排宰，用以激發(fā)新的思考和想法似芝。

• 桌面研究：對已收集信息進行調(diào)研活動，即對二手資料進行搜集板甘、篩選党瓮，并判斷問題是否已經(jīng) 局部解決 或 全部解決。

• 專家評估：組織各領(lǐng)域?qū)＜疫\用專業(yè)方面知識和經(jīng)驗盐类，通過直觀歸納麻诀，對產(chǎn)品過去、現(xiàn)在及發(fā)展過程進行綜合分析傲醉、研究，再作判斷呻率。

用戶畫像

• 輸出用戶畫像的流程

  • 獲取研究用戶信息
  • 細分用戶群
  • 建立并豐富用戶畫像

• 建立用戶畫像的方法

  • 定性 用戶畫像
  • 經(jīng) 定量驗證 的 定性 用戶畫像
  • 定量 用戶畫像

  定性 (性質(zhì)) 研究：創(chuàng)立理論的過程硬毕。即 具體向抽象轉(zhuǎn)化，形成理論礼仗。通常以 訪談吐咳、觀察 等方法收集第一手描述性資料 (歸納法)。

  定量 (度量) 研究：提出理論假設(shè)元践，使用 問卷 等工具收集具有數(shù)量關(guān)系的資料韭脊，對資料進行 量化，以 數(shù)據(jù)形式 驗證假設(shè)单旁。

• 定性用戶畫像 -- 直接分用戶群

  • 步驟
  1. 定性研究訪談沪羔；
  2. 細分用戶群；
  3. 建立細分群體的用戶畫像象浑。
  • 定性用戶畫像優(yōu)缺點
    • 優(yōu)點 - 省時省力蔫饰、簡單、需要專業(yè)人員少愉豺。
    • 缺點 - 缺少數(shù)據(jù)支持和驗證篓吁。

• 經(jīng)定量驗證的定性用戶畫像 -- 分了用戶群再驗證

  • 步驟
  1. 定性研究訪談；
  2. 細分用戶群蚪拦；
  3. 定量驗證細分群體杖剪；
  4. 建立細分群體的用戶畫像。
  • 經(jīng)定量驗證的定性用戶畫像優(yōu)缺點
    • 優(yōu)點 - 有一定的定量驗證工作驰贷，需要少量的專業(yè)人員盛嘿。
    • 缺點 - 工作量較大，成本較高括袒。

• 定量用戶畫像 -- 驗證了再分用戶群

  • 步驟
  1. 定性研究孩擂；
  2. 多個細分假設(shè)；
  3. 通過定量收集細分數(shù)據(jù)箱熬；
  4. 聚類分析細分用戶类垦；
  5. 建立細分群體的用戶畫像狈邑。
  • 定量用戶畫像的優(yōu)缺點
    • 優(yōu)點 - 有充分的佐證、更加科學蚤认、需要大量的專業(yè)人員米苹。
    • 缺點 - 工作量較大，成本高砰琢。

• 用戶畫像包含以下元素：

  • 基本信息 (姓名蘸嘶、照片、年齡陪汽、家庭狀況训唱、收入、工作)挚冤；
  • 典型場景况增；
  • 目標和動機；
  • 需求和痛點训挡；
  • 對 APP 的態(tài)度澳骤；

  如圖 1-1 以音樂沉侵愛好者為例，建立用戶畫像澜薄。

圖 1-1 音樂沉侵愛好者的用戶畫像

調(diào)查問卷設(shè)計

設(shè)計問卷的目的是為了更好地搜集信息或者定量去驗證定性研究的結(jié)果为肮。故在問卷設(shè)計的過程中，要把握調(diào)查的目的和需求肤京，具體可分為以下幾個步驟：

• 問卷設(shè)計流程

  • 確定所需要的信息
    • 調(diào)研目的
    • 競品分析文檔
    • 用戶畫像
  • 確定問題順序：先易后難
  • 問卷的測試和修改
    • 投放預(yù)測試
    • 問題修改

• 設(shè)計問卷題目

  • 用戶基本信息 (年齡颊艳、愛好、APP 相關(guān)生活行為)
  • 用戶使用 APP 典型場景 (碎片化時間使用忘分，使用頻次)
  • 用戶的痛點與需求

  可參考書本 P27-30 的實例籽暇，全民 K 歌用戶體驗調(diào)研問卷。

貳 交互設(shè)計

用戶體驗

• 用戶體驗饭庞，即站在用戶角度考慮問題戒悠。
• 交互設(shè)計師
  • 核心價值：溝通
  • 工作流程：
    • 對重要或者緊急設(shè)計任務(wù)進行準備、分工舟山、安排绸狐；
    • 寫解決方案，畫稿累盗；
    • 評審待確認的設(shè)計寒矿；
    • 總結(jié)方案，輸出結(jié)果若债，同步給部門符相；
    • 輸出設(shè)計稿，與產(chǎn)品、研發(fā)及時溝通啊终；
    • 與項目接口人溝通.

交互設(shè)計基本流程

交互五要素

• 人 (Amber)：有記錄靈感的設(shè)計師镜豹，有需求的人稱之為用戶。
• 媒介 (Tools)：用戶使用的設(shè)備蓝牲。
• 行為 (Behavior)：用戶的具體操作趟脂。
• 目的 (Purpose)：要達到某種的效果。
• 環(huán)境 (Enviroment)：用戶使用的設(shè)備例衍，這里指手機昔期。

圖 2-1 交互設(shè)計五元素

如何參與一個項目

交互設(shè)計師接到一個項目或者需求后，他們的工作流程基本按照以下流程執(zhí)行佛玄，即需求分析硼一、信息架構(gòu)設(shè)計、流程圖設(shè)計梦抢、原型設(shè)計般贼、最終進入產(chǎn)品的可用性測試，當然需求分析階段完成后惑申，也可以進行可用性測試，以驗證方案的可行性翅雏。圖 2-2 描述了交互設(shè)計師如何參與一個項目圈驼。

圖 2-2 交互設(shè)計師如何參與一個項目

提示：實例中，我們以便簽 APP 為主題展開討論的望几。

• 1. 需求分析
  • 了解需求
  • 用戶調(diào)研
  • 需求定位：竟品分析绩脆、頭腦風暴、繪制故事板橄抹、人物建模 (用戶畫像)靴迫、產(chǎn)品數(shù)據(jù)
  • 實例：在需求分析階段，我們從諸多研究方法和數(shù)據(jù)中簡明得出便簽 APP 的產(chǎn)品定位：
    • 產(chǎn)品定義
      • 使用人群 -- 設(shè)計師楼誓、學設(shè)計的學生
      • 主要功能 -- 記錄想法玉锌、分享想法
    • 用戶需求
      • 使用目標 -- 隨時隨地記錄想法、把想法分享給同事和朋友
      • 使用場景 -- 商場疟羹、會議主守、課堂、工作榄融、訓練参淫、作圖
      • 用戶目標 -- 操作方便快捷、耗流量少愧杯、學習成本低
• 2. 信息架構(gòu)
  • 需求收集
  • 需求刪減
  • 定義優(yōu)先級
  • 用戶任務(wù)
  • 實例：根據(jù)需求分析得到的信息涎才，接下來便梳理架構(gòu)，開始架構(gòu)草圖設(shè)計力九。如圖 2-2 所示耍铜。
  圖 2-3 信息架構(gòu)圖
• 3. 流程圖
  • 操作流程
  • 頁面流
  • 布局設(shè)計
• 4. 原型設(shè)計
  • 交互原型
  • 交互說明
  • 設(shè)計規(guī)范
  • 項目跟進
• 5. 測試
  • 可用性測試
  • A/B 測試
  • 用戶反饋
  • 產(chǎn)品數(shù)據(jù)

需求分析的考慮因素

在產(chǎn)品設(shè)計的整個過程中邑闺，要充分考慮商業(yè)需求和用戶體驗的平衡。如圖 2-4 所示业扒，展示了需求收集需要考慮的因素检吆。

需求的刪減是需求分析中很有必要的步驟，他是設(shè)計師們綜合考慮各種因素程储，取舍得到的結(jié)果蹭沛。

圖 2-4 需求收集需要考慮的因素<

如何組織需求

• 1. 定義信息優(yōu)先級
  • 產(chǎn)品定位：核心功能，意味著這些功能的優(yōu)先級最高章鲤。
  • 真實需求：區(qū)分次要需求摊灭。它們是圍繞核心功能進行拓展的。
  • 需求刪減：權(quán)衡刪減需求败徊。
• 2. 信息架構(gòu)：深度和廣度要均衡帚呼。

流程圖設(shè)計

• 確定信息架構(gòu)

• 確定用戶任務(wù)

• 如何完成操作

  完成任務(wù)方法即我們所說的流程，任務(wù)流程是根據(jù)用戶實際操作的心理和行為來確定的皱蹦。

  [實例] 人在使用紙質(zhì)版的便簽的流程：

  • 首先拿出紙和筆煤杀；
  • 紙上記錄想法；
  • 粘貼醒目的地方便于查看沪哺。

  在現(xiàn)實中使用便簽的過程和在手機上使用便簽的實際操作步驟基本吻合沈自，如圖 2-5 所示，展示了添加便簽的流程圖辜妓。

  這里的流程圖設(shè)計枯途，可以使用 C 語言程序設(shè)計中的程序流程圖。

圖 2-5 添加便簽的流程圖素

原型設(shè)計及設(shè)計原則

• 確立功能和邏輯后

• 設(shè)計草圖

• 低保真線框圖

• 高保真原型圖

  圖 2-6 是本人早期設(shè)計的沙漏記事 APP 的低保真線稿籍滴，強制插入了一段廣告哈酪夷。而對應(yīng)的高保真原型圖，可參考對應(yīng)的專題介紹孽惰。「沙漏記事」APP

  圖 2-6 沙漏記事 APP 低保真線稿

總結(jié)

• 交互設(shè)計基本流程
  • 需求收集和分析
  • 定義優(yōu)先級
  • 信息架構(gòu)設(shè)計
  • 流程設(shè)計
  • 原型設(shè)計
• 需求分析過程晚岭，要綜合考慮 商業(yè)、項目勋功、用戶 三要素腥例。

叁 視覺設(shè)計

UI 設(shè)計

UI 的定義

用戶界面 (User Interface，UI)，系統(tǒng)和用戶之間進行交互和信息交換的媒介，它實現(xiàn)信息的內(nèi)部形式與人類可接受形式之間的轉(zhuǎn)換彰居。

UI 設(shè)計流程

• 具體把 UI 設(shè)計流程分為前期準備和情緒板兩個階段。

  • 1. 定義：做好定義 / 用戶細分构回。
  • 2. 找尋：找到同類競品的 APP 安裝并進行沉侵式體驗。
  • 3. 分析：分析競品并學習。
  • 4. 關(guān)鍵字：確定情感關(guān)鍵字纤掸。
  • 5. 收集：圖片素材收集脐供，建立情緒板。
  • 6. 分析：對情緒板進行色彩和質(zhì)感分析借跪。
  • 7. 訪談：用戶驗證確定設(shè)計風格政己。
  • 8. 完善：完善整個 APP 視覺設(shè)計。

  Step 1 ~ 4 為前期準備階段掏愁，Step 5 ~ 8 為情緒板階段歇由。

• 做用戶定義：如何定義用戶在這不再重復(fù)闡述，詳細見 第一章 前景探索果港。

• 找尋同類競品 APP 使用并體驗：站得高沦泌，看得遠。即選擇的競品也要有足夠的市場表現(xiàn)力辛掠。

• 確定情感關(guān)鍵字：該 APP 的視覺所要表達的情感感受谢谦。

• 情緒板：把每個人對情感的抽象理解成實際可定義的元素。

  • 關(guān)鍵字提煉萝衩；
  • 建立具象圖庫 (具體的事實物回挽、場景) 和抽象；
  • 圖庫 (色彩質(zhì)感等元素).

• 對情緒板進行色彩和質(zhì)感分析猩谊，即把握圖片上的顏色千劈、元素的感覺，再抽象成顏色方案预柒。

圖標品質(zhì)提升

素描色彩的基礎(chǔ)

• 素描的三大面五大調(diào)

  • 三大面：亮面队塘，灰面袁梗，暗面宜鸯。
  • 五大調(diào)：亮面，灰面遮怜，明暗交界線淋袖，反光部和投影。

  在構(gòu)圖中锯梁，我們都是通過假設(shè)光源的方法來進行創(chuàng)作即碗。

• 構(gòu)圖注意事項

  • 構(gòu)圖不能太小 (讓人覺得畫面不夠飽滿，顯得小氣)陌凳；
  • 構(gòu)圖應(yīng)注重重心平衡剥懒；
  • 構(gòu)圖應(yīng)注意透視的變化及比例關(guān)系.

• 色彩的魅力

  • 色彩的冷暖：物體通過表面色彩給人溫暖或涼爽的觀感。
  • 色彩的輕重：質(zhì)感與色感的復(fù)合感覺合敦。
  • 色彩的前進性與后腿性：一般而言初橘，暖色比冷色更富有前進的特性。

一個像素也是事兒

• 邊緣像素 的完美方案：圖標變虛問題 => 沒有邊緣對齊，故在矢量繪圖當中保檐，需要對齊邊緣耕蝉，對齊像素。
• 旋轉(zhuǎn)像素 的完美方案：
  • 旋轉(zhuǎn)中心點挪到任意定點夜只，再旋轉(zhuǎn)垒在。
  • 若是旋轉(zhuǎn)并縮放，建議先旋轉(zhuǎn)再縮放扔亥。
• Ai 到 Ps 的完美粘貼
  • 1. Ai 里選 對齊像素網(wǎng)格场躯；
  • 2. Ps 里建一個圖標大小相同的 選區(qū)，再粘貼進來砸王，粘貼時最好選擇 形狀圖層推盛，這樣便于后期編輯。

國際化的圖標設(shè)計

• 表現(xiàn)形式上符合全球化潮流的設(shè)計趨勢谦铃。

  這里非常容易理解耘成，例如地鐵、高鐵驹闰、機場的指示標志瘪菌，還有廁所指示標志等。

• 動感：動效與交互的相交融嘹朗。

• 質(zhì)感：擬物师妙、扁平和微質(zhì)感，這里視具體情況而決定屹培，如公司文化默穴、應(yīng)用受眾、市場趨勢等因素褪秀，總得來說蓄诽，調(diào)研、分析工作是少不了環(huán)節(jié)媒吗。

界面細節(jié)提升

柵格系統(tǒng)

柵格系統(tǒng)仑氛，又稱網(wǎng)格系統(tǒng)。主要以規(guī)則的網(wǎng)格陣列來指導(dǎo)和規(guī)范頁面中的版面布局以及信息布局闸英。當然锯岖，柵格系統(tǒng)也只是一種布局輔助工具，在實際項目中應(yīng)靈活地根據(jù)需求在整體或布局合理應(yīng)用甫何，即綜合 iOS 或 Android 的規(guī)范準則出吹，總體把控每個元素與界面的協(xié)調(diào)感。

資源規(guī)范

• 切圖

  • iOS：選擇一這種的分辨率辙喂，即 @2x捶牢，750 x 1334 px赃额，再輸出 @3x，@4x叫确。當然跳芳，你的設(shè)計稿是基于 矢量工具 繪制的。
  • Android：MDPI (160 DPI)竹勉，HDPI (240 DPI)飞盆，XHDPI (320 DPI), XXHDPI (480DPI)，或更多次乓。

  1. 關(guān)于切圖適配的問題吓歇，除了上述的原始辦法外，現(xiàn)有很多插件票腰、工具可幫你完成此項工作了城看。
  2. 一套切圖盡可能適配 iOS 與 Android，即找準 @ 與 DPI 的大小關(guān)系即可杏慰。

  • 在標注文檔中测柠，可采用 物理像素單位 描述元素的大小、布局的位置和間距留白的大小缘滥。
    這樣做的好處是轰胁，開發(fā)人員直接設(shè)置參數(shù)，設(shè)計人員按照切圖的倍率輸出切圖 (@2x朝扼、@3x赃阀、@4x)。

  • 特別地擎颖，切圖是以偶數(shù)倍放大的榛斯，便于縮放，設(shè)計元素的大小注意使用偶數(shù)單位即可搂捧。

  例如驮俗，標注的基準信息是 14.0 DP / @1x，適配對應(yīng)尺寸的參數(shù)即有：
  XHDPI / @2x <=> 28px异旧，XXHDPI / @3x <=> 42px意述，@4x <=> 56px提佣。

• .9.PNG

  • 最外圍的一圈像素吮蛹，必須限定是 1px 大小，必須是純黑色 #000000拌屏，任何參雜都不行潮针。
  • 文件名后綴必須是 *.9.PNG。
  圖 3-1 .9.PNG使用演示圖

• 壓縮切圖：在 Photoshop 中倚喂，輸出方式為 存儲為 web 所用格式每篷；在 Sketch 中使用 導(dǎo)出功能 導(dǎo)出圖片瓣戚；其他工具可自行查閱資料，這里就不一一列舉了焦读。

• 標注

  • 常用的標注軟件：Markman子库、PxCook、Assistor PS矗晃。
  • 若公司仑嗅、團隊有規(guī)范的設(shè)計、開發(fā)手冊张症，則請按照規(guī)范標準進行設(shè)計仓技。
  • 擁有自己的一套標注文檔 (迎合大眾的，容易理解的)俗他。

  對于一界面來說脖捻，圖片、圖標兆衅、框架地沮、文字等元素，是必不可少的羡亩。若是為了更高程度的還原诉濒，那么詳細的標注描述、文字說明夕春、交互說明是必要的未荒。在一般情況下，很多朋友為了便捷 (偷懶) 會在同一界面一次性把上述工作都堆積在一起完成及志，而這樣帶來的問題就是 糟糕的閱讀體驗片排。

  這里推崇一種做法 分頁描述法。即：

  1. 第一頁速侈，描述界面布局的信息率寡，如間距大小、背景顏色倚搬；
  2. 第二頁冶共，描述文字屬性信息，如文字的字體每界、字號捅僵、顏色、布局眨层；
  3. 第三頁庙楚，描述組件屬性信息，如按鈕趴樱、小圖標等馒闷；
  4. 第四頁酪捡，描述界面的交互信息，按照需求纳账，你還可以細分為每個組件的交互信息逛薇；
  5. 以此類推...

• 資源命名

  • 組件類型_模塊_子功能_狀態(tài) 或者 模塊_組件類型_子功能_狀態(tài)；

  例如：btn_setting_logout_n.png / setting_btn_logout_n.png

  • 下劃線相連命名疏虫，如 ico_appicon_normal.png

• PSD 源文件

  • 以模塊為單位金刁，歸類于不同文件夾中；
  • PSD 源文件中议薪，有 分組分層 的習慣.

肆 開發(fā)實現(xiàn)

如何與產(chǎn)品尤蛮、運營、開發(fā)配合

互聯(lián)網(wǎng)產(chǎn)品的研發(fā)流程

• 需求來了：產(chǎn)品經(jīng)理斯议，負責需求的策劃和整理产捞，輸出產(chǎn)品需求文檔 (Product Requirement Document，PRD)哼御。那么產(chǎn)品經(jīng)理的需求來自哪：
  • 版本規(guī)劃：從無到有策劃一款產(chǎn)品坯临，這些功能不是一次性開發(fā)的，而是分布在若干版本中恋昼。
  • 動態(tài)演變的產(chǎn)品：根據(jù)市場的反饋看靠，調(diào)整后續(xù)的增量版本。
  • 細節(jié)的優(yōu)化：注重用戶體驗的優(yōu)化液肌。
  • 適應(yīng)豐富的使用場景挟炬。
• 需求要評審：方案需要和開發(fā)、設(shè)計嗦哆、測試谤祖、運維人員一起評審。
• 開始設(shè)計
• 開始開發(fā)
• 測試把關(guān)

與各種角色融洽相處

可借助一些 協(xié)作平臺 來規(guī)范研發(fā)流程老速，如需求的追加粥喜、任務(wù)分派、提交 BUG 等橘券。相關(guān)人員通過日志额湘、文檔開展工作。

協(xié)作平臺：Worktile 旁舰、 有道云協(xié)作 锋华、 ProcessOn (在線繪圖)

發(fā)布應(yīng)用程序

• 灰度發(fā)布：在發(fā)布新版本時，僅針對少部分用戶樣本發(fā)布鬓梅」┲茫灰度發(fā)布是一種常用的產(chǎn)品測試及質(zhì)量管理工具谨湘。對于用戶量大的產(chǎn)品绽快，貿(mào)然發(fā)布一個新版本取代用戶當前使用的版本芥丧，風險太大。因此互聯(lián)網(wǎng)公司摸索出了一種工具坊罢，即灰度發(fā)布续担。

快速制作原型

快速原型的工具有很多，推薦幾款制作工具：墨刀 活孩、 Axure PR 物遇、 Proto.io

伍 運營

運營的概述

運營的定義

在互聯(lián)網(wǎng)中，針對不同群體推廣產(chǎn)品憾儒，進行內(nèi)容建議询兴，并通過數(shù)據(jù)指標優(yōu)化運營手段、產(chǎn)品功能與體驗等行為起趾。

• 運營三要素：產(chǎn)品诗舰、用戶和渠道，如圖 5-1 所示训裆。

圖 5-1 運營三要素

• 運營的目標：運營是以目標為導(dǎo)向眶根，數(shù)據(jù)為基礎(chǔ)的工作。一切工作都圍繞著運營三要素來進行边琉，即產(chǎn)品属百、用戶和渠道。運營的目標如圖 5-2 所示变姨。

圖 5-2 運營的目標

• 產(chǎn)品族扰、運營、設(shè)計工作的關(guān)系：為了達到運營目標定欧，運營經(jīng)理需要與產(chǎn)品經(jīng)理别伏、設(shè)計師等配合工作，如圖 5-3 所示忧额，簡單地描述了產(chǎn)品經(jīng)理厘肮、運營經(jīng)理和設(shè)計師的工作關(guān)系。

  圖 5-3 產(chǎn)品睦番、運營类茂、設(shè)計工作關(guān)系圖

運營工作內(nèi)容及崗位

• 典型的產(chǎn)品生命周期：即每個階段的運營重點都不同。圖 5-4 展示了一款產(chǎn)品的生命周期托嚣。

  圖 5-4 產(chǎn)品的生命周期

• 運營目標：可量化的指標

  • 拉新：為 APP 帶來下載或注冊巩检，或微信公眾號拉粉。
    常用手段有：搜索引擎優(yōu)化示启，廣告投放兢哭，渠道合作、社交媒體推廣夫嗓。
  • 留存：想辦法留住用戶迟螺。運營的方式為：優(yōu)化產(chǎn)品內(nèi)容機制冲秽；策劃活動與用戶互動。
  • 促活：
    • 促用戶更高頻使用產(chǎn)品矩父，增加用戶黏性锉桑。可用 等級設(shè)定窍株、激勵體系民轴、積分制度 等增加長期活躍性。
    • 已流失的用戶球订，通過 站內(nèi)信后裸、郵件、短信 等手段召回冒滩。
  • 營收：增加付費用戶和提高付費用戶的活躍度轻抱。

運營工作方法論

• 如何讓運營手段更抓住人心，追根溯源就是研究人性旦部，一款好的產(chǎn)品及運營祈搜，一定能迎合人性七宗罪中的其中之一。下述為 利用人性 的產(chǎn)品功能舉例士八。
  • 色欲：美女直播容燕、陌陌、基于 LBS (基于位置的服務(wù)) 的陌生人社交婚度。
  • 虛榮：游戲裝備蘸秘。
  • 貪婪：雙十一折扣、抽獎蝗茁、送紅包醋虏。
  • 懶惰：一鍵下單、二維碼哮翘。
  • 窺探：無秘颈嚼、悄悄關(guān)注。
  • 傲慢：吵架營銷饭寺、粉絲大戰(zhàn)阻课。
• 數(shù)據(jù)化運營：基于數(shù)據(jù)的運營決策更可靠。
  • 產(chǎn)品數(shù)據(jù)
    • 用戶注冊：包括下載量艰匙、注冊用戶激活數(shù)限煞、APP 打開數(shù)、新增注冊數(shù)等员凝；
    • 用戶留存：留存率署驻、使用留存、購買留存等；
    • 用戶活躍：活躍用戶數(shù)旺上、注冊活躍轉(zhuǎn)化率瓶蚂、APP 啟動數(shù)、訪問頻率抚官、瀏覽時長等扬跋；
    • 營收數(shù)據(jù)：付費用戶數(shù)阶捆、付費轉(zhuǎn)化率凌节、付費金額、付費頻次等洒试；
    • 功能數(shù)據(jù)：每日評論數(shù)倍奢、交互反饋次數(shù) (收藏、分享垒棋、喜歡等功能)卒煞。
  • 用戶數(shù)據(jù)：用戶畫像 (性別、職業(yè)叼架、學歷畔裕、年齡、地域乖订、使用設(shè)備扮饶、操作系統(tǒng)、消費行為)乍构。

活動運營

什么是活動運營

• 傳統(tǒng)行業(yè)短期的活動促銷甜无，帶來一定人氣增長、銷售額增加哥遮。
• 社交網(wǎng)絡(luò)的病毒式傳播岂丘，例如春晚微信搖紅包、支付寶集五福等眠饮。

活動使用場景

• 常規(guī)活動：有針對性提高某一指標奥帘，或新功能推廣。其活動形式有：簽到仪召、邀請好友翩概、新用戶福利。
• 節(jié)日：每個節(jié)日都有其自帶的屬性返咱，利用節(jié)假日的情感共鳴钥庇。如表 5-1 所示。

<center>表 5-1 常見節(jié)日舉例</center>

每個節(jié)日都有其自帶屬性氧秘，例如春節(jié)會想到春運年鸳，雙十一想到打折促銷、中秋節(jié)想到團圓等丸相。

• 突發(fā)熱點事件：極具話題性搔确，短期爆發(fā)力強，能迅速傳播灭忠。如表 5-2 列舉了一些熱點膳算。

<center>表 5-2 熱點舉例</center>

例如印颤，肌萎縮側(cè)索硬化癥引發(fā)的冰桶挑戰(zhàn)，達到的效果有：微博話題閱讀超 7 億穿肄，捐款總額達 137 萬元年局。

如何策劃線上活動

策劃線上活動共四階段，即準備階段咸产、策劃階段矢否、執(zhí)行階段和總結(jié)階段。

• 準備階段：活動前的準備

  • 活動需求：目的脑溢、人群僵朗、平臺、機會點 (借勢發(fā)揮，如世界杯)
  • 活動目的：量化為數(shù)據(jù)指標验庙，核心目標為推廣品牌顶吮、拉新用戶、促進消費粪薛、提升用戶活躍度悴了。

• 策劃階段：活動方案策劃

  • 明確活動的時間、內(nèi)容违寿、規(guī)范湃交、文案验残、流程培己；
  • 確認獎品及協(xié)調(diào)推廣資源；

  [注意] 策劃方案時應(yīng)：

  1. 流程簡單，文案清晰菌瘪；
  2. 吸引力，例如獎勵等手段阱当；
  3. 適時反饋俏扩，精神激勵。例如動態(tài)顯示參與人數(shù)弊添、突出用戶收益录淡、獲獎用戶輪播。

• 執(zhí)行階段：活動上線后做好三點

  • 客服跟進：解決用戶疑難油坝，平息用戶情緒嫉戚。
  • 監(jiān)控數(shù)據(jù)：隨時調(diào)整，保證活動質(zhì)量和預(yù)期澈圈。
  • 分布活動結(jié)果和活動善后 (不要讓用戶感到被欺騙)彬檀。

• 總結(jié)階段

  • 用戶參與情況和數(shù)據(jù)，用以判斷是否達到目標瞬女。
  • 總結(jié)活動經(jīng)驗窍帝，提煉亮點和失誤點，為下次活動做準備诽偷。

案例分析

以 “新浪微博愚人節(jié)刮獎” 活動為例坤学。

• 活動類型：游戲
• 活動目標：提升用戶活躍度
• 活動時間：愚人節(jié)，七天活動
• 目標人群及切入需求：針對老用戶 -> 逐利心理
• 平臺：手機
• 交互方式：模擬真實的刮獎操作
• 規(guī)則判定
  • 每天每個用戶可參與 5 次 刮刮卡活動报慕，第一次免費深浮。
  • 完成某些指定任務(wù)可獲得更多抽獎活動。
• 獎品設(shè)置
  • 根據(jù)預(yù)算控制獎品數(shù)量和中獎概率眠冈。
  • 頭獎要吸引眼球飞苇，配合普通獎品，增加用戶獲獎信心。
• 文案與視覺設(shè)計
  • 標題醒目玄柠，規(guī)則明確突梦，頁面簡潔。
  • 結(jié)合活動主題渲染氣氛羽利。
• 活動指標：參與人數(shù)宫患，傳播度 (分享數(shù))，任務(wù)完成度这弧，活動期間的活躍用戶數(shù)娃闲。

H5 與 Banner 的設(shè)計

H5 表現(xiàn)形式

H5，即第五代 HTML匾浪，也泛指利用 HTML5 語言制作的頁面皇帮。在開始設(shè)計前，先了解 H5 專題頁的類型蛋辈。

• 按功能形式分：如圖 5-5 所示属拾。

圖 5-5 按功能形式分的 H5

• 按目標分：如圖 5-6 所示。

圖 5-6 按目標分的 H5

• 在確定了專題頁的功能與目標后冷溶，接下來的設(shè)計階段尤為關(guān)鍵渐白。即可從用戶角度出發(fā)，思考用戶的分享動機 (共六種情況)逞频。

  • 利益相關(guān)：有獎形式 促進用戶分享纯衍。
  • 有所收獲：通過傳播內(nèi)容，學習自己感興趣的知識苗胀，或 自我提升襟诸。
  • 身份認同：內(nèi)容使某一類型人產(chǎn)生身份認同和歸屬感。
  • 成就吸引：朋友間競技基协，滿足用戶 炫耀心理需求歌亲。
  • 情感共鳴：情感共鳴，從而產(chǎn)生集體回憶的分享沖動堡掏。
  • 借助熱點：借助 當前熱點应结，吸引用戶眼球。

• H5 頁面表現(xiàn)形式

  • 展示型：支付寶十年賬單泉唁、微信故事鹅龄。
  • 互動型：只能招聘的職場神曲 DIY。
  • 產(chǎn)品型：微信公眾號里的微商城亭畜，如京東扮休。

Banner

投放于線上 (PC端、移動端) 的各種尺寸和形狀的廣告圖拴鸵。

• 設(shè)計流程
  • 了解目的玷坠，定義信息優(yōu)先級蜗搔；
  • 確定文案，確定設(shè)計方向八堡；
  • 視覺設(shè)計排版樟凄，討論修改.
• 搭配方式 => 輸出 Banner
  • 內(nèi)容專題：文案 + 主體物或文案 + 背景形式。P238
  • 電商：文案 + 主體物 + 背景形式兄渺。P239
  • 活動：文案 + 主體物 + 引導(dǎo) Button + 背景 + 引導(dǎo) Button 的形式缝龄。P240-241

陸 服務(wù)設(shè)計

概念

服務(wù)設(shè)計的定義

一種新興領(lǐng)域，主要關(guān)注通過 有形挂谍、無形媒介的結(jié)合方式 形成細致考量過的 體驗設(shè)計過程叔壤。它已經(jīng)在實踐中為各種傳統(tǒng)下行業(yè)都帶來了更優(yōu)良的用戶體驗。

相關(guān)術(shù)語

本章節(jié)將圍繞一個虛構(gòu)的餐館為例口叙，姑且稱他為 美食與愛炼绘。

• 服務(wù)提供者：除一般含義的服務(wù)人員外，還包括電子顯示屏妄田、按鈕開關(guān)等實體俺亮。

  在 美食與愛 中，就包括侍應(yīng)形庭、收銀員铅辞、廚師厌漂、后臺系統(tǒng)等萨醒。

• 利益相關(guān)者：服務(wù)提供者所屬的商業(yè)實體負責人。

  餐館老板苇倡、門店經(jīng)理富纸、收銀系統(tǒng)的服務(wù)商。

• 服務(wù)設(shè)計團隊：除設(shè)計師外旨椒，還包括利益相關(guān)者晓褪、一些顧客等。

• 顧客：指服務(wù)提供者面向的用戶综慎、消費者等涣仿。

• 觸點：顧客與服務(wù)提供者之間每個有接觸點的點。

  門口排位服務(wù)員示惊、侍應(yīng)好港、菜單、桌椅米罚。

• 服務(wù)周期：前期钧汹、中期和后期。

  以就餐為例：

  • 前期 顧客感到饑餓時录择，有人推薦或搜 美食與愛拔莱，前往餐館就餐碗降。
  • 中期 到門店后，需排位等待塘秦，收號入座讼渊，點菜，等就餐尊剔，就餐精偿，結(jié)賬。
  • 后期 離開餐館赋兵，呼叫的士回家 / 公司笔咽。

五個原則

• 用戶至上：應(yīng)通過客戶的視角出發(fā)來設(shè)計整套服務(wù)。

• 合作創(chuàng)新：設(shè)計師 (主持人)霹期，利益相關(guān)者叶组，服務(wù)提供人員，顧客历造。每種角色必須從自己視角出發(fā)提出想法甩十。

• 先后順序：服務(wù)是一般以 時間為序 的 動態(tài) 的過程，而每一 服務(wù)片段 類似電影中的幀一樣吭产，把服務(wù)結(jié)構(gòu)成一個個 獨立觸點 和 交互行為侣监。

• 有理有據(jù)：服務(wù)是無形的，需要用人工制品的形式“顯示”出來臣淤，讓其容易被感知橄霉。

  例如，酒店的清潔人員在客人不在時打掃衛(wèi)生邑蒋。

• 全局視覺：涉及的角色姓蜂、觸點眾多，具備全局視覺医吊，以統(tǒng)籌好各個環(huán)節(jié)钱慢。

設(shè)計流程

以下介紹服務(wù)設(shè)計的基本流程，即 探索 => 創(chuàng)造 => 反思 => 實施卿堂。

• 探索

  • 了解公司對于設(shè)計思維的態(tài)度束莫，是否接受服務(wù)設(shè)計這樣需要合作創(chuàng)新的設(shè)計流程。
  • 找服務(wù)設(shè)計要解決的本質(zhì)問題 (問題往往是公司自身的草描，或是從公司角度提出的)览绿。
  • 找出問題本質(zhì)所在。

  從 潛在顧客 和 顧客 的角度出發(fā)陶珠，理解他們當時的處境以及做出對應(yīng)行為背后的真實動機挟裂。

  • 設(shè)計師要把研究后的發(fā)現(xiàn)和現(xiàn)有服務(wù)流程可視化方法展現(xiàn)出來。

• 創(chuàng)造：產(chǎn)生解決方案的階段

  • 服務(wù)設(shè)計的最大特點：鼓勵各種試錯揍诽，而不是避免出錯诀蓉。

  • 階段任務(wù)：

    • 基于探索階段發(fā)現(xiàn)的核心問題栗竖；
    • 基于顧客需求；
    • 基于服務(wù)提供者本身訴求等約束條件渠啤；
    • 基于用戶旅程圖的一系列的觸點.

    設(shè)計新的方案狐肢，并不斷加以迭代驗證、優(yōu)化方案沥曹。

• 反思：創(chuàng)新階段產(chǎn)生新方案后份名，這個階段要進行測試驗證。

  • 產(chǎn)品原型 (人機交互 Demo / 實體產(chǎn)品小樣)妓美，找顧客或者專家進行測試評估僵腺，然后不斷改進以達到預(yù)期目標。
  • 服務(wù)原型：通過 角色扮演 等 互動沉侵 的方式壶栋，讓顧客與服務(wù)之間產(chǎn)生 真實的交互 以及 情感上的溝通辰如。

• 實施：工具 -- 服務(wù)藍圖

工具箱

在 This is service design thinking [1] 中，列舉了 24 種服務(wù)設(shè)計的工具贵试，下述選擇了其中三款常用工具進行闡述琉兜，即 影子跟隨法、顧客旅程圖毙玻、服務(wù)藍圖豌蟋，若對此模塊有興趣可查閱原書學習。

影子跟隨法

• 概念：研究人員或設(shè)計師把自己融入到顧客的桑滩，前后臺人員的日常生活或工作中去梧疲，像 影子 一樣跟著他們?nèi)ビ^察他們一舉一動。

  該方法可以真正做到從全局或者 上帝視覺 審視整個服務(wù)運作方式施符。

顧客旅程圖

• 概念：用 顧客 與 服務(wù) 之間產(chǎn)生互動的一個個 觸點 來構(gòu)成用戶完整旅程的 地圖往声。即這個圖是從顧客的視角表達出所有與服務(wù)之間互動的行為以及由于互動而產(chǎn)生的情感。

• 如何繪制顧客旅程圖

  • 1. 需要找到顧客與服務(wù)之間所有互動的行為觸點戳吝。
  • 2. 當所有行為觸點找出后，按時序的方式進行羅列以形成完整的體驗流程贯涎。
  • 3. 然后通過訪談或利用顧客自己的描述和記錄听哭，以顧客口吻表達出他們每個步驟的心理活動，對應(yīng)某種情緒塘雳，打分以形成情緒曲線圖陆盘。
  • 4. 分析旅程圖中情緒分值較低部分 (尤其是 谷底 時)，找出問題所在败明，往往當中存在不錯創(chuàng)新設(shè)計機會點隘马。

  如圖 6-1 所示，為餐館就餐的典型顧客旅程圖妻顶。

圖 6-1 餐館就餐的典型顧客旅程圖

服務(wù)藍圖

服務(wù)藍圖酸员，類似建筑設(shè)計的藍圖蜒车。

• 從全局的視覺詳細地設(shè)計服務(wù)體系里包含的所有對象、交互幔嗦、觸點等的圖形化語言酿愧。

• 該圖包含多種角色：用戶、服務(wù)提供者邀泉，涉及服務(wù)流程相關(guān)者嬉挡，觸點及后臺流程。

• 服務(wù)藍圖繪制方法：

  • 首先按時序把 用戶新的行為 (設(shè)計后的行為) 從左到右羅列出來汇恤。并從服務(wù)的前中后階段 (如就餐前庞钢、就餐時、就餐后) 對其進行分類因谎。
  • 在行為 上一行焊夸，列出用戶行為所接觸的物理觸點或環(huán)境。
  • 在行為 下一行蓝角，列出用戶交互的服務(wù)提供者阱穗。
  • 在行為 下兩行，是后臺服務(wù)提供者以及提供的支援流程使鹅。

  如圖 6-2 所示揪阶，針對餐館優(yōu)化后的服務(wù)藍圖。

圖 6-2 針對餐館優(yōu)化后的服務(wù)藍圖

參考資料

[1] Schneider, Jakob. This is service design thinking [M]. Canada: BIS Publishers, 2011
[2] 趙晉. 波士頓矩陣分析在實際案例中的運用[J]. 中國高新技術(shù)企業(yè),2008,(8).
[3] 張鏡天. 波士頓矩陣在酒類營銷中的運用[J]. 中國酒業(yè). 2006,(1).
[4] 上海質(zhì)量科學研究院. 顧客滿意的測量患朱、分析與改進[M]. 中國標準出版社,2009.10.
[5] Kofe. 一個 APP 的誕生：以設(shè)計師角度造產(chǎn)品（讀書筆記）[OL]. kofes.cn. 2018