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