從一次活動設(shè)計聊聊交互設(shè)計師的3個階段

7 評論 10570 瀏覽 82 收藏 7 分鐘

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

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

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

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

yj201606273

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

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

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

yj201606275

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

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

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

yj201606278

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

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

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

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

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

具體是哪些東西?

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

yj201606277

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

我覺得是的。

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

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

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

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

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

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

yj201606279

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

交互的第三階段,你除了會梳理邏輯和使用流程,你還有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é)日期間投放的活動,有助于烘托氛圍)。

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

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

我需要傳達給用戶怎樣的情感?

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

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

yj2016062710

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

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

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

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

 

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

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

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

    回復(fù)
  3. 對??!涉及到文案。交互設(shè)計你有權(quán)去修改嗎?你為什么吧我的說明去掉呢?

    來自北京 回復(fù)
  4. 不過確實操作流程哪去了??

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

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

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

    來自廣東 回復(fù)