提交需求
賽事與廣告咨詢合作,請(qǐng)?zhí)顚懶枨蟊韱危覀儠?huì)在第一時(shí)間與您聯(lián)系!
寫在前面的話
最近做了蠻多PPT的,突然間想總結(jié)一個(gè)關(guān)于交互設(shè)計(jì)師“包裝的套路”
于是寫寫試試看。
需要聲明的是這里的“包裝”是指在自己真實(shí)項(xiàng)目設(shè)計(jì)產(chǎn)出的基礎(chǔ)上進(jìn)行的合理呈現(xiàn),以能夠彰顯設(shè)計(jì)師能力和專業(yè)度,為設(shè)計(jì)增加說服力的過程。
并不是虛假的項(xiàng)目或者夸大自身作用。
交互不等同于視覺,但也屬于設(shè)計(jì)師范疇,所以也需要用作品集作為項(xiàng)目展示呈現(xiàn),再加上“全鏈路設(shè)計(jì)師”概念的推廣,交互視覺同一人完成,綜合考慮需求也未嘗不可,所以作品的呈現(xiàn)不僅代表交互設(shè)計(jì)師本身對(duì)產(chǎn)品的邏輯分析能力,一定程度也代表著交互設(shè)計(jì)師本身的視覺技能&審美水平。
所以這里的“包裝手段”往往等同于你的綜合能力水準(zhǔn)。
包含:邏輯分析能力、總結(jié)能力、語言表達(dá)能力(需講述時(shí))、文案水平、視覺審美能力、細(xì)致耐心程度、工作態(tài)度、個(gè)人風(fēng)格。
---------------------------下面開始講述包裝手手法-----------------------------
包裝手段一:為你的設(shè)計(jì)方案找理由
這是很重要的“包裝手段”。也是交互設(shè)計(jì)師的必備技能——就是接到需求之后采用了何種方式進(jìn)行設(shè)計(jì),以及產(chǎn)出后論證自己設(shè)計(jì)的過程。
一定要記得,任何事情都是有方法的,同時(shí),任何產(chǎn)出都希望能夠有合理的解釋。作為理性邏輯的交互設(shè)計(jì)師來說,沒有“感覺不錯(cuò)”這一說。
沒事兒的時(shí)候我還喜歡刷刷“知乎”,看看一些戲精大佬如何把一些簡單問題用各種論證手段寫了那么多字。當(dāng)然了你也可以刷刷“知網(wǎng)”,來看看什么是嚴(yán)肅認(rèn)真的學(xué)術(shù)邏輯方法論。(如果你是設(shè)計(jì)學(xué)科的研究生畢業(yè),在論文壓力重重之下,一定會(huì)熟悉很多很多方法論,都可以用起來喔。)
1、已知設(shè)計(jì)原則解讀
一般用來給已有設(shè)計(jì)的優(yōu)化
官方給的一堆設(shè)計(jì)原則就是你能依靠的方法論。
扔個(gè)基礎(chǔ)鏈接給你:https://developer.apple.com/design/human-interface-guidelines
同時(shí),也有一些走查原則可以運(yùn)用,比如尼爾森的十大可用性原則。
嗯就這樣,舉個(gè)例子:使用了一個(gè)“一致性原則”
話術(shù):就端上XXXX和XXXX在交互展現(xiàn)上缺乏一致性的問題,所以進(jìn)行了體驗(yàn)的優(yōu)化,優(yōu)化之后XXXX就符合了一致性的原則。
2、運(yùn)用競品分析
競品分析是一個(gè)大的類別方式。一般來說針對(duì)不同目標(biāo)我們還可以拆分小類方法。設(shè)計(jì)時(shí)針對(duì)不同的目標(biāo)我們的闡述方式也不同:
針對(duì)依托于某個(gè)功能,尋找優(yōu)化的,就是專注體驗(yàn)細(xì)節(jié)。
針對(duì)上線新功能的,就可能是羅列盤點(diǎn)市場競品現(xiàn)狀的。
同時(shí),分析完之后的總結(jié)就是交互輸出的很重要的部分,這些都可以作為這個(gè)項(xiàng)目作品的前期鋪墊“包裝”,也就是通過競品給自己設(shè)計(jì)找“理由”,這些“理由”如果論證的足夠充分甚至可以上升到提煉設(shè)計(jì)原則(上條)
下面這個(gè)案例是分析競品到總結(jié)競品的過程,產(chǎn)出的理論將輔佐于設(shè)計(jì)。
話術(shù):通過總結(jié)出XXXX場景下的競品,及競品的表現(xiàn)XXXXX,可以得到這樣結(jié)論XXXX,所以適合于我們端上的場景設(shè)計(jì)方案應(yīng)該是XXXX。
3、分析產(chǎn)品數(shù)據(jù)
不同產(chǎn)品不同場景都不一樣。
交互設(shè)計(jì)師需要有很強(qiáng)的數(shù)據(jù)分析能力,以數(shù)據(jù)挖掘體驗(yàn),尋找方法。而且需求的背景很多是因?yàn)楫a(chǎn)品數(shù)據(jù)而產(chǎn)生的。包括:DAU、UV、PV、次留、各種展現(xiàn)率、互動(dòng)率等等。例如:某某場景的互動(dòng)率很低,交互設(shè)計(jì)師分析發(fā)現(xiàn)是因?yàn)榛?dòng)入口隱藏過深或者互動(dòng)方式成本過高導(dǎo)致,所以進(jìn)行了優(yōu)化。
設(shè)計(jì)方案的產(chǎn)出也有可能是AB、AA實(shí)驗(yàn)出來的數(shù)據(jù)結(jié)果來分析確定的。
分析的越深入,說明越是交互老司機(jī),一下子就能從數(shù)據(jù)發(fā)現(xiàn)問題,推動(dòng)并解決問題。
話術(shù):因?yàn)樵谶@個(gè)功能場景下XXX數(shù)據(jù)不高,設(shè)計(jì)上采用了XXX形式來增強(qiáng)XXXX。最后效果XXX,提升了XXX。
4、用戶研究的利用與追溯
包括定性定量結(jié)合的各種方法
推薦一本書:設(shè)計(jì)調(diào)研-電子工業(yè)出版社的
講述了各種類型的用戶研究方式:訪談法、跟蹤法、眼洞儀、腦電等等,以及如何通過一系列的研究方法,發(fā)現(xiàn)體驗(yàn)問題。
通過用戶研究得出的體驗(yàn)問題,也就是你設(shè)計(jì)要解決的問題,是設(shè)計(jì)的理由。
5、學(xué)術(shù)理論及研究結(jié)果
同時(shí),一些純?nèi)藱C(jī)、純心理學(xué)的研究數(shù)據(jù),往往也是會(huì)運(yùn)用到設(shè)計(jì)中去的。
當(dāng)然了這些理論往往也是根據(jù)上一節(jié)的用戶研究產(chǎn)出的。
這些學(xué)術(shù)研究,往往科學(xué)性更高,也更深入,準(zhǔn)確運(yùn)用到設(shè)計(jì)中來也會(huì)有很明確的正向效果。下面兩個(gè)是我隨便貼圖舉例的。圖一應(yīng)該是人機(jī)工程學(xué)上面的截圖,圖二是單手握持時(shí)候用戶拇指的操作熱區(qū)圖吧,綠色的是舒適區(qū),橙色的部分是手指用力伸展可觸及的區(qū)域,紅色則是拇指無法觸及的區(qū)域。
用理論輔佐支撐設(shè)計(jì)方案是一種很容易凸顯專業(yè)性的“包裝手法”因?yàn)槔碚摰姆e累需要大量的時(shí)間和知識(shí)沉淀。而且需要多看書才行。
包裝手段二:不說大白話,優(yōu)化文案凸顯專業(yè)性
如果說上面一章節(jié)是設(shè)計(jì)的過程,那么有了論證過程又有設(shè)計(jì)產(chǎn)出,就是完成的設(shè)計(jì)過程了。接下來三章都是潤色過程。既然是“包裝”,文案包裝是必不可少的。
通俗的講就是,設(shè)計(jì)不能說白話,要一本正經(jīng)的用書面語夸自己。
“所以我覺得這樣排版順眼!””邏輯行得通就用的這個(gè)方案“這種是不能突出專業(yè)性的。
那么怎么是專業(yè)呢?
(體現(xiàn)語文水平的時(shí)候到了
我這里要說的是,如果沒有個(gè)人的文字風(fēng)格喜好的話,多看交互設(shè)計(jì)學(xué)術(shù)類的文章是很快能夠提高的。
如果沒時(shí)間看,我這里隨便敲一些詞匯用來表揚(yáng)自己的方案好,當(dāng)然了你還可以潤色的更好,普通文案如下:
增強(qiáng)了情感化與趣味性、減少了用戶焦慮
傳遞產(chǎn)品調(diào)性與理念、彰顯品牌
吸引用戶的注意力、視覺焦點(diǎn)清晰、信息層級(jí)明確
豐富場景、愉悅用戶、加強(qiáng)多感知、聚焦主路徑、后期擴(kuò)展性強(qiáng)
縮短了用戶路徑、提高用戶效率
給用戶以控制感、符合用戶預(yù)期、符合用戶心智模型
反饋及時(shí)且明確、遵循用戶行為路徑...balabalabala
實(shí)踐案例
白話版:LOGO要大slogan放中間,用幾種顏色的圖表呈現(xiàn)了流程。
包裝版:我們按照信息的重要程度來組織頁面排版,突出展示關(guān)鍵信息。將數(shù)據(jù)可視化,讓用戶可以直觀地了解關(guān)鍵信息及整體情況。合理地使用顏色及柵格排版,減輕用戶的視覺負(fù)擔(dān)。
包裝手段三:大聲說“雖然是交互,視覺也不差!”
喂!不是視覺做的不好才來做交互的好么親?
交互是能勝任視覺的只不過是在交互領(lǐng)域垂直深耕了,一旦拿起來視覺,雖然不如視覺設(shè)計(jì)師熟練度高,但是是能夠完成的。
好了,作品集、項(xiàng)目總結(jié)匯報(bào)就是彰顯你視覺能力的對(duì)吧。
1、運(yùn)用一些元素排版提高視覺沖擊力
枯燥的交互稿里面,往往需要點(diǎn)視覺點(diǎn)綴。
你可以放上視覺稿來配圖說明,但是畢竟重點(diǎn)在交互,手繪好的同學(xué)放上手繪原型也是很酷的。
其他方面與交互稿有關(guān)的點(diǎn)綴可以有
1)各種姿勢(shì)的手——配合界面顯示會(huì)很可愛的~!
2)使用設(shè)備(一些Mock up)
我覺得視覺同學(xué)不太建議用mock up,因?yàn)橐曈X要顯示其界面元素的精致性,這樣排布往往讀者會(huì)看不清楚,但是交互同學(xué)還是可以用來配圖包裝的。
下面給你看看我的~感受一下下
3) 使用場景的繪制包裝(故事版——同時(shí)也是一種設(shè)計(jì)方法)
下面是網(wǎng)上找的一個(gè)案例說明,就是APP場景的說明圖示,也是用戶需求、體驗(yàn)問題的挖掘過程。
2、各種流程、數(shù)據(jù)的可視化
無論是你的論證過程,還是你的設(shè)計(jì)流程、需求本身,都是流程對(duì)吧。
數(shù)據(jù)分析的時(shí)候還會(huì)有數(shù)據(jù),都可以以視覺化直觀的呈現(xiàn),體驗(yàn)會(huì)很好
不舉例子啦,可以百度“信息可視化”
實(shí)在不行再百度”PPT模版“
我就不貼圖啦
3、什么都懶得弄——“整齊+留白”
整齊+ 合理留白就是美~不過多闡述啦~
下面這個(gè)是我舉個(gè)的栗子,沒有什么特點(diǎn),就是整齊,很美也很清楚吧。
包裝手段四:凸顯獨(dú)特性——“我就是我,不一樣的煙火”
個(gè)人風(fēng)格屬于深度包裝~在前幾個(gè)的基礎(chǔ)上,發(fā)揮個(gè)人的優(yōu)勢(shì),可以是性格上的,也能以是特長方面的。
比如說有人文案寫的好,就可以突出文風(fēng)特點(diǎn),以文字吸引人。表現(xiàn)個(gè)人的特征。
比如說有人會(huì)攝影,也可以以攝影元素進(jìn)行視覺美化
總之就是:”讓別人能記得你“
我們經(jīng)??吹胶芏嘣O(shè)計(jì)師的文章很火,個(gè)人IP做的很好,一方面說明這個(gè)人分享的干貨很多,另一方面也是說明了這個(gè)人運(yùn)營自己的能力比較強(qiáng),也就是凸顯了自身的特點(diǎn)優(yōu)勢(shì)。有時(shí)候,巧妙利用奪人眼球的字眼,塑造強(qiáng)有力的自品牌,還能掩蓋掉了設(shè)計(jì)或文章本身的缺陷。
當(dāng)然了,無論如何,沉下來做設(shè)計(jì)才是王道。
以上文章內(nèi)圖片均來源網(wǎng)絡(luò),僅供示意說明。
----------感謝閱讀-----------
我沒有公眾號(hào)可以讓你關(guān)注。。
所以點(diǎn)擊UI中國上的“關(guān)注”是我們發(fā)生關(guān)系的唯一方式
或許你還可以來我微博圍觀我@下凡_
也不許不聯(lián)系我就轉(zhuǎn)載
密碼登錄
大牛,別默默的看了,快登錄幫我點(diǎn)評(píng)一下吧!:)
登錄 立即注冊(cè)