一個(gè)公式,從作品集小白修煉到初級交互設(shè)計(jì)師

1 評論 5571 瀏覽 14 收藏 12 分鐘

本文作者從自己個(gè)人經(jīng)歷和想法出發(fā),從三個(gè)轉(zhuǎn)變的角度談?wù)勅绾螐淖髌芳^渡到行業(yè)項(xiàng)目,希望對所有剛剛踏入產(chǎn)品或交互行業(yè)的新手們有所幫助。

一、前言

在經(jīng)歷了半年多的作品集沉淀,三四個(gè)月漫長的面試經(jīng)歷后,我終于完成了一個(gè)CS學(xué)子到小白交互設(shè)計(jì)師的轉(zhuǎn)變。作為一個(gè)從0開始,沒有任何交互或產(chǎn)品行業(yè)經(jīng)驗(yàn)的在校生,這個(gè)過程中踩了無數(shù)坑,但也正因?yàn)檫@些彎路使得一切積累都十分寶貴。

我相信很多還沒有走入行業(yè)的畢業(yè)生都跟我一樣,利用自己在學(xué)校的項(xiàng)目經(jīng)歷完成了簡單的作品集。在制作過程中,總覺得自己對整個(gè)流程已經(jīng)了解的十分完善,但實(shí)際踏入工作時(shí)卻發(fā)現(xiàn)之前獨(dú)自閉門造車的思維模式有很大問題,在處理商業(yè)項(xiàng)目時(shí)水土不服。

所以本文將從個(gè)人經(jīng)歷和想法出發(fā),從三個(gè)轉(zhuǎn)變的角度談?wù)勅绾螐淖髌芳^渡到行業(yè)項(xiàng)目,希望對所有和我一樣剛剛踏入產(chǎn)品或交互行業(yè)的新手們有所幫助。

二、二者有何不同?

對于這個(gè)問題,可能很多剛畢業(yè)的小白都能說上幾句。例如制作作品集主要是基于自己做過的項(xiàng)目,是內(nèi)容和能力的展示,而商業(yè)交互設(shè)計(jì)師是2b或者2c,是面對具體的用戶;制作作品集的時(shí)候自己就是一整個(gè)團(tuán)隊(duì),而在公司里是團(tuán)隊(duì)的一員。但沒有親歷兩種不同的項(xiàng)目模式,其實(shí)很難關(guān)注到表面不同背后驅(qū)動(dòng)的行為模式。

以上問題如果再追問,展示能力與追求極致的用戶體驗(yàn)究竟相互矛盾還是相輔相成,是團(tuán)隊(duì)的一員意味著我們的產(chǎn)出需要做到什么程度,恐怕絕大多數(shù)小白畢業(yè)生,例如剛開始實(shí)習(xí)的我,都完全傻眼。

想要真正handle交互設(shè)計(jì)師入門,必須要徹底的搞清楚這二者背后不同的模式,從而總結(jié)出轉(zhuǎn)變的方法,才能順利的蛻變。

交互設(shè)計(jì) = 用戶 +?場景 + 行為

這個(gè)小白入門必“背”公式其實(shí)很好的為交互入門劃分了三個(gè)大致方向,明確自己新的角色,并且在商業(yè)場景下更好的協(xié)作和輸出。下面我將根據(jù)這個(gè)公式詳細(xì)分享我的經(jīng)驗(yàn)。

三、角色

1)從甲方變成乙方

制作作品集其實(shí)是個(gè)非常綜合的過程,尤其是如果涉及到一些自己全程參與的項(xiàng)目,交互其實(shí)常常只占工作的一小部分而已。很多時(shí)候我們一個(gè)人就是一個(gè)團(tuán)隊(duì),需要從前期策劃,到產(chǎn)品的視覺設(shè)計(jì),還有后期運(yùn)營全程參與,一邊構(gòu)思一邊進(jìn)行實(shí)現(xiàn)。

我們同時(shí)是交互設(shè)計(jì)師,視覺設(shè)計(jì)師,架構(gòu)師,產(chǎn)品經(jīng)理,還可能是運(yùn)營專家。這樣考慮的視角是相對俯視全局的——因?yàn)槟闶裁炊嫉每紤]到,這就會(huì)造成每一個(gè)角度中細(xì)致度的缺乏,而細(xì)致度卻又是商業(yè)交互設(shè)計(jì)師最需要的東西。

