第 一章　簡述交互設計　/ 001
1.1　Freemind　/ 002
1.2　Axure RP　/ 004
1.3　Adobe After Effects　/ 006
1.4　Adobe FLASH　/ 007
1.5　Adobe Photoshop　/ 008
1.6　Principle　/ 009
1.7　Sketch　/ 010
D二章　基礎服務交互　/ 012
2.1　應用圖標入口　/ 012
2.2　清除緩存　/ 013
2.3　清除數據　/ 014
2.4　滑動調節　/ 015
2.5　數據讀取　/ 016
2.6　支付的交互　/ 017
2.7　意見反饋　/ 019
2.8　多國語言　/ 021
2.9　登錄設備管理　/ 022
2.10　關于　/ 023
2.11　手機號注冊 （方法一）　/ 024
2.12　手機號注冊 （方法二）　/ 025
2.13　手機號碼變更 （單向確認）　/ 027
2.14　手機號碼變更（雙向確認）　/ 029
2.15　郵箱注冊 （無需驗證）　/ 031
2.16　郵箱注冊 （需驗證郵箱）　/ 032
2.17　郵箱登錄　/ 033
2.18　短信驗證碼登錄　/ 034
2.19　銀行卡綁卡　/ 035
2.20　銀行卡解除綁卡　/ 037
2.21　幫助中心　/ 038
2.22　驗證碼按鈕狀態的效果圖　/ 039
2.23　時間顯示狀態的效果圖　/ 040
2.24　切換框架的方式　/ 041
2.25　消息撤回　/ 042
2.26　手機充值　/ 044
2.27　本章總結說明　/ 045
第三章　直播系統交互　/ 046
3.1　直播主要框架　/ 046
3.2　首頁“+”添加好友的交互　/ 047
3.3　“我要直播”的申請交互　/ 049
3.4　“我要直播”通過審核后的直播交互　/ 050
3.5　“關注”頁面詳細的交互　/ 051
3.6　直播中的詳細交互　/ 053
3.7　直播中的“發信息”交互　/ 054
3.8　直播中的“私信”交互　/ 055
3.9　直播中的“點歌”交互　/ 057
3.10　直播中的“送禮”交互　/ 058
3.11　直播中的“送禮”不足金幣的交互　/ 059
3.12　直播中的“錄視頻”交互　/ 061
3.13　直播中的“其他”交互　/ 062
3.14　“首頁”和“關注”的搜索頁詳細交互　/ 063
003 APP 交互設計全流程圖解
3.15　“通訊錄”頁面詳細的交互　/ 064
3.16　發現的交互“關注圈”　/ 065
3.17　發現的交互“附近的直播”　/ 065
3.18　發現的交互“zui新直播”　/ 066
3.19　發現的交互“我的關注”　/ 067
3.20　發現的交互“我的粉絲”　/ 068
3.21　發現的交互“觀看歷史”　/ 069
3.22　發現的交互“我的視頻”　/ 070
3.23　發現的交互“我的好友”　/ 071
3.24　我的交互“個人資料”　/ 072
3.25　我的交互“個人資料” （地址）　/ 073
3.26　我的交互“個人資料” （發票抬頭）　/ 075
3.27　我的交互“個人資料”性別、地區、個人標簽、星座、身高、興趣愛好　/ 077
3.28　我的交互“錢包”　/ 078
3.29　我的交互“優惠券”　/ 080
3.30　我的交互“日常任務”　/ 081
3.31　我的交互“設置”　/ 082
3.32　“設置”-“賬號和安全”-“手機號”　/ 084
3.33　“設置”-“賬號和安全”-“密碼設置”　/ 086
3.34　“設置”-“賬號和安全”-“支付設置”　/ 087
3.35　蘋果手機的設置　/ 088
3.36　“設置”-“通用”-“多語言”　/ 089
3.37　“設置”-“通用”的“字體大小”　/ 090
3.38　“設置”-“通用”的“聊天背景”　/ 091
3.39　“設置”-“通用”的“視頻和相片”　/ 092
3.40　“設置”-“消息通知” 的“消息通知免打擾”　/ 093
3.41　“設置”-“直播設置”的“直播場控”　/ 094
3.42　“設置”-“直播設置”的“黑名單”　/ 095
3.43　“設置”-“直播設置”的“關注的主播開播提醒”　/ 096
3.44　直播的商業　/ 097
3.45　本章總結說明　/ 098

