什么是界面交互設(shè)計(jì)這個(gè)話題，早就已經(jīng)被反復(fù)說了很多次了，但是繼續(xù)深入下去——如何做一個(gè)好的界面交互設(shè)計(jì)，卻鮮有大范圍的深入討論。就著這個(gè)方向，我會(huì)分兩期深入分析總結(jié)一下，實(shí)戰(zhàn)中的界面交互設(shè)計(jì)應(yīng)該是什么樣的？

針對(duì)界面交互設(shè)計(jì)的細(xì)分

關(guān)鍵詞: 領(lǐng)域?qū)傩?/ 運(yùn)營(yíng)活動(dòng)&常規(guī)功能類型界面交互設(shè)計(jì)

界面交互設(shè)計(jì)在實(shí)戰(zhàn)中其實(shí)也是有細(xì)分的，如不同的領(lǐng)域，像教育、社交、新聞、視頻直播等等都會(huì)有不一樣的屬性特質(zhì)。

例如直播比較在意互動(dòng)的體驗(yàn)，社交比較在意關(guān)系鏈中信息交換的體驗(yàn)，這些都是基于產(chǎn)品所在領(lǐng)域的特質(zhì)，而存在的一些差異點(diǎn)，需要不斷的深入研究。

當(dāng)然，無論是任何屬性特質(zhì)的產(chǎn)品，粗分一下，又會(huì)有運(yùn)營(yíng)活動(dòng)類型的設(shè)計(jì)需求和常規(guī)功能類型的設(shè)計(jì)需求，放在界面交互設(shè)計(jì)上又應(yīng)該如何去處理？

此處結(jié)合我所處的電商領(lǐng)域，先對(duì)運(yùn)營(yíng)活動(dòng)類型的界面交互設(shè)計(jì)進(jìn)行總結(jié)，常規(guī)功能型的界面交互設(shè)計(jì)會(huì)在下期進(jìn)行總結(jié)。

運(yùn)營(yíng)活動(dòng)的特質(zhì)

關(guān)鍵詞: 短期節(jié)奏 / 階段升級(jí) / 認(rèn)知培養(yǎng)

互聯(lián)網(wǎng)的運(yùn)營(yíng)活動(dòng)是基于一款線上產(chǎn)品的基礎(chǔ)功能之上，針對(duì)對(duì)拉新，促活，留存等等目標(biāo)所展開的線上活動(dòng)，這是一個(gè)基本定義. 但是對(duì)于運(yùn)營(yíng)活動(dòng)，我們?nèi)孕枰扰靼讕讉€(gè)特質(zhì)：

1.“活動(dòng)有開始也會(huì)有結(jié)束”

如果一直都存在，那就是穩(wěn)定的功能，例如京東的618大促，會(huì)有十幾天的周期；淘寶的雙十一，前后也會(huì)有個(gè)幾天的周期，大家好像只熟知6月18號(hào)和11月11號(hào)這些時(shí)間節(jié)點(diǎn)，那是因?yàn)檫@都是活動(dòng)的高潮期。實(shí)際上會(huì)有開始前的“蓄水期”，開始中的“活動(dòng)期”，結(jié)束后的“返場(chǎng)期”，而“活動(dòng)期”又會(huì)有些“初期”“高潮期”“末期”等階段參雜其中。周期很短，節(jié)奏很重要，需要在不同階段做不同的處理。

2“用戶參與動(dòng)機(jī)各不相同，但又會(huì)隨著階段變化而升級(jí)”

這個(gè)其實(shí)很好理解，現(xiàn)在大型選秀節(jié)目遍地都有，一開始肯定都不是沖著素人選手去的，沖著明星導(dǎo)師的幾率可能會(huì)更大，或者就是為了吃瓜，又或者就只是因?yàn)榇蠹叶荚谧范选?/p>

但是隨著節(jié)目的往后發(fā)展，大家的注意力開始跟著節(jié)目走了，開始有自己一直在關(guān)注的選手，開始擔(dān)心復(fù)活賽能不能突出重圍，開始瘋狂的投票站隊(duì)這就是認(rèn)知?jiǎng)訖C(jī)的變化與成長(zhǎng)，依托于內(nèi)容階段的變化而升級(jí)，要把握好不同的認(rèn)知?jiǎng)訖C(jī)。

3“花錢做活動(dòng)是為了培養(yǎng)用戶”

這里所說的培養(yǎng)是用戶的成長(zhǎng)周期里的培養(yǎng)，是不是由非產(chǎn)品用戶，變成了產(chǎn)品用戶，由一般用戶變成了中度或者頭部用戶。

所以基于產(chǎn)品和內(nèi)容層面，需要統(tǒng)一的對(duì)用戶的認(rèn)知進(jìn)行引導(dǎo)，在一個(gè)好的體驗(yàn)的環(huán)境中，依托于內(nèi)容，按著節(jié)奏并結(jié)合認(rèn)知?jiǎng)訖C(jī)變化的特性，進(jìn)行引導(dǎo)培養(yǎng)，所以此時(shí)對(duì)于業(yè)務(wù)方提供的資源，例如打折活動(dòng)等等，需要好好想想怎么呈現(xiàn)。