在公司里做交互設(shè)計(jì)師,需要把自己切換成仰視細(xì)節(jié)角度,去關(guān)注每一個(gè)控件的位置和大小,每一個(gè)頁面的跳轉(zhuǎn)邏輯。

這樣設(shè)置我的控件大小是否可以突出我的主體功能?返回鍵放在右側(cè)是否違背了用戶習(xí)慣?這樣的排版是否合理,信息重要層級是否符合使用場景?

只有關(guān)注到一個(gè)頁面的角角落落,方方面面,才能真的算是開始上手入門。

2)扔掉“理所當(dāng)然”的黑匣子,你才是造螺絲釘?shù)脑O(shè)計(jì)師

很多時(shí)候小白容易陷入“照搬市面上成功產(chǎn)品的交互邏輯”死循環(huán),實(shí)際上并不是偷懶或者抄襲的問題,而是思維模式?jīng)]有轉(zhuǎn)換,沒有意識到所有細(xì)節(jié)都需要根據(jù)具體產(chǎn)品進(jìn)行思考和推敲。

舉個(gè)自己的例子,我接手的第一個(gè)任務(wù)是導(dǎo)航產(chǎn)品。當(dāng)時(shí)我想,這還不簡單嗎,市面上多少已經(jīng)很成熟的導(dǎo)航產(chǎn)品,按照他們的方向,突出這個(gè)產(chǎn)品的獨(dú)特點(diǎn),就是個(gè)很好的交互方案了。所以我制作作品集一樣,簡單的列了一下功能列表,信息架構(gòu),對比了一下競品,然后立刻著手去畫了幾份草圖。

結(jié)果在匯報(bào)的時(shí)候,老板幾連問就把我問懵了:這個(gè)按鈕為什么要放在這?為什么放這么大?又為什么放這么???要在這個(gè)地方放這個(gè)功能嗎?為什么不在后續(xù)放?

當(dāng)時(shí)的我才猛然發(fā)現(xiàn),這些問題原來的思維習(xí)慣里來的多么“理所當(dāng)然”,只是因?yàn)槠渌墒飚a(chǎn)品這么做所以我就這么做,因?yàn)樗麄儼阉阉鳈诜旁诘撞课揖头旁诘撞?,因?yàn)樗麄儼压ぞ邫谑掌饋砦乙彩掌饋恚瑓s從來沒有想過成熟產(chǎn)品這么做的原因是什么,這樣的做法是否適合我手上的產(chǎn)品。

而且我滿足于大框架上的設(shè)計(jì),總是把關(guān)注點(diǎn)放在服從信息結(jié)構(gòu)的邏輯,或者是否在視覺上和諧,卻恰恰漏掉了交互設(shè)計(jì)師需要去關(guān)注的部分——這些細(xì)節(jié)對用戶造成的影響是什么?;蛟S改動(dòng)10%的控件大小就會(huì)讓用戶覺得重點(diǎn)突出,或許將教程功能隱藏在使用過程中就能極大地減少用戶被打擾度,這些才是商業(yè)交互設(shè)計(jì)師更需要考慮的,而不是只關(guān)注宏觀的結(jié)構(gòu)和邏輯。

四、場景

對于一個(gè)商業(yè)交互設(shè)計(jì)師來說,公司就是我們的場景。一般較大的公司會(huì)有專門的用戶體驗(yàn)設(shè)計(jì)部門,匯集了交互設(shè)計(jì),視覺設(shè)計(jì),產(chǎn)品設(shè)計(jì)等。中小型公司也會(huì)有對應(yīng)的職能。這就需要我們非常明確在當(dāng)前場景下我們的職責(zé),這對我們思維模式和產(chǎn)出都有決定性的作用。

1)溝通

在公司場景中注定了我們需要花大量時(shí)間在溝通和確定需求,還有講解自己的設(shè)計(jì)上。一個(gè)人做作品集的時(shí)候,一切都誕生在我們的腦子里,新的想法隨時(shí)可以進(jìn)行改動(dòng),并且改到我們覺得合適為止。