第四章　電商購物系統交互　/ 099
4.1　電商系統主要框架　/ 099
4.2　“首頁”的詳細交互　/ 101
4.3　“首頁”-“消息”的詳細交互　/ 102
4.4　“首頁”- 分類“襯衫”的詳細交互　/ 103
4.5　商品的“詳情”頁的詳細交互　/ 104
4.6　商品的“評論”頁的詳細交互　/ 105
4.7　商品的“相關”頁的詳細交互　/ 106
4.8　顧客怎么給商品評論的交互　/ 107
4.9　“購物車”的詳細交互　/ 109
4.10　“馬上購買”確認訂單頁面　/ 110
4.11　“我”-“錢包”的詳細交互　/ 111
4.12　“錢包”-“交易流水”　/ 112
4.13　“交易流水”-“交易信息”的詳情說明　/ 113
4.14　“錢包”-“支付管理”　/ 114
4.15　“支付管理”-“自動扣款”的詳細交互　/ 115
4.16　“錢包”-“總資產”　/ 116
4.17　“錢包”-“現金資產”-“充值”（可用余額）　/ 117
4.18　“錢包”-“現金資產”-“提現”　/ 119
4.19　“錢包”-“銀行卡”（添加綁定銀行卡）　/ 121
4.20　銀行卡詳細頁面信息　/ 123
4.21　“我”-“優惠券”詳細交互　/ 124
4.22　手動添加“優惠券”的交互　/ 125
4.23　“我”-“日常任務”的詳細交互　/ 126
4.24　“我”-“設置”的詳細交互　/ 127
4.25　加入購物車的交互　/ 129
4.26　自有平臺的支付交互　/ 130
4.27　與第三方支付平臺he作的支付交互　/ 131
4.28　本章總結說明　/ 133
005 APP 交互設計全流程圖解
第五章　互聯網金融系統借款端交互　/ 134
5.1　借款端的主要框架　/ 134
5.2　“借款”的詳細交互（申請）　/ 135
5.3　“申請”后的系統自動評分　/ 137
5.4　“借款”-“計算器”的交互　/ 138
5.5　“進度”的狀態交互　/ 140
5.6　“錢包”的詳細交互　/ 142
5.7　“錢包”-“消息中心”的詳細交互　/ 143
5.8　“錢包”-“貸款確認”的詳細交互　/ 144
5.9　“錢包”-“還款”的詳細交互　/ 145
5.10　“可用余額”充足的還款交互　/ 146
5.11　“可用余額”不足的充值還款交互　/ 147
5.12　“可用余額”不足的自動劃扣銀行卡還款交互　/ 148
5.13　“錢包”-“交易流水”的詳細交互　/ 149
5.14　“錢包”-“充值”的詳細交互　/ 150
5.15　“錢包”-“提現”的詳細交互　/ 152
5.16　“充值”和“提現”更換銀行卡的交互　/ 154
5.17　“我”的詳細交互　/ 155
5.18　“我”-“借款資料”的交互　/ 157
5.19　“我”-“借款信息”的交互　/ 158
5.20　“我”-“還款信息”的交互　/ 159
5.21　本章總結說明　/ 160
第六章　互聯網金融系統理財端交互　/ 161
6.1　互聯網金融系統理財端主要框架　/ 161
6.2　“首頁”的詳細交互　/ 162
6.3　“收藏”的詳細交互　/ 164
6.4　“立即投資”的詳細交互　/ 166
6.5　“理財”的詳細交互　/ 168
6.6　“標”的來源交互　/ 169
6.7　“發現”的詳細交互　/ 170

6.8　“發現”-“發布”的詳細交互　/ 171
6.9　“相機膠卷”圖片顯示順序的詳細交互　/ 173
6.10　“相機膠卷”刪除圖片和調整順序的詳細交互　/ 174
6.11　“目前位置”的詳細交互　/ 175
6.12　“我”的詳細交互　/ 176
6.13　“我”-“我的投資”的詳細交互　/ 177
6.14　“我”-“發現”-“@ 我”的詳細交互　/ 178
6.15　“我”-“發現”-“評論”的詳細交互　/ 179
6.16　“我”-“發現”-“點贊”的詳細交互　/ 180
6.17　“我”-“發現”-“主題”的詳細交互　/ 181
6.18　“我”-“錢包”的詳細交互　/ 182
6.19　本章總結說明　/ 183
第七章　社交系統交互　/ 184
7.1　社交系統的主要框架　/ 184
7.2　開啟相機和麥克風的權限　/ 186
7.3　“聊天”的詳細交互　/ 187
7.4　用戶個人信息頁面的詳細交互　/ 189
7.5　分享此主頁網址給用戶的詳細交互　/ 190
7.6　“發信息”和“隱藏快拍”的交互　/ 192
7.7　“開啟”和“關閉”發布通知的交互　/ 193
7.8　“關注我 ”的交互　/ 194
7.9　“發現”的詳細交互　/ 195
7.10　“發布”的詳細交互　/ 197
7.11　“發布新帖子”-“標記用戶”的詳細交互　/ 199
7.12　查看自己已發新帖子的詳細交互　/ 201
7.13　“我的關注”的詳細交互　/ 202
7.14　“我”的詳細交互　/ 203
7.15　“我”-“收藏”的詳細交互　/ 204
7.16　“我”-“存檔”的詳細交互　/ 206
7.17　“我”-“添加用戶”的詳細交互　/ 207
007 APP 交互設計全流程圖解
7.18　“我”-“賬戶設置”的詳細交互 1　/ 208
7.19　“我”-“賬戶設置”的詳細交互 2　/ 210
7.20　“我”-“編輯個人主頁”的詳細交互　/ 211
7.21　“我”-“有我的相片”的詳細交互　/ 212
7.22　本章總結說明　/ 213
第八章　交互設計相關內容　/ 214
8.1　交互設計的場合　/ 214
8.2　交互設計的作用　/ 215
8.3　交互設計的標準　/ 216
作者自述　/ 218