電子商務(wù)項(xiàng)目策劃與原型設(shè)計(jì)

第1章　電子商務(wù)項(xiàng)目策劃基礎(chǔ)——確定目標(biāo)用戶及品牌調(diào)性 001
1.1　電子商務(wù)分類和項(xiàng)目特點(diǎn) 001
1.1.1　了解電子商務(wù)平臺(tái)的分類 002
1.1.2　電子商務(wù)項(xiàng)目的特點(diǎn) 004
1.2　電子商務(wù)的人才與崗位 005
1.2.1　電子商務(wù)人才類型 005
1.2.2　電子商務(wù)崗位分析 006
1.3　電子商務(wù)項(xiàng)目的開發(fā)流程 007
1.4　電子商務(wù)項(xiàng)目的需求分析 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ù)實(shí)施——收集用戶對家居App的操作體驗(yàn) 016
※舉一反三　繪制自己店鋪用戶畫像 018
1.6　任務(wù)二——打造創(chuàng)意家居App品牌 018
1.6.1　任務(wù)描述——了解品牌的調(diào)性 019
1.6.2　技術(shù)引進(jìn)——視覺錘和語言釘?shù)倪\(yùn)用 020
※課堂練習(xí)　區(qū)分非語言信息和語言信息 022
1.6.3　任務(wù)實(shí)施——分析成功運(yùn)用視覺錘和語言釘?shù)钠放?023
※舉一反三　理解視覺錘的強(qiáng)弱 024
1.7　任務(wù)三——完成創(chuàng)意家居App項(xiàng)目策劃書 024
1.7.1　任務(wù)描述——電子商務(wù)項(xiàng)目策劃原則 024
1.7.2　技術(shù)引進(jìn)——網(wǎng)站策劃書編寫標(biāo)準(zhǔn) 026
※課堂練習(xí)　提煉電子商務(wù)項(xiàng)目策劃書大綱 026
1.7.3　任務(wù)實(shí)施——完成創(chuàng)意家居App策劃書 027
※舉一反三　完成體育經(jīng)營App項(xiàng)目策劃書 029
1.8　本章小結(jié) 029
1.9　課后習(xí)題 029
1.9.1　選擇題 029
1.9.2　填空題 030
1.10　創(chuàng)新實(shí)操 030
第2章　電子商務(wù)項(xiàng)目與思維導(dǎo)圖——將大腦思維形象化 031
2.1　了解思維導(dǎo)圖 031
2.1.1　思維導(dǎo)圖的設(shè)計(jì)依據(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會(huì)員系統(tǒng)思維導(dǎo)圖 040
2.5.1　任務(wù)描述——了解App會(huì)員系統(tǒng) 040
2.5.2　技術(shù)引進(jìn)——XMind ZEN 2020初探 041
※課堂練習(xí)　安裝并使用XMind ZEN 2020 042
2.5.3　任務(wù)實(shí)施——繪制創(chuàng)意家居App會(huì)員系統(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ù)實(shí)施——繪制創(chuàng)意家居App購物系統(tǒng)思維導(dǎo)圖 052
※舉一反三　思維導(dǎo)圖的線條使用規(guī)則 054
2.7　任務(wù)三——繪制App設(shè)計(jì)師系統(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ù)實(shí)施　繪制創(chuàng)意家居設(shè)計(jì)師系統(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)新實(shí)操 063
第３章　電子商務(wù)項(xiàng)目草圖制作——使用草圖確定項(xiàng)目內(nèi)容和布局 064
3.1　了解草圖的概念 064
3.2　了解草圖的特點(diǎn) 066
3.3　草圖功能的表現(xiàn) 067
3.3.1　表達(dá)設(shè)計(jì)師的構(gòu)想 067
3.3.2　便于與客戶溝通 067
3.3.3　便于團(tuán)隊(duì)之間交流 068
3.4　草圖常見的表現(xiàn)形式 070
3.4.1　構(gòu)思草圖 070
3.4.2　設(shè)計(jì)草圖 071
3.5　電子商務(wù)頁面布局 072
3.5.1　頁面結(jié)構(gòu) 072
3.5.2　導(dǎo)航設(shè)置 073
3.6　電子商務(wù)頁面設(shè)計(jì)規(guī)則 074
3.7　任務(wù)一——設(shè)計(jì)制作App啟動(dòng)頁面草圖 076
3.7.1　任務(wù)描述——了解App啟動(dòng)界面 076
3.7.2　技術(shù)引進(jìn)——Axure RP 9初探 076
※課堂練習(xí)　安裝Axure RP 9 079
3.7.3　任務(wù)實(shí)施——制作創(chuàng)意家居App啟動(dòng)頁面草圖 084
※舉一反三　新建iOS系統(tǒng)頁面 087
3.8　任務(wù)二——設(shè)計(jì)制作App會(huì)員系統(tǒng)草圖 089
3.8.1　任務(wù)描述——會(huì)員系統(tǒng)頁面的組成 089
3.8.2　技術(shù)引進(jìn)——Axure RP 9的頁面設(shè)置 089
※課堂練習(xí)　創(chuàng)建并應(yīng)用頁面樣式 094
3.8.3　任務(wù)實(shí)施——制作創(chuàng)意家居App會(huì)員系統(tǒng)草圖 097
※舉一反三　創(chuàng)建Android系統(tǒng)頁面樣式 100
3.9　任務(wù)三——設(shè)計(jì)制作App設(shè)計(jì)師系統(tǒng)草圖 100
3.9.1　任務(wù)描述——設(shè)計(jì)師系統(tǒng)頁面的組成 100
3.9.2　技術(shù)引進(jìn)——Axure RP 9的元件和元件庫 101
※課堂練習(xí)　制作水平菜單 102
3.9.3　任務(wù)實(shí)施——制作創(chuàng)意家居App設(shè)計(jì)師系統(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)新實(shí)操 112
第4章　電子商務(wù)項(xiàng)目原型設(shè)計(jì)——使用原型展示項(xiàng)目的界面 113
4.1　了解原型設(shè)計(jì) 113
4.1.1　什么是原型設(shè)計(jì) 113
4.1.2　原型設(shè)計(jì)的參與者 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è)計(jì)的重要性 118
4.3.1　完善和優(yōu)化產(chǎn)品需求方案 119
4.3.2　便于評(píng)估產(chǎn)品需求 119
4.3.3　有效提升團(tuán)隊(duì)成員的溝通效率 120
4.4　原型制作與用戶體驗(yàn) 120
4.4.1　用戶體驗(yàn)方式 121
4.4.2　用戶體驗(yàn)要素 122
4.4.3　用戶體驗(yàn)的需求層次 124
4.5　任務(wù)一——設(shè)計(jì)制作App啟動(dòng)頁面 124
4.5.1　任務(wù)描述——了解App啟動(dòng)頁面 125
4.5.2　技術(shù)引進(jìn)——設(shè)置元件的樣式 125
※課堂練習(xí)　制作下畫線效果 131
4.5.3　任務(wù)實(shí)施——設(shè)計(jì)制作創(chuàng)意家居啟動(dòng)頁面 136
※舉一反三　設(shè)計(jì)制作手機(jī)產(chǎn)業(yè)流程圖 141
4.6　任務(wù)二——設(shè)計(jì)制作App會(huì)員頁面 141
4.6.1　任務(wù)描述——了解會(huì)員系統(tǒng)的作用 141
4.6.2　技術(shù)引進(jìn)——使用表單元件 142
※課堂練習(xí)　創(chuàng)建文本框 143
4.6.3　任務(wù)實(shí)施——設(shè)計(jì)制作創(chuàng)意家居會(huì)員頁面 148
※舉一反三　新建iOS系統(tǒng)布局母版 151
4.7　任務(wù)三——設(shè)計(jì)制作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í)施——設(shè)計(jì)制作創(chuàng)建家居設(shè)計(jì)師頁面 158
※舉一反三　設(shè)計(jì)制作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)新實(shí)操 163
第5章　電子商務(wù)項(xiàng)目交互設(shè)計(jì)——使用交互展示項(xiàng)目流程 164
5.1　交互設(shè)計(jì)的概念 165
5.2　電子商務(wù)中的交互設(shè)計(jì) 165
5.2.1　可點(diǎn)擊區(qū)域宜大不宜小 166
5.2.2　給用戶的選項(xiàng)宜少不宜多 166
5.2.3　使用接近原則 168
5.2.4　使用防錯(cuò)性原則 168
5.2.5　選用簡捷設(shè)計(jì) 169
5.3　交互設(shè)計(jì)對用戶體驗(yàn)的影響 170
5.3.1　快速找到目標(biāo)商品 170
5.3.2　快速獲取和理解信息 170
5.3.3　帶動(dòng)用戶購物情緒 171
5.4　電子商務(wù)的交互邏輯 172
5.4.1　注冊與登錄中的交互設(shè)計(jì) 172
5.4.2　選擇過程中的交互設(shè)計(jì) 173
5.4.3　結(jié)算過程中的交互設(shè)計(jì) 176
5.4.4　評(píng)價(jià)系統(tǒng)中的交互設(shè)計(jì) 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í)施——設(shè)計(jì)制作頁面導(dǎo)航交互 183
※舉一反三　為母版添加頁面交互 190
5.6　任務(wù)二——為App原型添加會(huì)員交互 191
5.6.1　任務(wù)描述——添加元件交互效果 191
5.6.2　技術(shù)引進(jìn)——在Axure RP中添加元件交互 191
※課堂練習(xí)　顯示/隱藏圖片 194
5.6.3　任務(wù)實(shí)施——設(shè)計(jì)制作注冊/登錄交互 199
※舉一反三　制作App輪播圖原型 201
5.7　任務(wù)三——為App原型添加購物交互 202
5.7.1　任務(wù)描述——利用動(dòng)態(tài)面板添加交互效果 202
5.7.2　技術(shù)引進(jìn)——動(dòng)態(tài)面板的使用 203
※課堂練習(xí)　使用動(dòng)態(tài)面板 206
5.7.3　任務(wù)實(shí)施——設(shè)計(jì)制作用戶購物交互 208
※舉一反三　制作動(dòng)態(tài)按鈕效果 213
5.8　本章小結(jié) 215
5.9　課后習(xí)題 215
5.9.1　選擇題 215
5.9.2　填空題 215
5.10　創(chuàng)新實(shí)操 216