從一次活動(dòng)設(shè)計(jì)聊聊交互設(shè)計(jì)師的3個(gè)階段

7 評(píng)論 10553 瀏覽 82 收藏 7 分鐘

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

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

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

這是交互的第一階段,你就是個(gè)排版的

yj201606273

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

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

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

yj201606275

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

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

我們?cè)賮?lái)看一遍策劃方案。

yj201606278

進(jìn)入這個(gè)活動(dòng)首頁(yè)的第一感覺(jué)——有一大段文字等著我去閱讀。

在這個(gè)頁(yè)面上我希望用戶做什么?

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

什么會(huì)對(duì)這個(gè)目標(biāo)造成干擾?

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

具體是哪些東西?

活動(dòng)標(biāo)題、操作步驟、活動(dòng)規(guī)則。(分解問(wèn)題)

yj201606277

這上面的每一類(lèi)信息都是必要的么?

我覺(jué)得是的。

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

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

剩下的信息能再精簡(jiǎn)一點(diǎn)么?

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

如果不能再精簡(jiǎn),能通過(guò)設(shè)計(jì)讓它看上去再簡(jiǎn)單一點(diǎn)么?

第一屏的留白可以更多一點(diǎn),活動(dòng)規(guī)則少露出來(lái)一點(diǎn)。

yj201606279

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

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

yj201606272

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

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

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

什么是一個(gè)好的活動(dòng)設(shè)計(jì)?

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

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

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

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

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

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

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

yj2016062710

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

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

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

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

 

原文來(lái)自優(yōu)設(shè)

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 交互淪為產(chǎn)品運(yùn)營(yíng)的保姆,任勞任怨,努力工作,還被覺(jué)得偷懶不出活,反駁兩句還沒(méi)有發(fā)言權(quán)。

    來(lái)自廣東 回復(fù)
  2. 線框圖畫(huà)的好有啥用?你讓視覺(jué)怎么發(fā)揮,真正要做的就是在產(chǎn)品經(jīng)理正確需求的引導(dǎo)下,與他確立出具體的細(xì)節(jié)部分,做出合理的交互判斷,然后完善出交互流程,文案可以更改,但建議由專(zhuān)業(yè)的文案人員來(lái)優(yōu)化,

    回復(fù)
  3. 對(duì)?。∩婕暗轿陌浮=换ピO(shè)計(jì)你有權(quán)去修改嗎?你為什么吧我的說(shuō)明去掉呢?

    來(lái)自北京 回復(fù)
  4. 不過(guò)確實(shí)操作流程哪去了??

    回復(fù)
  5. 我支持,文案就是要精簡(jiǎn),表達(dá)清晰并足以吸引用戶閱讀就可以

    回復(fù)
  6. 搶流量紅包的步驟流程是怎樣的沒(méi)說(shuō)清楚
    還有怎樣讓用戶去分享活動(dòng)進(jìn)行傳播也沒(méi)有體現(xiàn)呢

    來(lái)自廣東 回復(fù)
  7. 那么問(wèn)題來(lái)了,你為什么要改我的文案,你認(rèn)為你寫(xiě)文案比我專(zhuān)業(yè)?如果達(dá)不到效果不是不由你負(fù)責(zé)。。。巴拉巴拉的一大堆問(wèn)題,所以只能說(shuō)明你們的文案不合格,另外,你們交互就做這個(gè)事情的?

    來(lái)自廣東 回復(fù)