實(shí)例解析｜交互方案如何影響產(chǎn)品數(shù)據(jù)？

許多互聯(lián)網(wǎng)從業(yè)人員對(duì)“交互設(shè)計(jì)師的存在有什么意義”抱有疑問：在很多公司里，產(chǎn)品經(jīng)理負(fù)責(zé)提出需求和畫原型，UI設(shè)計(jì)師負(fù)責(zé)將原型變成好看的視覺稿，我們根本就不需要交互設(shè)計(jì)師呀。今天的文章，通過對(duì)比同一個(gè)需求下不同的交互方案，來討論一下不同交互方案對(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ì)做出無法到達(dá)預(yù)期的方案，以致于無法為公司創(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流新增播放頁”這樣一個(gè)需求，騰訊視頻和西瓜視頻有著不同的產(chǎn)品特性和產(chǎn)品目標(biāo)，這導(dǎo)致兩者播放頁的設(shè)計(jì)截然不同：

在騰訊視頻的第二個(gè)底部標(biāo)簽“熱點(diǎn)”中，用戶點(diǎn)擊某個(gè)視頻卡片中交互欄的空白處，則會(huì)從右向左出現(xiàn)一個(gè)新頁面，即播放頁。如下圖中第二張圖所示。在播放頁中，點(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中短視頻播放頁示意

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

西瓜視頻app中短視頻播放頁示意

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