設(shè)計(jì)目標(biāo)是產(chǎn)品目標(biāo)和用戶目標(biāo)的總和，好的交互設(shè)計(jì)方案是設(shè)計(jì)師平衡產(chǎn)品目標(biāo)和用戶目標(biāo)之后得出的。

許多互聯(lián)網(wǎng)從業(yè)人員對(duì)“交互設(shè)計(jì)師的存在有什么意義”抱有疑問(wèn)：在很多公司里，產(chǎn)品經(jīng)理負(fù)責(zé)提出需求和畫(huà)原型，UI設(shè)計(jì)師負(fù)責(zé)將原型變成好看的視覺(jué)稿，我們根本就不需要交互設(shè)計(jì)師呀。今天的文章，通過(guò)對(duì)比同一個(gè)需求下不同的交互方案，來(lái)討論一下不同交互方案對(duì)于產(chǎn)品的影響。從其中，或許我們能看到交互設(shè)計(jì)師的存在價(jià)值。

交互設(shè)計(jì)師作為離產(chǎn)品經(jīng)理最近的一環(huán)，需要對(duì)需求有最深刻的理解，以便之后設(shè)計(jì)出最能夠幫助公司實(shí)現(xiàn)產(chǎn)品目標(biāo)的方案。反之，如果設(shè)計(jì)師對(duì)需求的產(chǎn)品目標(biāo)理解有偏差，很可能會(huì)做出無(wú)法到達(dá)預(yù)期的方案，以致于無(wú)法為公司創(chuàng)造價(jià)值。交互設(shè)計(jì)師的專業(yè)度和存在意義就會(huì)受到質(zhì)疑。

可能你會(huì)疑惑：交互設(shè)計(jì)師的設(shè)計(jì)方案，真的能對(duì)產(chǎn)品目標(biāo)有這么大的影響嗎？答案是肯定的。同樣一個(gè)需求，當(dāng)產(chǎn)品目標(biāo)不同的時(shí)候，交互方案可能完全不同。例如，對(duì)于“短視頻feed流新增播放頁(yè)”這樣一個(gè)需求，騰訊視頻和西瓜視頻有著不同的產(chǎn)品特性和產(chǎn)品目標(biāo)，這導(dǎo)致兩者播放頁(yè)的設(shè)計(jì)截然不同：

在騰訊視頻的第二個(gè)底部標(biāo)簽“熱點(diǎn)”中，用戶點(diǎn)擊某個(gè)視頻卡片中交互欄的空白處，則會(huì)從右向左出現(xiàn)一個(gè)新頁(yè)面，即播放頁(yè)。如圖5.3中第二張圖所示。在播放頁(yè)中，點(diǎn)擊標(biāo)題下方的評(píng)論按鈕，則會(huì)從下向上出現(xiàn)一個(gè)浮層，其中展示“全部熱評(píng)”；浮層的頂部有評(píng)論的輸入框，點(diǎn)擊可以輸入評(píng)論；“為你推薦”部分展示的是一張張寬度和屏幕相同的、與熱點(diǎn)標(biāo)簽feed流中完全一樣的視頻卡片。點(diǎn)擊某個(gè)視頻，則視頻在當(dāng)前位置直接播放。

騰訊視頻app中短視頻播放頁(yè)示意

在西瓜視頻的“首頁(yè)”標(biāo)簽中，同樣點(diǎn)擊某個(gè)視頻卡片中交互欄的空白處，則視頻封面移動(dòng)到頁(yè)面頂部，同時(shí)從上向下展開(kāi)播放頁(yè)的其它內(nèi)容。在這個(gè)頁(yè)面中，標(biāo)題下方那些推薦的視頻，以列表的形式展現(xiàn)，點(diǎn)擊某個(gè)視頻，則頂部的播放器開(kāi)始播放新視頻的內(nèi)容，同時(shí)頁(yè)面其它信息也更新為新視頻內(nèi)容；而評(píng)論部分，是接在推薦的視頻的下方：即用戶不斷向上滑動(dòng)，就可以看到；在頁(yè)面底部，有常駐的評(píng)論輸入框，點(diǎn)擊后即可輸入評(píng)論。

西瓜視頻app中短視頻播放頁(yè)示意

將這兩個(gè)播放頁(yè)抽象出來(lái)，得到如圖5.5所示的信息結(jié)構(gòu)示意圖：

騰訊視頻和西瓜視頻播放頁(yè)對(duì)比

從上圖可以看出，騰訊視頻在播放頁(yè)強(qiáng)調(diào)的是推薦的視頻內(nèi)容，推測(cè)其產(chǎn)品目標(biāo)是提升視頻播放量；西瓜視頻在播放頁(yè)強(qiáng)調(diào)的是評(píng)論互動(dòng)，推測(cè)其產(chǎn)品目標(biāo)是提升播薦率、評(píng)論率等互動(dòng)指標(biāo)。

從上面的分析對(duì)比中可以看出，針對(duì)不同的產(chǎn)品目標(biāo)，交互設(shè)計(jì)師可以給出完全不同的交互方案。因此作為交互設(shè)計(jì)師，在接到需求后，一定要分析透徹產(chǎn)品目標(biāo)是什么。因?yàn)楫a(chǎn)品目標(biāo)從一個(gè)方面決定了設(shè)計(jì)方案的方向。

這里還需提醒一句：考慮產(chǎn)品目標(biāo)，并不是要忽略用戶。設(shè)計(jì)目標(biāo)是產(chǎn)品目標(biāo)和用戶目標(biāo)的總和，好的交互設(shè)計(jì)方案是設(shè)計(jì)師平衡產(chǎn)品目標(biāo)和用戶目標(biāo)之后得出的。

從上面的例子中，我們可以看到：相同的產(chǎn)品需求，如果產(chǎn)品目標(biāo)不同，交互設(shè)計(jì)師就要根據(jù)相應(yīng)的目標(biāo)調(diào)整交互方案。這讓我想到小時(shí)候看的動(dòng)畫(huà)片《哆啦A夢(mèng)》，主人公大雄遇到不同的困難，哆啦A夢(mèng)就會(huì)拿出不同的道具來(lái)幫助他化險(xiǎn)為夷。其實(shí)從某個(gè)方面來(lái)說(shuō)，交互設(shè)計(jì)師也是在運(yùn)用著交互的知識(shí)，為產(chǎn)品需求拿出相應(yīng)的解決方案。

一個(gè)職位，或者一個(gè)員工的價(jià)值，重在其是否能解決問(wèn)題，并且是高質(zhì)量地解決問(wèn)題。這樣大家就會(huì)產(chǎn)生對(duì)ta的依賴。而要做到一點(diǎn)，就需要不斷學(xué)習(xí)，不斷進(jìn)行，讓自己擁有更多的技能。尤其是在現(xiàn)在這個(gè)三年一變化的巨變時(shí)代。

保持學(xué)習(xí)。與君共勉。

#專欄作家#

沐風(fēng)（微信公眾號(hào)：沐風(fēng)與體驗(yàn)設(shè)計(jì)），原“新設(shè)計(jì)青年”，人人都是產(chǎn)品經(jīng)理專欄作家，2017年度作家評(píng)選最佳人氣獎(jiǎng)。愛(ài)奇藝高級(jí)交互設(shè)計(jì)師。留德海龜，曾任職騰訊微生活、網(wǎng)易、宜信。6年交互設(shè)計(jì)經(jīng)驗(yàn)，專注設(shè)計(jì)領(lǐng)域。

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

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