但在公司場景中,往往需要消耗大量的溝通成本,所以在最開始時(shí)一定和產(chǎn)品經(jīng)理對接清楚,并在后期輸出時(shí)盡量簡潔的說出自己的想法。有的時(shí)候并不是設(shè)計(jì)不好,而是沒有表達(dá)清楚為什么這樣設(shè)計(jì),從而導(dǎo)致方案被斃。

2)協(xié)作

做作品集的時(shí)候,靈感來的都很零散。有的時(shí)候先想到了整體風(fēng)格,再著手畫線框圖,只要最后產(chǎn)出的時(shí)候邏輯正確,那么其實(shí)跳躍性思維并不影響作品集的質(zhì)量,反而會(huì)容易做出比較有特色的設(shè)計(jì)。

但商業(yè)交互設(shè)計(jì)要求交互設(shè)計(jì)師必須完全focus在自己的部分,有的時(shí)候想多做多,反而是對其他職能的設(shè)限。交互設(shè)計(jì)師需要做的事情是突出重點(diǎn),點(diǎn)到為止,而不是越俎代庖,去規(guī)劃本該是視覺設(shè)計(jì)師該做的事情。

五、行為

明確了自己的角色和所在的場景之后,我總結(jié)出了兩條適合小白們提升自己可以做的行為。

1)多看書多總結(jié)

看書可以幫小白們迅速的抓到一些基本的設(shè)計(jì)原則和理念。我剛開始上手做項(xiàng)目的時(shí)候,完全缺乏規(guī)范的方法論,也缺乏設(shè)計(jì)語言的統(tǒng)一。不知道要突出重點(diǎn),對不重要的東西有的放矢,如果方案被打回來就歐巴桑心態(tài)一股腦兒的往里面塞新的功能??磿梢钥焖賻椭“讉兊於P(guān)于“設(shè)計(jì)”的一些準(zhǔn)則,把握產(chǎn)出的大方向,否則輸出的東西永遠(yuǎn)無法打中用戶的需求。

2)多寫交互文檔練手

交互文檔對于一個(gè)交互設(shè)計(jì)師來說有多重要不用我多說,但如何快速又細(xì)致的寫好一份交互文檔,是非常需要鍛煉的。一味求快很容易漏掉功能或狀態(tài),只追求雕花一樣的細(xì)致又會(huì)趕不上ddl,二者如何兼得,只能靠多寫。

如果可以有一套自己檢查邏輯和狀態(tài)的方法論是最好的。這樣就可以在完成主界面設(shè)計(jì)之后快速輸出一份大綱版本的交互文檔,然后再用檢查方法論去細(xì)化,豐富主體。同時(shí)在寫交互文檔的時(shí)候也不能忘記細(xì)節(jié)所體現(xiàn)出來的設(shè)計(jì)原則,要寫的易讀,且不容易讓人誤讀。

六、總結(jié)

七七八八寫了很多,其實(shí)核心的主題很簡單。很多時(shí)候我們意識不到商業(yè)交互和做作品集時(shí)思維和行為模式的區(qū)別,自己一個(gè)人團(tuán)隊(duì)做項(xiàng)目做多了,反而容易被局限在自己的框架里,雖然也有滿足的快樂,但難以走出去和一個(gè)大團(tuán)隊(duì)合作,學(xué)習(xí)新的知識。

在工作之前我陷入到一段時(shí)間的自我懷疑中,懷疑自己所選擇的職業(yè)道路到底是否有發(fā)展,我是否只是無限的在重復(fù)已知的教條。但一旦走出這個(gè)自己設(shè)下的框架之后,所學(xué)習(xí)到的東西和接觸到的行業(yè)會(huì)帶來許多新的體驗(yàn),也讓我更好地審視我的選擇。

希望我的小小總結(jié)也可以幫到正在進(jìn)行自我懷疑或者初入職場的小白們,也激勵(lì)自己在以后也不要停止回顧和總結(jié)的道路。

 

本文由 @Echo? 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載

題圖來自Unsplash,基于CC0協(xié)議

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 感謝題主 覺得內(nèi)容很實(shí)在

    來自浙江 回復(fù)