本書以互聯(lián)網(wǎng)公司中產(chǎn)品交互設(shè)計(jì)開發(fā)的全流程為基礎(chǔ),涵蓋了設(shè)計(jì)師在設(shè)計(jì)方案中的所有環(huán)節(jié),分為4篇12章。本書將交互設(shè)計(jì)中系統(tǒng)的理論知識和設(shè)計(jì)方法與案例融合,并在每章的最后設(shè)置思考題,通過理論結(jié)合實(shí)踐,希望讀者能夠真正做到學(xué)以致用。本書將國內(nèi)外的交互設(shè)計(jì)理論知識和資深交互設(shè)計(jì)師的多年工作經(jīng)驗(yàn)結(jié)合,適合交互設(shè)計(jì)師及希望學(xué)習(xí)、掌握交互設(shè)計(jì)知識的視覺設(shè)計(jì)師、產(chǎn)品經(jīng)理、運(yùn)營人員閱讀參考。
《步步為贏 交互設(shè)計(jì)全流程解析 》系統(tǒng)化,涵蓋了交互設(shè)計(jì)的各個(gè)方面,是市場上不多見的系統(tǒng)介紹交互設(shè)計(jì)理論方法的書。
《步步為贏 交互設(shè)計(jì)全流程解析 》實(shí)用性,以實(shí)際工作中交互設(shè)計(jì)的流程為基礎(chǔ),將設(shè)計(jì)師在所有節(jié)點(diǎn)應(yīng)該如何進(jìn)行設(shè)計(jì)進(jìn)行了詳細(xì)說明,實(shí)操性強(qiáng)。
《步步為贏 交互設(shè)計(jì)全流程解析 》精心設(shè)計(jì)課后作業(yè),在每個(gè)章節(jié)的最后,都包含了本章內(nèi)容的課后作業(yè),讀者不僅能閱讀知識,還能講知識用于實(shí)踐,從而更好地掌握。
董尚昊
本科畢業(yè)于中國海洋大學(xué)新聞學(xué)專業(yè),碩士畢業(yè)于德國不萊梅大學(xué)數(shù)字媒體專業(yè)。先后曾在騰訊微生活、網(wǎng)易新聞、宜人貸等團(tuán)隊(duì)負(fù)責(zé)交互設(shè)計(jì),現(xiàn)在是愛奇藝負(fù)奇藝手機(jī)app和愛奇藝視頻網(wǎng)站的交互負(fù)責(zé)人,負(fù)責(zé)交互設(shè)計(jì)方案的整體把控和設(shè)計(jì)師的培養(yǎng)。 在網(wǎng)易新聞團(tuán)隊(duì)期間,曾代表公司前往美國蘋果總部進(jìn)行Apple Watch版本的網(wǎng)易新聞應(yīng)用的設(shè)計(jì)工作,由于設(shè)計(jì)精良獲得蘋果應(yīng)用的首發(fā)推薦,并因此獲得網(wǎng)易公司一等功。 “人人都是產(chǎn)品經(jīng)理”網(wǎng)站專欄作家,獲得“2017年度最佳人氣獎”。
第一篇 理解交互設(shè)計(jì)
第1章 初學(xué)乍練——幫你把握大方向
1.1設(shè)計(jì)中的交互設(shè)計(jì)
1.1.1 設(shè)計(jì)的目的:滿足需要
1.1.2 什么是交互設(shè)計(jì)
1.2如何學(xué)習(xí)交互設(shè)計(jì)
1.2.1 互聯(lián)網(wǎng)產(chǎn)品開發(fā)流程
1.2.2 交互設(shè)計(jì)的思路和必備知識與技能盤點(diǎn)
1.2.3 交互設(shè)計(jì)學(xué)習(xí)方法
1.2.4 大型公司交互設(shè)計(jì)師招聘職位分析
思考題
第二篇 設(shè)計(jì)分析
第2章 登堂入室——目標(biāo)用戶和場景
2.1 確定目標(biāo)用戶
2.2 場景思維
2.2.1 什么是場景
2.2.2 描述場景的公式
2.2.3 場景的分類
2.3 用戶場景地圖
思考題
第3章 漸入佳境——心智模型和習(xí)慣
3.1 心智模型
3.1.1 什么是心智模型
3.1.2 心智模型與運(yùn)作模型
3.1.3 心智模型的概括方法
3.2 用戶習(xí)慣
思考題
第4章 駕輕就熟——設(shè)計(jì)目標(biāo)面面觀
4.1 什么是設(shè)計(jì)目標(biāo)
4.1.1 產(chǎn)品目標(biāo)
4.1.2 用戶目標(biāo)
4.2 為什么需要設(shè)計(jì)目標(biāo)
4.2.1 設(shè)計(jì)時(shí)有的放矢
4.2.2 更容易得到團(tuán)隊(duì)和用戶的認(rèn)可
4.2.3 設(shè)計(jì)效果更容易驗(yàn)證
4.3 案例分析——如何確定設(shè)計(jì)目標(biāo)
思考題
第5章 取長補(bǔ)短——競品分析有方法
5.1 為什么要做競品分析
5.2 競品分析的維度
5.3 如何選擇競品
5.4 競品分析的方法
思考題
第三篇 原型制作
第6章 略有小成——設(shè)計(jì)流程有公式
6.1 如何畫流程圖
6.1.1 畫流程圖的原則
6.1.2 畫流程圖的工具
6.2 流程設(shè)計(jì)萬能公式
6.2.1 發(fā)現(xiàn)
6.2.2 了解
6.2.3 操作
6.2.4 跟進(jìn)
6.2.5 案例
思考題
第7章 心領(lǐng)神會——設(shè)計(jì)原則有遵循
7.1 一致性
7.2 容錯(cuò)性
7.3 使用正確的意符
7.3.1 意符的概念
7.3.2 注意文案的運(yùn)用
7.4 即時(shí)反饋
7.5 通用設(shè)計(jì)原則
思考題
第8章 融會貫通——設(shè)計(jì)規(guī)范有標(biāo)準(zhǔn)
8.1提示框
8.1.1 Material Design規(guī)范
8.1.2 iOS設(shè)計(jì)規(guī)范
練習(xí)題
8.2警告框
8.2.1 Material Design規(guī)范
8.2.2 iOS設(shè)計(jì)規(guī)范
練習(xí)題
8.3底部模態(tài)浮層
8.3.1 Material Design規(guī)范
8.3.2 iOS設(shè)計(jì)規(guī)范
練習(xí)題
8.4 底部固定浮層
8.4.1 Material Design規(guī)范
8.4.2 iOS設(shè)計(jì)規(guī)范
練習(xí)題
8.5 簡易菜單、簡易對話框和彈出框
8.5.1 Material Design規(guī)范
8.5.2 iOS設(shè)計(jì)規(guī)范
練習(xí)題
8.6 確認(rèn)彈框和全屏彈框
練習(xí)題
8.7 模態(tài)
8.8 控件對比總結(jié)
練習(xí)題
8.9 搜索
8.9.1 Material Design規(guī)范
8.9.2 iOS設(shè)計(jì)規(guī)范
練習(xí)題
8.10 滑動器
8.10.1 Material Design規(guī)范
8.10.2 iOS設(shè)計(jì)規(guī)范
練習(xí)題
8.11 按鈕
8.11.1 Material Design規(guī)范
8.11.2 iOS設(shè)計(jì)規(guī)范
練習(xí)題
8.12標(biāo)簽導(dǎo)航和分段控件
8.12.1 Material Design規(guī)范
8.12.2 iOS設(shè)計(jì)規(guī)范
練習(xí)題
8.13 底部標(biāo)簽式導(dǎo)航
8.13.1 Material Design規(guī)范
8.13.2 iOS設(shè)計(jì)規(guī)范
練習(xí)題
8.14抽屜導(dǎo)航
練習(xí)題
8.15 手勢
8.15.1 Material Design規(guī)范
8.15.2 iOS設(shè)計(jì)規(guī)范
練習(xí)題 172
8.16 導(dǎo)航設(shè)計(jì)總結(jié)
8.16.1 Material Design規(guī)范
8.16.2 iOS設(shè)計(jì)規(guī)范
練習(xí)題
思考題
第9章 登峰造極——原型制作有技巧
9.1 什么是交互原型
9.2 交互原型的作用
9.3 交互原型的制作
9.3.1 項(xiàng)目概述
9.3.2 方案展示
9.3.3 設(shè)計(jì)分析
思考題
第10章 出神入化——可用性測試見真章
10.1 可用性測試介紹
10.2 正式的可用性測試
10.2.1 測試前的思考
10.2.2 制作測試原型
10.2.3 撰寫測試腳本
10.2.4 招募測試者
10.2.5 設(shè)置測試環(huán)境
10.2.6 預(yù)測試和正式測試
10.2.7 測試結(jié)果統(tǒng)計(jì)分析
10.2.8 可用性測試報(bào)告
10.3 敏捷的可用性測試
10.3.1 媒介即信息
10.3.2 設(shè)計(jì)師自測
10.3.3 尋找用戶進(jìn)行敏捷測試
思考題
第四篇 設(shè)計(jì)師的自我修養(yǎng)
第11章 超凡入圣——人人羨慕作品集
11.1 核心原則
11.2 作品集示例
思考題
第12章 返璞歸真——活出自己最優(yōu)秀
12.1 勤于總結(jié)歸納
12.2 收集優(yōu)秀案例
12.3 為自己而工作
思考題
參考文獻(xiàn)