界面交互設(shè)計(jì)需要的視角意識(shí)

關(guān)鍵詞: 營(yíng)銷&認(rèn)知 / 產(chǎn)品&資源 / 用戶體驗(yàn)邏輯

說完運(yùn)營(yíng)活動(dòng)的特質(zhì)，還要再提一下運(yùn)營(yíng)活動(dòng)中界面交互設(shè)計(jì)的思考維度，此刻要再三強(qiáng)調(diào)：

優(yōu)秀的交互設(shè)計(jì)師一定是好的平衡者，因?yàn)殡m然你是一個(gè)設(shè)計(jì)師，但也一定會(huì)碰見商業(yè)層面的問題，或者產(chǎn)品資源層面的問題——用戶不喜歡廣告，但是Banner又必須存在，用戶喜歡便宜，但是打折又有參與門檻，種種情況都必須考慮得到怎么處理，體驗(yàn)稍微處理不好，用戶就會(huì)流失，所以要有三種視角意識(shí)，分別是：

1.“營(yíng)銷訴求&價(jià)值認(rèn)知”

因?yàn)槭裁礃I(yè)務(wù)目的才做的這個(gè)活動(dòng)，對(duì)應(yīng)能給用戶帶來的價(jià)值又是什么，業(yè)務(wù)收益又是什么，怎么平衡負(fù)面感知，用戶參與買完?yáng)|西之后，能記得是在京東買的還是淘寶買的，還是哪個(gè)模塊買的。

2.“產(chǎn)品策略&資源限制”

產(chǎn)品策略上有一定的限制和門檻，用戶怎么樣才能接受，沒有“耐克”這些大牌店鋪資源，用戶怎么感知一般店鋪，放爆品圖肯定比logo和店名有用，用戶最起碼能知道有什么。

3.“用戶體驗(yàn)分層”

引導(dǎo)新手如何快速上手，一般，中度，頭部用戶分別都關(guān)注什么，不同的用戶對(duì)整體活動(dòng)進(jìn)程的關(guān)注度都不一樣，那是不是需要頁(yè)面位置錨定引導(dǎo)，這些都需要分層考慮，站在不同的用戶角度上去想想。

運(yùn)營(yíng)活動(dòng)的設(shè)計(jì)策略與關(guān)鍵節(jié)點(diǎn)的把控

關(guān)鍵詞: “人、貨、場(chǎng)”/ 前后臺(tái)內(nèi)容區(qū)分 / 用戶分層 / 流動(dòng)數(shù)據(jù)定義

對(duì)于運(yùn)營(yíng)活動(dòng)的特質(zhì)在開篇的時(shí)候已經(jīng)做了相關(guān)的分析，實(shí)戰(zhàn)中界面交互設(shè)計(jì)的維度意識(shí)我也進(jìn)行了解釋，接下來就要剖析下詳細(xì)的設(shè)計(jì)策略要怎么思考，還有關(guān)鍵節(jié)點(diǎn)要怎么把控.

1. 運(yùn)營(yíng)活動(dòng)設(shè)計(jì)策略需要立足于 “人、貨、場(chǎng)”三個(gè)通用基本點(diǎn)

“人”指的就是用戶，不同的用戶所表現(xiàn)出來的特質(zhì)肯定是不一樣的?？鋸堃稽c(diǎn)，老年人和年輕人就是最不一樣的，前者看字都可能看不清，最好多用圖；后者則可以結(jié)合一定量的文字，又或者像上文中我提及的體驗(yàn)分層中，所出現(xiàn)的新手、一般用戶、中間用戶、專家用戶等等，維度也有很多。

“貨”其實(shí)指的是內(nèi)容，電商購(gòu)物最多出現(xiàn)的是圖片，因?yàn)閳D片是可以支持最基本識(shí)別的，但是如果是電影，最好有短視頻之類的內(nèi)容來輔助識(shí)別，因?yàn)檫@是個(gè)有內(nèi)容深度的“貨”。此處僅為示例，其實(shí)還會(huì)有更多的情況——生鮮和電器、長(zhǎng)視頻和短視頻等等，都是不一樣的，運(yùn)營(yíng)活動(dòng)中的內(nèi)容也一定是特別資源。

“場(chǎng)”指的是頁(yè)面場(chǎng)景，例如搜索是強(qiáng)目的場(chǎng)景，信息流是無目的或者弱目的的引導(dǎo)場(chǎng)景，運(yùn)營(yíng)活動(dòng)的不同階段就是不同的場(chǎng)景，以此參照，可以根據(jù)實(shí)際情況進(jìn)行分析。這是個(gè)必要的環(huán)節(jié)，就像在醫(yī)院看病，解決病痛拯救生命才是最重要的，用不著慢慢挑醫(yī)生，除非不著急治病。

