一院仿、交互設(shè)計認知與理解
1毙玻、什么是交互設(shè)計呕童?
a.交互設(shè)計的含義:用戶-產(chǎn)品-環(huán)境
用戶:目標(biāo)用戶群體(典型用戶)
產(chǎn)品:能解決目標(biāo)用戶困難的(東西)
環(huán)境:用戶使用產(chǎn)品的場景
b.流程圖:需求-目標(biāo)-規(guī)劃-邏輯-流程-優(yōu)化
需求:要做什么樣的產(chǎn)品?產(chǎn)品可否為人們所用淆珊?是否為必需品夺饲?
目標(biāo):人們都需求什么樣的東西?
規(guī)劃:該如何人幫用戶解決問題施符,將功能點和使用情況等進行合理規(guī)劃往声。
邏輯:解決問題的過程按邏輯順序列出。
流程:要求思路清晰
優(yōu)化:比如簡化步驟戳吝,使用戶更加快捷浩销、簡便的使用我們的產(chǎn)品,將產(chǎn)品可用提升為產(chǎn)品好用來提升用戶體驗听哭。
2慢洋、交互設(shè)計的發(fā)展
指產(chǎn)品媒介的迭代。
比如手機開始時是為了通訊陆盘,現(xiàn)在功能增加普筹;從手指按鍵變化為手勢控制。
3隘马、交互設(shè)計在生活中的應(yīng)用
以茶杯為例太防,喝冷水時,只需要一個簡潔的茶杯酸员;喝熱水時蜒车,用手拿光潔的茶杯會燙手讳嘱,于是茶杯有了手柄;到如今星巴克的杯子酿愧,杯身中部有一層褶皺的紙沥潭,作用是防滑防燙。如今發(fā)展迅速嬉挡,交互設(shè)計在生活中的應(yīng)用還有很多钝鸽,比如ATM機的操作步驟、車載顯示屏中應(yīng)用的排放位置等棘伴。
二寞埠、交互設(shè)計師是要干嘛
1屁置、一個產(chǎn)品的開發(fā)流程
需求確定(產(chǎn)品經(jīng)理焊夸、交互設(shè)計師):對市場上現(xiàn)有的產(chǎn)品進行分析,有哪些功能蓝角,哪些優(yōu)點可以學(xué)習(xí)阱穗,哪些地方需要改進,我們可以有哪些亮點使鹅,針對的用戶分類等揪阶。
↓
交互設(shè)計(交互設(shè)計師):考慮功能布局,搭建頁面
↓
視覺設(shè)計(UI設(shè)計師):美工患朱,將交互設(shè)計美化鲁僚,視覺稿不可以與原型圖相像。
↓
產(chǎn)品開發(fā)(前后端開發(fā)工程師)
↓
測試優(yōu)化(用戶研究員裁厅、QA)
↓
上線/迭代(運營冰沙、運維、產(chǎn)品經(jīng)理)
↓
需求確定
2执虹、交互設(shè)計師的日常工作
a.畫圖:原型搭建拓挥,每個頁面內(nèi)容
b.溝通:與同事溝通
c.數(shù)據(jù):上線后的下載量、訪問量等分析
d.反饋:用戶使用產(chǎn)品的感受袋励,通過反饋了解用戶的體驗情況
3侥啤、交互設(shè)計師的能力要求
a.要明確用戶操作流程,重要的是過程
b.有自己的交互設(shè)計思考或方法論茬故,對用戶盖灸、需求、產(chǎn)品有自己的思考和見解
c.規(guī)劃構(gòu)思磺芭、相關(guān)用戶畫像設(shè)立糠雨、交互模型確立、流程及信息框架等
d.需求提取能力(知道要做一個什么樣的產(chǎn)品)
? 信息架構(gòu)設(shè)計(借鑒現(xiàn)有的架構(gòu)徘跪,進行優(yōu)化)
? 流程設(shè)計整理(主要流程甘邀,產(chǎn)品有哪些頁面琅攘,頁面有哪些內(nèi)容)
? 產(chǎn)品功能規(guī)劃(頁面內(nèi)容和功能規(guī)劃)
? 原型設(shè)計(頁面布局)
? 文檔編寫(hin重要,原型文檔松邪,要求做完的產(chǎn)品與文檔內(nèi)容相符)
? 用戶研究(了解目標(biāo)用戶群體)
? 代碼編程(實現(xiàn)頁面呈現(xiàn))
4坞琴、交互設(shè)計課程學(xué)習(xí)方案
a.基礎(chǔ)知識:
*控件:組織頁面的基本元素
i控件都有哪些
ii控件在每個流程的交互屬性
iii控件的使用方法
控件
*布局:將控件/信息放到頁面合適的位置
i常見布局方式
ii布局設(shè)計的基本方法
*流程:將頁面串聯(lián)起來完成某一個任務(wù)
i流程設(shè)計的基本步驟
ii如何把任務(wù)分解成動作
b.核心知識:
*用戶:用戶調(diào)研+用戶畫像
i用戶調(diào)研——訪談、問卷調(diào)查? 相關(guān)書籍-《設(shè)計調(diào)研》
ii用戶畫像——將一種典型的目標(biāo)群體描述成一個“具體的人物”逗抑,照片剧辐、姓名、年齡邮府、工作荧关、收入、動機褂傀、喜好忍啤、態(tài)度
*目標(biāo):業(yè)務(wù)目標(biāo)+用戶目標(biāo)
i做產(chǎn)品的用處+滿足用戶的需求,幫用戶解決問題
*場景:用戶場景→用戶需求
人物→地點→用處→做了什么事→得到的結(jié)果→得到結(jié)果的感受
c.專業(yè)能力:設(shè)計理論仙辟、設(shè)計方法同波、用戶測試、數(shù)據(jù)分析
d.進階能力補充:商業(yè)叠国、產(chǎn)品未檩、用研視覺、技術(shù)粟焊、市場運營冤狡、銷售等
5、交互設(shè)計在各行業(yè)需求
購物项棠、出行悲雳、醫(yī)療、教育沾乘、音樂怜奖、視頻、游戲翅阵、政府等
三歪玲、交互設(shè)計師常用工具
WIN: ARP、墨刀掷匠、XD滥崩、AE
MAC:Framer、Principle讹语、InVision Studio
四钙皮、交互設(shè)計師自我修養(yǎng)
虎嗅網(wǎng),36氪等