本書全面介紹互聯(lián)網產品設計與思維的知識。全書共8章,主要內容包括產品設計的流程、Axure工具的使用、需求獲取及需求分析、產品結構圖和產品流程圖繪制、產品的低保真原型圖繪制、交互設計、高保真原型圖制作和產品迭代。本書知識覆蓋面廣,各知識模塊既相互關聯(lián),又相對獨立,每個知識模塊都配有項目案例,可以使產品設計人員快速、全面地掌握產品設計的思維與技巧。本書配有源代碼、習題、教學課件等資源。初學者還可以通過在線答疑來解決學習中遇到的問題。 本書適合作為高等院校相關專業(yè)的互聯(lián)網產品交互設計課程教材,也可作為互聯(lián)網產品設計、電商從業(yè)人員的培訓教材。
序言
江蘇傳智播客教育科技股份有限公司(簡稱傳智播客)是一家致力于培養(yǎng)高素質軟件開發(fā)人才的科技公司,黑馬程序員是傳智播客旗下高端IT教育品牌。
黑馬程序員的學員多為大學畢業(yè)后,想從事IT行業(yè),但各方面條件還不成熟的年輕人。黑馬程序員的學員篩選制度非常嚴格,包括了嚴格的技術測試、自學能力測試,還包括性格測試、壓力測試、品德測試等。百里挑一的殘酷篩選制度確保學員質量,并降低企業(yè)的用人風險。
自黑馬程序員成立以來,教學研發(fā)團隊一直致力于打造精品課程資源,不斷在產、學、研三個層面創(chuàng)新自己的執(zhí)教理念與教學方針,并集中黑馬程序員的優(yōu)勢力量,有針對性地出版了計算機系列教材80多種,制作教學視頻數十套,發(fā)表各類技術文章數百篇。
黑馬程序員不僅斥資研發(fā)IT系列教材,還為高校師生提供以下配套學習資源與服務。
為大學生提供的配套服務
1. 請登錄高校學習平臺http://yx.ityxb.com,免費獲取海量學習資源,幫助高校學生解決學習問題。
2. 針對高校學生在學習過程中存在的壓力等問題,我們還面向大學生量身打造了IT技術女神播妞學姐,可提供教材配套源碼和習題答案,以及更多IT學習資源,同學們快來關注播妞學姐的微信公眾號:boniu1024。
播妞學姐微信公眾號
為教師提供的配套服務
針對高校教學,黑馬程序員為IT系列教材精心設計了教案 授課資源 考試系統(tǒng) 題庫 教學輔助案例的系列教學資源,高校老師請登錄高校教輔平臺http://yx.ityxb.com或關注碼大牛老師微信/QQ:2011168841,獲取教材配套資源,也可以掃描下方二維碼,加入專為IT教師打造的師資服務平臺教學好助手,獲取最新教師教學輔助資源的相關動態(tài)。
互聯(lián)網產品設計思維與實踐
隨著移動互聯(lián)技術的飛速發(fā)展,互聯(lián)網 時代已經悄然到來,越來越多的企業(yè)投入互聯(lián)網的浪潮中,互聯(lián)網產品的種類也琳瑯滿目淘寶、微信、支付寶、愛奇藝……互聯(lián)網產品在給人們帶來便利的同時,也在改變著人們的生活方式。在工作中,與互聯(lián)網產品相關的崗位種類繁多產品經理、交互設計、UI設計……面對如此熱門的行業(yè)需求,許多其他行業(yè)的從業(yè)者也紛紛加入到互聯(lián)網產品的隊伍中。
為什么要學習本書
雖然市面上有很多關于互聯(lián)網產品的書籍,但大多偏重理論,對于零基礎或者基礎偏弱的產品從業(yè)者來說,學完這些理論后仍然是一頭霧水。本書通過理論和項目實踐相結合的方法,幫助想從事互聯(lián)網產品工作的人從入門到實踐,真正摸透這個行業(yè)!
如何使用本書
本書針對互聯(lián)網產品設計和交互領域的從業(yè)人員,以理論 案例的形式組織知識點。本書以互聯(lián)網產品的實現(xiàn)流程為主線,詳細講解了產品基礎、產品設計工具、需求、產品規(guī)劃、產品原型、交互設計、產品迭代等知識,同時以一個互聯(lián)網產品綜合項目貫穿全書,力求讓不同層次的讀者都能全面、系統(tǒng)、快速地掌握產品設計的相關知識,真正具備設計互聯(lián)網產品的實戰(zhàn)能力。
本書分為8章,其中第1章介紹互聯(lián)網產品基礎知識,第2章介紹Axure工具的使用,第3~7章介紹產品的實現(xiàn),第8章介紹產品迭代。各章的主要內容如下。
第1章介紹互聯(lián)網產品的相關知識,包括什么是互聯(lián)網產品、互聯(lián)網產品經理的工作內容、常用的互聯(lián)網產品設計工具以及互聯(lián)網產品設計流程等。
第2章介紹Axure工具的使用方法。
第3章介紹產品立項前的知識,包括需求獲取、需求分析、需求文檔等。
第4章介紹產品規(guī)劃,包括產品結構圖和產品業(yè)務流程圖。
第5章介紹低保真原型圖設計和產品需求文檔,包括低保真原型圖繪制規(guī)范、繪制方法和產品需求文檔撰寫方法。
第6章介紹交互設計,包括交互設計概述、Axure交互設計基礎等。
第7章介紹設計常識和產品高保真原型圖制作。
第8章介紹產品迭代,包括產品迭代流程、網站結構等。
本書以綜合項目貫穿全書,語言通俗易懂,內容豐富,知識涵蓋面廣,非常適合互聯(lián)網產品設計的初學者、互聯(lián)網產品經理以及互聯(lián)網產品設計愛好者閱讀,也可作為大學選修課教材。
意見反饋
本書的編寫工作由傳智播客教育科技股份有限公司黑馬程序員團隊完成,主要參與人員有呂春林、王哲、孟方思等,本團隊全體人員在接近一年的編寫過程中付出了辛勤的勞動。
盡管我們盡了最大的努力,本書中仍然難免有不妥之處,歡迎各界專家和讀者朋友提出寶貴意見,我們將不勝感激。您可以通過電子郵件與我們取得聯(lián)系。我們的電子郵件是itcast_book@vip.sina.com。
黑馬程序員
2019年6月于北京 前言互聯(lián)網產品設計思維與實踐
目錄
第1章認識互聯(lián)網產品1
1.1產品概述1
1.1.1什么是產品1
1.1.2互聯(lián)網產品3
1.1.3互聯(lián)網產品的分類4
1.2產品經理5
1.3互聯(lián)網產品經理的工作內容7
1.3.1圖形產出7
1.3.2產品管理10
1.3.3溝通協(xié)調11
1.4產品設計行業(yè)術語11
1.5產品工具13
1.5.1Axure RP13
1.5.2XMind14
1.5.3Visio14
1.6互聯(lián)網產品的設計流程16
1.6.1產品構想16
1.6.2產品需求分析和論證17
1.6.3產品設計18
1.6.4開發(fā)和測試19
1.6.5產品上線、運營和迭代20
階段案例: 洗刷刷App產品設計流程21
第2章Axure工具基本操作23
2.1軟件基礎23
2.2Axure工作界面介紹24
2.3常用元件28
2.3.1Default元件庫28
2.3.2Flow元件庫30
2.3.3Icons元件庫312.4Axure的基本用法31
2.4.1Axure的基本操作31
2.4.2元件的基本操作38
階段案例: 載入自定義元件庫48
2.4.3母版的使用50
目錄互聯(lián)網產品設計思維與實踐第3章需求53
3.1需求概述53
3.1.1什么是需求53
3.1.2需求的本質54
3.2需求獲取54
3.2.1用戶訪談54
階段案例: 用戶訪談記錄表56
3.2.2調查問卷57
階段案例: 如何設計調查問卷58
3.2.3在競品分析中獲取需求59
階段案例: 如何編寫競品分析報告63
3.3需求分析64
3.4需求梳理65
3.4.1需求篩選65
3.4.2產品可行性分析66
3.5商業(yè)需求文檔68
3.5.1商業(yè)需求文檔概述68
3.5.2商業(yè)需求文檔的匯報對象68
3.5.3商業(yè)需求文檔的用途69
3.5.4商業(yè)需求文檔的內容69
階段案例: 如何撰寫商業(yè)需求文檔70
3.6市場需求文檔71
3.6.1市場需求文檔概述71
3.6.2市場需求文檔的作用71
3.6.3常用的兩大產品分析法72
階段案例: 如何撰寫市場需求文檔73
第4章產品規(guī)劃79
4.1產品結構圖79
4.1.1產品結構圖簡介79
4.1.2產品結構圖制作軟件XMind81
階段案例: 產品結構圖繪制86
4.2產品流程圖90
4.2.1產品流程圖簡介90
4.2.2業(yè)務流程圖繪制92
階段案例: 業(yè)務流程圖繪制96
第5章低保真原型圖設計和PRD104
5.1低保真原型圖繪制規(guī)范104
5.2洗刷刷App低保真原型圖制作與分析106
5.2.1首頁功能分析107
階段案例: 洗刷刷App首頁低保真原型圖制作108
5.2.2積分商城功能分析113
5.2.3登錄/注冊功能分析113
5.3產品需求文檔114
階段案例: 撰寫產品需求文檔115
第6章交互設計117
6.1認識交互設計117
6.1.1什么是交互117
6.1.2交互設計概述118
6.1.3交互設計五要素118
6.1.4交互設計原則119
6.1.5頁面提示語120
6.2Axure交互設計基礎121
6.2.1事件121
6.2.2用例122
6.2.3動作122
6.2.4交互樣式124
階段案例: 鼠標懸停、單擊效果制作125
6.3動態(tài)面板130
6.3.1動態(tài)面板的創(chuàng)建方式130
6.3.2動態(tài)面板的使用131
階段案例: 焦點圖切換134
第7章設計常識和產品高保真原型圖144
7.1設計常識144
7.1.1設計構圖144
7.1.2設計色彩153
7.2洗刷刷App高保真原型圖制作159
7.2.1界面設計159
7.2.2切圖160
7.2.3移動設備參數和原型尺寸162
7.2.4創(chuàng)建原型模板164
階段案例: 洗刷刷App高保真原型圖模板165
7.2.5高保真頁面交互效果167
階段案例: 首頁高保真交互效果168
階段案例: 積分商城頁面上下滑動效果177
7.2.6在真實移動設備中預覽高保真原型圖179
階段案例: 在移動設備上預覽洗刷刷App高保真原型圖179
第8章產品迭代182
8.1產品迭代概述182
8.1.1什么是產品迭代182
8.1.2產品迭代流程184
8.2網頁結構和布局186
階段案例: 洗刷刷App商城首頁開發(fā)迭代189