網(wǎng)易云音樂交互負(fù)責(zé)人|從一次活動設(shè)計,聊聊交互設(shè)計師的3個階段

9 評論 19571 瀏覽 126 收藏 8 分鐘

交互設(shè)計師的三階段:有美感、有邏輯、有sense

我習(xí)慣把一次設(shè)計中的階段性方案保存下來,這便于我回憶設(shè)計是怎么一點一點被優(yōu)化的,也便于我整理設(shè)計過程中一些具有共性的問題。今年初我們聯(lián)手中國電信做了一次送聽歌流量的活動。把這個需求交由一個新來的小朋友鍛煉鍛煉,在這過程中產(chǎn)出的階段性方案具有問題的典型性,不妨把它們看成一個交互設(shè)計師對交互設(shè)計理解的不同階段。

由于活動需求來得急,策劃給到交互的就直接是線框圖了。左邊是策劃方案,右邊是第一版交互。

yj201606274

可以發(fā)現(xiàn),交互只是單純地把策劃內(nèi)容復(fù)制到了交互稿,用標(biāo)準(zhǔn)的交互控件替換了下,排了個版。甚至原本策劃里稍稍顯露出一點端倪的紅包樣式也被一個按鈕樣式給替代了。

這是交互的第一階段,你就是個排版的

yj201606273

這是很多交互新人的狀態(tài),會覺得策劃文檔就是定了的東西,自己要做的就是把這些東西排排好。當(dāng)然排版也是一門博大精深的學(xué)問(真的有很多交互連這項基本技能都不過關(guān)的哦),這個以后單獨再寫一篇。

不會排版,你很難做好交互,但只知道排版,你的工作很快就會遇到瓶頸。

交互的第二階段,你會給策劃文檔挑刺兒

yj201606275

策劃也是人,也會出錯。團(tuán)隊中多一類人的存在,就是為了多一點不同的觀點碰撞。交互可以說是整個項目組里面唯一一個會仔細(xì)看策劃文檔的人(其他人一般都直接看交互稿),所以這個翻譯和糾錯的過程尤其重要。

在這個過程中你需要將自己帶入情境,不斷地自問和追問策劃,發(fā)現(xiàn)問題、分解問題和解決問題。

我們再來看一遍策劃方案。

yj201606278

進(jìn)入這個活動首頁的第一感覺——有一大段文字等著我去閱讀。

在這個頁面上我希望用戶做什么?

點擊領(lǐng)取紅包(設(shè)計目標(biāo))。

什么會對這個目標(biāo)造成干擾?

這個頁面上的其他東西(發(fā)現(xiàn)問題)。

具體是哪些東西?

活動標(biāo)題、操作步驟、活動規(guī)則(分解問題)。

yj201606277

這上面的每一類信息都是必要的么?

我覺得是的。

這上面的每一類信息都是你希望用戶在點擊領(lǐng)取之前要看的?

不是。操作步驟”輸入手機(jī)號blabla…“,在輸入手機(jī)號的界面再講也不遲;活動規(guī)則,希望用戶知道,但也不是非看不可。

剩下的信息能再精簡一點么?

感覺活動標(biāo)題信息有重復(fù),可以精簡;活動規(guī)則,相當(dāng)于免責(zé)聲明,感覺精簡的空間不大。

如果不能再精簡,能通過設(shè)計讓它看上去再簡單一點么?

第一屏的留白可以更多一點,活動規(guī)則少露出來一點。

yj201606279

第二版交互方案,看上去簡潔了不少,但只是機(jī)械地精簡了文案,沒有感覺,一些重要的信息也沒有突出。

交互的第三階段,你除了會梳理邏輯和使用流程,你還有Sense

yj201606272

可以看到在交互的前兩個階段中,無論是排版還是給策劃文檔挑刺兒,如果僅僅靠的是邏輯,很容易把一些不該去掉的東西給去掉了。

邏輯正確保證了用戶在使用過程中不產(chǎn)生困惑,能順利完成任務(wù)。但是否能給用戶留下好的印象,就是一些邏輯之外的東西了。

關(guān)注用戶體驗和情感,能幫助你超脫策劃文檔本身,直接去思考問題的本質(zhì)。

什么是一個好的活動設(shè)計?

我知道文案應(yīng)該簡潔有力,在去粗存精的過程中,我該如何取舍?

那么就應(yīng)該考慮,無論是在產(chǎn)品內(nèi)部還是產(chǎn)品外部看到這個活動,用戶是否都能正確理解:中國電信4G(只有電信4G用戶才能參加該活動)、網(wǎng)易云音樂(我們產(chǎn)品里才有的活動)、免費送流量(活動的本質(zhì))、猴年(節(jié)日期間投放的活動,有助于烘托氛圍)。

除了做減法,是否還缺了什么?

從眾感,稀缺感……等等。

我需要傳達(dá)給用戶怎樣的情感?

這個活動所處的時間段,需要營造什么樣的氛圍,文案、配圖有什么講究,有哪些元素是需要突出的……不要吝嗇在交互稿中傳達(dá)出這些信息。

進(jìn)一步優(yōu)化方案:

yj2016062710

交互設(shè)計師的三階段:有美感、有邏輯、有sense

第一階段是基本技能。不懂得排版,你連一份看得過去的交互稿都產(chǎn)出不了。

第二階段是思維能力。始終思考自己作為一個交互在團(tuán)隊中存在的價值是什么。

第三階段是一種素養(yǎng)。我們常說,邏輯是沒啥問題,但就是不夠有感覺。而sense就是這樣一種介于理性和感性之間的能力。

#專欄作家#

俞靜,微信公眾號:聽音樂做設(shè)計,人人都是產(chǎn)品經(jīng)理專欄作家,網(wǎng)易云音樂交互組負(fù)責(zé)人。熟悉交互設(shè)計、產(chǎn)品設(shè)計,喜歡聽音樂、看劇,很宅的INTP。

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

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 想做一名交互大師

    來自北京 回復(fù)
  2. 只會做出來第一版那種的,啥時候能成大神呢??????

    回復(fù)
  3. 不點贊(?ò ? ó?),我看誰敢走

    看來我是第一階段的????

    回復(fù)
  4. 為大公無私的作者點贊!! ??

    來自浙江 回復(fù)
  5. 可以把移動聯(lián)通也歸納進(jìn)去參加活動,但是不中獎而已。

    來自廣東 回復(fù)
    1. 是不是有篇文章寫過這種思維

      來自浙江 回復(fù)
    2. 看到過

      來自廣東 回復(fù)
    3. 這可能會導(dǎo)致很嚴(yán)重的后果哦!移動聯(lián)通用戶也參與活動,但是沒有中獎會降低用戶的期望,下一次再有類似的活動可能用戶就會直接無視的。

      來自廣東 回復(fù)
    4. ?? 應(yīng)該是

      來自廣東 回復(fù)