起點(diǎn)課堂會(huì)員權(quán)益
職業(yè)體系課特權(quán)
線(xiàn)下行業(yè)大會(huì)特權(quán)
個(gè)人IP打造特權(quán)
30+門(mén)專(zhuān)項(xiàng)技能課
1300+專(zhuān)題課程
12場(chǎng)職場(chǎng)軟技能直播
12場(chǎng)求職輔導(dǎo)直播
12場(chǎng)專(zhuān)業(yè)技能直播
會(huì)員專(zhuān)屬社群
榮耀標(biāo)識(shí)5年迭代，我總結(jié)了一套全面的交互設(shè)計(jì)知識(shí)體系
文章為作者經(jīng)過(guò)5年多的不斷迭代，形成的一套交互設(shè)計(jì)知識(shí)體系，希望對(duì)你來(lái)說(shuō)，有所收獲。
又是近一年沒(méi)有更新！
一年前信誓旦旦的說(shuō)“用知識(shí)管理的方法，跟大家一起建立交互設(shè)計(jì)的知識(shí)體系”。一年后，我卻并沒(méi)有做到。
最初是因?yàn)槟菚r(shí)分享的幾篇?jiǎng)?chuàng)新方法的文章閱讀量寥寥，開(kāi)始質(zhì)疑做這件事情是不是大家需要的，再之后懶到一發(fā)不可收拾。忙碌的工作之余，開(kāi)始做點(diǎn)其他的事情，比如健身練練馬甲線(xiàn)，比如做點(diǎn)有儀式感的早餐，比如系統(tǒng)總結(jié)時(shí)間管理和知識(shí)管理的經(jīng)驗(yàn)方法 等等。
晃眼已是2018年，曾經(jīng)承諾的事情，至少應(yīng)該有個(gè)交代，于是有了這篇文章。
我仍然不敢說(shuō)自己能堅(jiān)持把所有交互設(shè)計(jì)的知識(shí)點(diǎn)分享完，所以想著授人以魚(yú)不如授人以漁，于是決定將我建立的交互設(shè)計(jì)知識(shí)體系、如何建立知識(shí)體系和輸入學(xué)習(xí)新技能的方法，全部分享給大家。
關(guān)于交互設(shè)計(jì)的每個(gè)知識(shí)點(diǎn)，如今網(wǎng)絡(luò)上已經(jīng)可以找到很多資料，即使沒(méi)有我的分享，相信大家通過(guò)這套知識(shí)體系、通過(guò)學(xué)習(xí)新技能和管理知識(shí)的方法，也能有所精進(jìn)。
下面進(jìn)入正文，分享我經(jīng)過(guò)5年多的不斷迭代，形成的這套交互設(shè)計(jì)知識(shí)體系。
一、設(shè)計(jì)理論基礎(chǔ)
1、交互設(shè)計(jì)概念
對(duì)于新人來(lái)說(shuō)，要了解幾個(gè)基本的概念，并且要有自己的理解。比如 什么是交互設(shè)計(jì)？什么是用戶(hù)體驗(yàn)設(shè)計(jì)？交互設(shè)計(jì)的價(jià)值是什么？
2、設(shè)計(jì)流程
如果不清楚整個(gè)產(chǎn)品設(shè)計(jì)的流程，不清楚每個(gè)階段主要產(chǎn)出什么，不清楚交互設(shè)計(jì)師主要負(fù)責(zé)哪幾個(gè)階段以及自己需要輸出什么內(nèi)容，恐怕很難上手工作。
二、設(shè)計(jì)前期
我的leader經(jīng)常說(shuō)一個(gè)觀點(diǎn)：越是高階的交互設(shè)計(jì)師，越要有產(chǎn)品sense，越要從產(chǎn)品全局、產(chǎn)品源頭去考慮用戶(hù)的訴求。
所以這個(gè)階段雖然是產(chǎn)品經(jīng)理、產(chǎn)品設(shè)計(jì)師更偏重的知識(shí)點(diǎn)，但作為交互設(shè)計(jì)師也應(yīng)該逐步積累這方面的技能。
1、挖掘需求idea
實(shí)際工作中需求的來(lái)源很多，可能是老板，可能是運(yùn)營(yíng)，可能來(lái)自用戶(hù)的反饋。但作為產(chǎn)品經(jīng)理，非常重要的能力之一就是善于挖掘用戶(hù)的需求，善于將產(chǎn)品逐步迭代優(yōu)化變得更好。
那如何挖掘需求呢？
常見(jiàn)的方式有幾種，一是從人性需求、馬斯洛需求出發(fā)去思考，二是從用戶(hù)反饋中挖掘背后的本質(zhì)訴求，三是數(shù)據(jù)分析，四是從競(jìng)品分析中獲取機(jī)會(huì)點(diǎn)，五是流程簡(jiǎn)化等等。
基于這一系列的方法，我們還可以積累不同方法挖掘需求的案例，幫自己打通思維方式。
所以這個(gè)環(huán)節(jié)我們要積累幾個(gè)知識(shí)點(diǎn)：
- 人性需求有哪些？馬斯洛需求有哪些？每一類(lèi)需求，至少思考一個(gè)案例。
- 如何做產(chǎn)品分析、競(jìng)品分析？報(bào)告怎么寫(xiě)？
- 需求挖掘方式有哪些？積累不同方式挖掘需求的案例。
2、評(píng)估需求價(jià)值
一個(gè)新產(chǎn)品或是迭代中的產(chǎn)品，都需要評(píng)估需求的價(jià)值，評(píng)估它值不值得做。如果沒(méi)有價(jià)值，我們也就不必要投入精力了。
常見(jiàn)的評(píng)估標(biāo)準(zhǔn)有幾個(gè)：
- 一是用戶(hù)量，是不是大眾的主流需求，有多少人愿意用這個(gè)功能；
- 二是需求的緊迫程度，如果不加這個(gè)功能用戶(hù)是否會(huì)離開(kāi)，有了這個(gè)功能是否能給用戶(hù)帶來(lái)新的、核心的價(jià)值；
- 三是使用頻率，用戶(hù)是否經(jīng)常要用這個(gè)功能。
看似簡(jiǎn)單，但實(shí)際工作中可能還要多方博弈去評(píng)估產(chǎn)出比。
3、需求分析
這個(gè)環(huán)節(jié)，需要分析以下幾點(diǎn)：
- 目標(biāo)用戶(hù)有幾類(lèi)，他們的動(dòng)機(jī)和行為分別是什么
- 每一類(lèi)的目標(biāo)用戶(hù)的使用場(chǎng)景是什么，時(shí)間、地點(diǎn)、目標(biāo)、行為
- 在使用場(chǎng)景下，遇到哪些痛點(diǎn)
- 為了解決這些痛點(diǎn)，產(chǎn)品將提供怎樣的解決方案
- 基于這套解決方案，有哪些產(chǎn)品目標(biāo)，設(shè)計(jì)目標(biāo)又是怎樣的
以上幾點(diǎn)，有的需要產(chǎn)品經(jīng)理給出，有的需要產(chǎn)品交互共同探討達(dá)成共識(shí)，有的可能還需要通過(guò)用研的方法來(lái)協(xié)助產(chǎn)出。
擴(kuò)展知識(shí)點(diǎn)：
- 用戶(hù)研究方法
- 人物角色persona
- 場(chǎng)景設(shè)計(jì)法，對(duì)于O2O類(lèi)的產(chǎn)品，常常采用這類(lèi)方法挖掘不同場(chǎng)景的痛點(diǎn)和機(jī)會(huì)點(diǎn)，從中分析設(shè)計(jì)策略。
三、設(shè)計(jì)方案階段
1、設(shè)計(jì)方案的思路
從功能模塊梳理、任務(wù)分析，到頁(yè)面流程和信息框架的確定，再到每個(gè)頁(yè)面的布局設(shè)計(jì)、交互說(shuō)明文檔的撰寫(xiě)，最后進(jìn)行走查review。
每個(gè)環(huán)節(jié)做什么、如何做，最后輸出的文檔是怎樣的？這是交互設(shè)計(jì)師的基本功，需要盡早積累。
2、設(shè)計(jì)規(guī)范和原則
iPhone、iPad、Android，不同平臺(tái)有不同平臺(tái)的設(shè)計(jì)規(guī)范，我們做相應(yīng)平臺(tái)的設(shè)計(jì)時(shí)，盡可能的依循規(guī)范來(lái)設(shè)計(jì)，一定程度上能讓用戶(hù)擁有一致的體驗(yàn)。
對(duì)于設(shè)計(jì)原則，我們常常聽(tīng)到易用性十大原則、Ben Shneiderman的交互設(shè)計(jì)8項(xiàng)黃金法則，這些原則的好處是，能幫助我們?cè)u(píng)估設(shè)計(jì)方案的好壞、也避免我們隨意設(shè)計(jì)，通過(guò)有理有據(jù)的設(shè)計(jì)，既能讓用戶(hù)的每一步操作都在預(yù)料之中，也能在推動(dòng)方案時(shí)幫助我們說(shuō)服上下游。當(dāng)然，也要結(jié)合實(shí)際場(chǎng)景來(lái)，避免教條主義。
這個(gè)環(huán)節(jié)，我們要積累這樣幾類(lèi)知識(shí)點(diǎn)：
- 各平臺(tái)的設(shè)計(jì)規(guī)范
- 基礎(chǔ)的設(shè)計(jì)原則，比如易用性十大原則
- 在組織信息和內(nèi)容時(shí)，有哪些設(shè)計(jì)原則
- 在設(shè)計(jì)反饋提示時(shí)，有哪些設(shè)計(jì)原則
- 在設(shè)計(jì)任務(wù)流程時(shí)，有哪些設(shè)計(jì)原則
- 如何做簡(jiǎn)單的、高效的、貼心的、情感化的設(shè)計(jì)？積累方法和案例。
3、設(shè)計(jì)工具的使用
這也是基本功之一，Axure、sketch是交互設(shè)計(jì)師最常用的工具。如果要做動(dòng)效，可以研究Principle、Origami 甚至是Keynote等動(dòng)效工具。也不一定要貪多，挑選到自己順手的、合適的工具就行。
4、創(chuàng)新設(shè)計(jì)方法
創(chuàng)新思維的方法有水平思維法、奔馳法、發(fā)散思維法、頭腦風(fēng)暴法、Brainwriting等方法。創(chuàng)新，是交互設(shè)計(jì)師繞不開(kāi)的話(huà)題，也是每個(gè)設(shè)計(jì)師應(yīng)該追求的方向。
5、跨團(tuán)隊(duì)溝通協(xié)作
交互設(shè)計(jì)師需要與產(chǎn)品經(jīng)理、視覺(jué)設(shè)計(jì)師、開(kāi)發(fā)、測(cè)試溝通，如果不具備良好的溝通協(xié)作能力，可能會(huì)阻礙我們了解產(chǎn)品需求、推動(dòng)設(shè)計(jì)方案的落地。
在溝通方面，每個(gè)人遇到的痛點(diǎn)有相同之處，也有不同之處，可以多跟人探討如何做的更好。
四、設(shè)計(jì)后期
1、設(shè)計(jì)效果跟蹤和數(shù)據(jù)分析
一個(gè)設(shè)計(jì)方案，如何評(píng)估它的效果呢？在設(shè)計(jì)后開(kāi)發(fā)前，可以通過(guò)可用性測(cè)試來(lái)評(píng)估；開(kāi)發(fā)上線(xiàn)后，可以通過(guò)數(shù)據(jù)分析來(lái)評(píng)估。如果要通過(guò)數(shù)據(jù)評(píng)估，需要在開(kāi)發(fā)前提供埋點(diǎn)需求，否則上線(xiàn)后可能沒(méi)有你想看的數(shù)據(jù)。
延伸開(kāi)來(lái)，還可以通過(guò)數(shù)據(jù)分析，挖掘下次優(yōu)化迭代的方向。
2、設(shè)計(jì)項(xiàng)目總結(jié)
對(duì)于負(fù)責(zé)的項(xiàng)目，如果經(jīng)過(guò)了大的改版或階段性的設(shè)計(jì)之后，可以從項(xiàng)目背景、收集需求階段、需求分析階段、輸出方案階段、交互細(xì)節(jié)亮點(diǎn)等方面輸出一篇總結(jié)文章。
我們也可以搜集別人的項(xiàng)目總結(jié)文章，既可以學(xué)習(xí)如何寫(xiě)設(shè)計(jì)項(xiàng)目總結(jié)，也可以學(xué)到產(chǎn)品、設(shè)計(jì)迭代中的思考、結(jié)論，或許對(duì)自己做的同類(lèi)產(chǎn)品也有指導(dǎo)和參考意義。
五、日常積累的設(shè)計(jì)案例
前面介紹的都是設(shè)計(jì)方法，但有了方法并不能夠讓我們輸出優(yōu)秀的設(shè)計(jì)方案。
我們還需要通過(guò)日常積累非常多的設(shè)計(jì)案例，再結(jié)合我們對(duì)設(shè)計(jì)的思考和評(píng)估，才知道哪些方案更優(yōu)秀，哪些方案適合怎樣的設(shè)計(jì)場(chǎng)景。
具體可以從以下幾個(gè)方面來(lái)積累：
1、特定功能或界面的設(shè)計(jì)總結(jié)
俗稱(chēng)的設(shè)計(jì)模式的積累，比如導(dǎo)航、注冊(cè)登錄、篩選功能、新手引導(dǎo)、前置引導(dǎo)頁(yè)、搜索、數(shù)據(jù)可視化等等功能或界面的設(shè)計(jì)。
經(jīng)驗(yàn)豐富的設(shè)計(jì)師，參與設(shè)計(jì)的產(chǎn)品越多，對(duì)很多功能或界面的設(shè)計(jì)都有了經(jīng)驗(yàn)和積累，對(duì)不同的設(shè)計(jì)模式的好壞也有了一定的判斷依據(jù)，這些都可以作為案例積累起來(lái)。
2、特定動(dòng)效的設(shè)計(jì)總結(jié)
可以理解為動(dòng)效的設(shè)計(jì)模式，比如下拉加載動(dòng)效、卡片動(dòng)效、頁(yè)面轉(zhuǎn)場(chǎng)動(dòng)效等等。
3、細(xì)分行業(yè)設(shè)計(jì)研究
假如你做電商的設(shè)計(jì)師，你可能只負(fù)責(zé)某個(gè)小業(yè)務(wù)線(xiàn)的設(shè)計(jì)，但是可以對(duì)電商產(chǎn)品的不同業(yè)務(wù)線(xiàn)，做個(gè)系統(tǒng)的競(jìng)品分析研究，從全局到功能到特定欄目等進(jìn)行分析。
這樣能讓自己熟悉全站的業(yè)務(wù)，將來(lái)負(fù)責(zé)新的業(yè)務(wù)線(xiàn)時(shí)也能更快上手。
如果你有感興趣的細(xì)分行業(yè)，也可以通過(guò)這樣的方式進(jìn)行研究。
4、新的交互方式和設(shè)計(jì)趨勢(shì)
每年都有設(shè)計(jì)師總結(jié)設(shè)計(jì)趨勢(shì)，這類(lèi)文章可以研究下，提取有價(jià)值的點(diǎn)，擴(kuò)充自己的知識(shí)庫(kù)，找機(jī)會(huì)用于自己的產(chǎn)品設(shè)計(jì)中。
對(duì)于與VR、AR相關(guān)的新的交互方式，可以先關(guān)注著，如果有興趣也可以系統(tǒng)研究，說(shuō)不準(zhǔn)未來(lái)你也能參與到這類(lèi)項(xiàng)目中呢。
六、設(shè)計(jì)師的發(fā)展
1、專(zhuān)業(yè)能力提升方法
新人設(shè)計(jì)師比較關(guān)注這類(lèi)專(zhuān)業(yè)提升方法，比如我之前寫(xiě)過(guò)《非設(shè)計(jì)專(zhuān)業(yè)的學(xué)生，如何系統(tǒng)的學(xué)習(xí)交互設(shè)計(jì)》。
可以參考這些方法進(jìn)行實(shí)踐，再結(jié)合自己的實(shí)際情況摸索適合自己的方法。
2、職場(chǎng)發(fā)展
關(guān)于職業(yè)選擇等方便的建議，看到有靠譜的文章可以先收藏著，迷茫的時(shí)候或許可以看看。
3、求職招聘
新人設(shè)計(jì)師，關(guān)注求職過(guò)程中常常問(wèn)什么問(wèn)題、建立怎么寫(xiě)、作品集怎么準(zhǔn)備、各公司的薪資待遇如何等等。
如果是資深設(shè)計(jì)師或設(shè)計(jì)leader，會(huì)關(guān)注如何面試、招聘到優(yōu)秀的合適的設(shè)計(jì)師。
七、設(shè)計(jì)網(wǎng)站/書(shū)籍/設(shè)計(jì)師/等資源
網(wǎng)站是我們獲取靈感的渠道，書(shū)籍能讓我們系統(tǒng)的學(xué)習(xí)專(zhuān)業(yè)知識(shí)，設(shè)計(jì)師能讓我們知道可以向誰(shuí)請(qǐng)教和學(xué)習(xí)。
這也是新人設(shè)計(jì)師在入行之處比較關(guān)注的。
以上就是現(xiàn)階段我建立的交互設(shè)計(jì)知識(shí)體系。內(nèi)容雖多，但可以按照自己所處的階段，一點(diǎn)點(diǎn)升級(jí)打怪學(xué)習(xí)研究和實(shí)踐。
#專(zhuān)欄作家#
青溪Joanna，微信公眾號(hào)：?青溪設(shè)計(jì)札記（qingxizhaji），交互設(shè)計(jì)師一枚，喜歡體驗(yàn)各種App，關(guān)注社交、在線(xiàn)旅游、O2O、工具類(lèi)產(chǎn)品；擅長(zhǎng)需求分析、交互設(shè)計(jì)，有一定前端開(kāi)發(fā)經(jīng)驗(yàn)；業(yè)余時(shí)間喜歡網(wǎng)球、ukulele、簡(jiǎn)筆畫(huà)，正在努力攢技能。
本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，不得轉(zhuǎn)載。
題圖來(lái)自u(píng)nsplash，基于CC0協(xié)議
不說(shuō)具體原則，就是在吹牛
能并不能詳細(xì)說(shuō)下上面提到的設(shè)計(jì)原則
請(qǐng)問(wèn)除了交互設(shè)計(jì)八項(xiàng)黃金法則和易用性十大原則以外，其他的設(shè)計(jì)規(guī)范和設(shè)計(jì)原則的資料哪里可以查閱到呢？
蟹蟹作者的分享，點(diǎn)贊收藏了。關(guān)于工具那塊，我目前用ominigraffle，這個(gè)軟件可以做動(dòng)效嗎？如果作者有好的教程請(qǐng)分享給我，比較缺少參考的資料，蟹蟹。