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

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

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

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

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

騰訊視頻app中短視頻播放頁示意

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

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

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