2. 結(jié)合運(yùn)營(yíng)活動(dòng)的特質(zhì)，保持全面的維度思考意識(shí)，遵守設(shè)計(jì)策略的基本原則，接下來就要按照前后臺(tái)來進(jìn)行區(qū)分，后臺(tái)用戶看不見的，要弄清楚的是:

• 業(yè)務(wù)目標(biāo) (訴求的優(yōu)先級(jí))
• 業(yè)務(wù)制定的玩法策略 (針對(duì)什么用戶 / 在什么場(chǎng)景下 / 機(jī)制是什么)
• 產(chǎn)品資源 (有什么”貨“內(nèi)容 / 開發(fā)環(huán)境是否支持動(dòng)效或者語(yǔ)音等特別設(shè)計(jì)方式等)

3. 前臺(tái)用戶看得見或者感覺得到的，根據(jù)活動(dòng)的不同階段階段(前 / 中 / 后)，高潮期分成幾個(gè)階段，體驗(yàn)的關(guān)鍵節(jié)點(diǎn)分別為：

運(yùn)營(yíng)活動(dòng)前期要如何給用戶種草，這里就需要對(duì)用戶的目標(biāo)動(dòng)機(jī)等，結(jié)合”貨“來制定界面設(shè)計(jì)，使其預(yù)約等，在開始之后能夠大量的被喚回。

運(yùn)營(yíng)活動(dòng)中，要對(duì)用戶的心智進(jìn)行分層，可結(jié)合”人群標(biāo)簽分層” “活動(dòng)目標(biāo)定向分層” 等分層方式來，設(shè)計(jì)功能位置、認(rèn)知框架、認(rèn)知內(nèi)容、注意力強(qiáng)弱、觸點(diǎn)媒介(icon使用，字大字小等)、行為路徑、行為成本、行為節(jié)點(diǎn)、特殊狀態(tài)等等。

當(dāng)然，何種分層方式還是基于處于何階段，活動(dòng)初期用戶還沒有認(rèn)知，利用其固有標(biāo)簽特質(zhì)，可能會(huì)更有效，活動(dòng)中期或者后期用戶認(rèn)知有深淺，結(jié)合心智變化，利用“活動(dòng)目標(biāo)定向分層”會(huì)更有效。

另外需要考慮到場(chǎng)景的變化，在站內(nèi)還是站外，也需要考慮，現(xiàn)在絕大多數(shù)的運(yùn)營(yíng)活動(dòng)都會(huì)涉及到站外，例如微信場(chǎng)景、站外的裂變觸達(dá)、有效喚回要怎么做、陌生人觸達(dá)與熟人觸達(dá)的設(shè)計(jì)策略也需要進(jìn)行分類處理，直接給一段文字和用對(duì)話框給一段文字，感知上就有本質(zhì)的區(qū)別。

活動(dòng)結(jié)束后的返場(chǎng)期，如果需要進(jìn)行沉淀留存等，相關(guān)的體驗(yàn)節(jié)點(diǎn)就變成了，向常規(guī)模塊的引導(dǎo)的體驗(yàn)要怎么做。

4. 監(jiān)控運(yùn)營(yíng)活動(dòng)數(shù)據(jù)

運(yùn)營(yíng)活動(dòng)換句話說也可以算是用戶成長(zhǎng)的助燃劑。那既然用戶有變化，那就要在數(shù)據(jù)層面，進(jìn)行相對(duì)應(yīng)的監(jiān)控，畢竟一場(chǎng)運(yùn)營(yíng)活動(dòng)會(huì)涉及到那么多不同的階段和站內(nèi)站外那么多不同的場(chǎng)景，所以需要定義對(duì)應(yīng)不同分層人群的每個(gè)階段的體驗(yàn)指標(biāo)，應(yīng)該是什么，細(xì)節(jié)包括某個(gè)按鈕的點(diǎn)擊、停留時(shí)長(zhǎng)等等。

大略的用戶層級(jí)流動(dòng)變化，可以通過定義訪問次數(shù)等，進(jìn)行活動(dòng)前后進(jìn)行對(duì)比，詳細(xì)的體驗(yàn)數(shù)據(jù)定義策略，我會(huì)單獨(dú)用一篇文章來說明，但是需要強(qiáng)調(diào)的是，數(shù)據(jù)的監(jiān)控是必要的，這也是我們對(duì)相關(guān)交互設(shè)計(jì)進(jìn)行優(yōu)化的重要手段。

總結(jié)

以上為針對(duì)運(yùn)營(yíng)類需求，在實(shí)戰(zhàn)中界面交互設(shè)計(jì)的一些總結(jié)，由于篇幅有限，其中的一些細(xì)節(jié)點(diǎn)仍然有待補(bǔ)充，往后的文章中，我會(huì)逐步進(jìn)行詳細(xì)的總結(jié)。

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

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