電子商務(wù)項目策劃與原型設(shè)計

第1章　電子商務(wù)項目策劃基礎(chǔ)——確定目標(biāo)用戶及品牌調(diào)性 001
1.1　電子商務(wù)分類和項目特點 001
1.1.1　了解電子商務(wù)平臺的分類 002
1.1.2　電子商務(wù)項目的特點 004
1.2　電子商務(wù)的人才與崗位 005
1.2.1　電子商務(wù)人才類型 005
1.2.2　電子商務(wù)崗位分析 006
1.3　電子商務(wù)項目的開發(fā)流程 007
1.4　電子商務(wù)項目的需求分析 008
1.4.1　企業(yè)業(yè)務(wù)分析 009
1.4.2　市場分析 009
1.4.3　競爭對手分析 010
1.5　任務(wù)一——確定創(chuàng)意家居App目標(biāo)用戶 012
1.5.1　任務(wù)描述——掌握用戶畫像分析法 012
1.5.2　技術(shù)引進(jìn)——掌握用戶訪談法 014
※課堂練習(xí)　小戶型沙發(fā)床用戶畫像 015
1.5.3　任務(wù)實施——收集用戶對家居App的操作體驗 016
※舉一反三　繪制自己店鋪用戶畫像 018
1.6　任務(wù)二——打造創(chuàng)意家居App品牌 018
1.6.1　任務(wù)描述——了解品牌的調(diào)性 019
1.6.2　技術(shù)引進(jìn)——視覺錘和語言釘?shù)倪\用 020
※課堂練習(xí)　區(qū)分非語言信息和語言信息 022
1.6.3　任務(wù)實施——分析成功運用視覺錘和語言釘?shù)钠放?023
※舉一反三　理解視覺錘的強弱 024
1.7　任務(wù)三——完成創(chuàng)意家居App項目策劃書 024
1.7.1　任務(wù)描述——電子商務(wù)項目策劃原則 024
1.7.2　技術(shù)引進(jìn)——網(wǎng)站策劃書編寫標(biāo)準(zhǔn) 026
※課堂練習(xí)　提煉電子商務(wù)項目策劃書大綱 026
1.7.3　任務(wù)實施——完成創(chuàng)意家居App策劃書 027
※舉一反三　完成體育經(jīng)營App項目策劃書 029
1.8　本章小結(jié) 029
1.9　課后習(xí)題 029
1.9.1　選擇題 029
1.9.2　填空題 030
1.10　創(chuàng)新實操 030
第2章　電子商務(wù)項目與思維導(dǎo)圖——將大腦思維形象化 031
2.1　了解思維導(dǎo)圖 031
2.1.1　思維導(dǎo)圖的設(shè)計依據(jù) 032
2.1.2　思維導(dǎo)圖的特征 032
2.1.3　思維導(dǎo)圖的作用 033
2.2　思維導(dǎo)圖的操作流程 034
2.3　思維導(dǎo)圖軟件簡介 036
2.3.1　MindMeister 036
2.3.2　XMind 036
2.3.3　MindManager  037
2.4　思維導(dǎo)圖的基本類型 037
2.5　任務(wù)一——繪制App會員系統(tǒng)思維導(dǎo)圖 040
2.5.1　任務(wù)描述——了解App會員系統(tǒng) 040
2.5.2　技術(shù)引進(jìn)——XMind ZEN 2020初探 041
※課堂練習(xí)　安裝并使用XMind ZEN 2020 042
2.5.3　任務(wù)實施——繪制創(chuàng)意家居App會員系統(tǒng)思維導(dǎo)圖 044
※舉一反三　思維導(dǎo)圖的關(guān)鍵詞規(guī)則 047
2.6　任務(wù)二——繪制App購物系統(tǒng)思維導(dǎo)圖 048
2.6.1　任務(wù)描述——了解App購物系統(tǒng) 048
2.6.2　技術(shù)引進(jìn)——使用快捷鍵繪制思維導(dǎo)圖 049
※課堂練習(xí)　自定義快捷鍵 051
2.6.3　任務(wù)實施——繪制創(chuàng)意家居App購物系統(tǒng)思維導(dǎo)圖 052
※舉一反三　思維導(dǎo)圖的線條使用規(guī)則 054
2.7　任務(wù)三——繪制App設(shè)計師系統(tǒng)思維導(dǎo)圖 055
2.7.1　任務(wù)描述——色彩對思維導(dǎo)圖的影響 055
2.7.2　技術(shù)引進(jìn)——思維導(dǎo)圖的格式化 056
※課堂練習(xí)　格式化思維導(dǎo)圖 058
※任務(wù)實施　繪制創(chuàng)意家居設(shè)計師系統(tǒng)思維導(dǎo)圖 060
※舉一反三　思維導(dǎo)圖的圖標(biāo)使用規(guī)則 061
2.8　本章小結(jié) 062
2.9　課后習(xí)題 062
2.9.1　選擇題 062
2.9.2　填空題 063
2.10　創(chuàng)新實操 063
第３章　電子商務(wù)項目草圖制作——使用草圖確定項目內(nèi)容和布局 064
3.1　了解草圖的概念 064
3.2　了解草圖的特點 066
3.3　草圖功能的表現(xiàn) 067
3.3.1　表達(dá)設(shè)計師的構(gòu)想 067
3.3.2　便于與客戶溝通 067
3.3.3　便于團隊之間交流 068
3.4　草圖常見的表現(xiàn)形式 070
3.4.1　構(gòu)思草圖 070
3.4.2　設(shè)計草圖 071
3.5　電子商務(wù)頁面布局 072
3.5.1　頁面結(jié)構(gòu) 072
3.5.2　導(dǎo)航設(shè)置 073
3.6　電子商務(wù)頁面設(shè)計規(guī)則 074
3.7　任務(wù)一——設(shè)計制作App啟動頁面草圖 076
3.7.1　任務(wù)描述——了解App啟動界面 076
3.7.2　技術(shù)引進(jìn)——Axure RP 9初探 076
※課堂練習(xí)　安裝Axure RP 9 079
3.7.3　任務(wù)實施——制作創(chuàng)意家居App啟動頁面草圖 084
※舉一反三　新建iOS系統(tǒng)頁面 087
3.8　任務(wù)二——設(shè)計制作App會員系統(tǒng)草圖 089
3.8.1　任務(wù)描述——會員系統(tǒng)頁面的組成 089
3.8.2　技術(shù)引進(jìn)——Axure RP 9的頁面設(shè)置 089
※課堂練習(xí)　創(chuàng)建并應(yīng)用頁面樣式 094
3.8.3　任務(wù)實施——制作創(chuàng)意家居App會員系統(tǒng)草圖 097
※舉一反三　創(chuàng)建Android系統(tǒng)頁面樣式 100
3.9　任務(wù)三——設(shè)計制作App設(shè)計師系統(tǒng)草圖 100
3.9.1　任務(wù)描述——設(shè)計師系統(tǒng)頁面的組成 100
3.9.2　技術(shù)引進(jìn)——Axure RP 9的元件和元件庫 101
※課堂練習(xí)　制作水平菜單 102
3.9.3　任務(wù)實施——制作創(chuàng)意家居App設(shè)計師系統(tǒng)草圖 107
※舉一反三　創(chuàng)建圖標(biāo)元件庫 110
3.10　本章小結(jié) 111
3.11　課后習(xí)題 111
3.11.1　選擇題 112
3.11.2　填空題 112
3.12　創(chuàng)新實操 112
第4章　電子商務(wù)項目原型設(shè)計——使用原型展示項目的界面 113
4.1　了解原型設(shè)計 113
4.1.1　什么是原型設(shè)計 113
4.1.2　原型設(shè)計的參與者 114
4.1.3　常見原型制作工具 114
4.2　原型的表現(xiàn)手法 116
4.2.1　草圖 116
4.2.2　低保真 116
4.2.3　高保真 117
4.3　原型設(shè)計的重要性 118
4.3.1　完善和優(yōu)化產(chǎn)品需求方案 119
4.3.2　便于評估產(chǎn)品需求 119
4.3.3　有效提升團隊成員的溝通效率 120
4.4　原型制作與用戶體驗 120
4.4.1　用戶體驗方式 121
4.4.2　用戶體驗要素 122
4.4.3　用戶體驗的需求層次 124
4.5　任務(wù)一——設(shè)計制作App啟動頁面 124
4.5.1　任務(wù)描述——了解App啟動頁面 125
4.5.2　技術(shù)引進(jìn)——設(shè)置元件的樣式 125
※課堂練習(xí)　制作下畫線效果 131
4.5.3　任務(wù)實施——設(shè)計制作創(chuàng)意家居啟動頁面 136
※舉一反三　設(shè)計制作手機產(chǎn)業(yè)流程圖 141
4.6　任務(wù)二——設(shè)計制作App會員頁面 141
4.6.1　任務(wù)描述——了解會員系統(tǒng)的作用 141
4.6.2　技術(shù)引進(jìn)——使用表單元件 142
※課堂練習(xí)　創(chuàng)建文本框 143
4.6.3　任務(wù)實施——設(shè)計制作創(chuàng)意家居會員頁面 148
※舉一反三　新建iOS系統(tǒng)布局母版 151
4.7　任務(wù)三——設(shè)計制作App購物頁面 152
4.7.1　任務(wù)描述——了解購物系統(tǒng)的結(jié)構(gòu) 153
4.7.2　技術(shù)引進(jìn)——創(chuàng)建和管理樣式 153
※課堂練習(xí)　創(chuàng)建并應(yīng)用文本樣式 155
4.7.3　任務(wù)實施——設(shè)計制作創(chuàng)建家居設(shè)計師頁面 158
※舉一反三　設(shè)計制作iOS系統(tǒng)功能圖標(biāo) 161
4.8　本章小結(jié) 162
4.9　課后習(xí)題 162
4.9.1　選擇題 163
4.9.2　填空題 163
4.10　創(chuàng)新實操 163
第5章　電子商務(wù)項目交互設(shè)計——使用交互展示項目流程 164
5.1　交互設(shè)計的概念 165
5.2　電子商務(wù)中的交互設(shè)計 165
5.2.1　可點擊區(qū)域宜大不宜小 166
5.2.2　給用戶的選項宜少不宜多 166
5.2.3　使用接近原則 168
5.2.4　使用防錯性原則 168
5.2.5　選用簡捷設(shè)計 169
5.3　交互設(shè)計對用戶體驗的影響 170
5.3.1　快速找到目標(biāo)商品 170
5.3.2　快速獲取和理解信息 170
5.3.3　帶動用戶購物情緒 171
5.4　電子商務(wù)的交互邏輯 172
5.4.1　注冊與登錄中的交互設(shè)計 172
5.4.2　選擇過程中的交互設(shè)計 173
5.4.3　結(jié)算過程中的交互設(shè)計 176
5.4.4　評價系統(tǒng)中的交互設(shè)計 177
5.5　任務(wù)一——為App原型添加頁面交互 178
5.5.1　任務(wù)描述——為App添加頁面導(dǎo)航交互 178
5.5.2　技術(shù)引進(jìn)——在Axure RP中添加頁面交互 178
※課堂練習(xí)　打開頁面鏈接 180
5.5.3　任務(wù)實施——設(shè)計制作頁面導(dǎo)航交互 183
※舉一反三　為母版添加頁面交互 190
5.6　任務(wù)二——為App原型添加會員交互 191
5.6.1　任務(wù)描述——添加元件交互效果 191
5.6.2　技術(shù)引進(jìn)——在Axure RP中添加元件交互 191
※課堂練習(xí)　顯示/隱藏圖片 194
5.6.3　任務(wù)實施——設(shè)計制作注冊/登錄交互 199
※舉一反三　制作App輪播圖原型 201
5.7　任務(wù)三——為App原型添加購物交互 202
5.7.1　任務(wù)描述——利用動態(tài)面板添加交互效果 202
5.7.2　技術(shù)引進(jìn)——動態(tài)面板的使用 203
※課堂練習(xí)　使用動態(tài)面板 206
5.7.3　任務(wù)實施——設(shè)計制作用戶購物交互 208
※舉一反三　制作動態(tài)按鈕效果 213
5.8　本章小結(jié) 215
5.9　課后習(xí)題 215
5.9.1　選擇題 215
5.9.2　填空題 215
5.10　創(chuàng)新實操 216