《交互設(shè)計》課件-第5章 競品分析

2020PRODUCTDESIGN交互設(shè)計05競品分析競品分析的目的，不是盲目的照搬和模仿，而是以設(shè)計目標(biāo)為導(dǎo)向，尋找已有案例中能夠幫助我們實現(xiàn)目標(biāo)的做法。牛頓曾說過：“如果說我比別人看得更遠些,那是因為我站在了巨人的肩上?！备偲贩治鍪且粋€集思廣益的過程，是激發(fā)設(shè)計師靈感的過程。5.1為什么要做競品分析同一個設(shè)計目標(biāo)，有很多種手段都可以實現(xiàn)實例說明方案的可行性，有利于方案的落地和實施樂視遙控器多屏互動電視超人悟空遙控頁面兩側(cè)有音量和進度的提示文字提示文字提示動效提示5.2競品分析的維度從設(shè)計目標(biāo)出發(fā)，思考自己的產(chǎn)品，希望通過怎樣的方式去吸引用戶，讓用戶愿意使用你的產(chǎn)品以網(wǎng)易新聞的視聽標(biāo)簽的改版為例：設(shè)計目標(biāo)：提升視頻的單日人均點擊量；提升該標(biāo)簽的日活躍用戶數(shù)；提升該標(biāo)簽的7日用戶留存數(shù)；幫助用戶快速找到想看的視頻；用戶操作簡便5.2競品分析的維度從設(shè)計目標(biāo)出發(fā)，思考自己的產(chǎn)品，希望通過怎樣的方式去吸引用戶，讓用戶愿意使用你的產(chǎn)品基于以上的設(shè)計目標(biāo)，結(jié)合團隊想要提供的優(yōu)勢，因此該競品分析的主要維度有以下3個：競品分析維度：更高的視頻質(zhì)量：競品提供的視頻有哪些類型？視頻長度是多長？視頻清晰度情況是怎樣的？更輕松找到視頻：競品如何讓用戶發(fā)現(xiàn)喜歡的視頻？每條視頻的展現(xiàn)形式是怎樣的？競品提供了哪些信息來輔助用戶決策是否觀看某一條視頻？更好的使用體驗：競品在觀看視頻的操作是如何設(shè)計的？在相關(guān)的其它操作上有何特色？5.4競品分析的方法1.流程走查法一個功能完整的流程，包含了“發(fā)現(xiàn)→了解→操作→跟進”四個主要階段網(wǎng)易嚴(yán)選App：下單的入口有“立即購買”和“加入購物車”5.4競品分析的方法1.流程走查法一個功能完整的流程，包含了“發(fā)現(xiàn)→了解→操作→跟進”四個主要階段京東，沒有“立即購買”，只有“加入購物車”5.4競品分析的方法2.表格法第一種是對比不同競品的相同頁面中，各種元素的有無競品我的關(guān)注展示標(biāo)題位于封面圖上Feed流播放作者認(rèn)證分類標(biāo)簽評論按鈕點贊按鈕分享按鈕關(guān)注(作者)推薦關(guān)注收藏(視頻)下載視頻舉報不喜歡添加到播放列表愛奇藝○○○○

○○○(更多)○

○(更多)

○○

優(yōu)酷○○○(進入播放列表)

○○○○(更多)○○

○(更多)

西瓜視頻○○○○

○○(更多)○(更多)○

○(更多)○(更多)○(更多)○(更多)

嗶哩嗶哩

○○○○○○(更多)

○(更多。稍后再看)

○(更多)

YouTube○

○(更多)○(更多)

○(更多。稍后再看)

○(更多)○(更多)5.4競品分析的方法2.表格法另一種表格，是對頁面中元素的狀態(tài)、行為進行分析對比5.4競品分析的方法2.表格法另一種表格，是對頁面中元素的狀態(tài)、行為進行分析對比競品我的關(guān)注展示標(biāo)題位于封面圖上Feed流播放電視果顯示、不置灰取消編輯態(tài)同類、有重疊淘寶顯示、不置灰取消編輯態(tài)不同類、無重疊騰訊視頻不顯示iOS：取消編輯態(tài)安卓：另一個頂部標(biāo)簽置灰、不可切換同類、無重疊網(wǎng)易新聞-歷史顯示、置灰iOS：只保留當(dāng)前頂部標(biāo)簽，另一個消失安卓：非雙頂部標(biāo)簽同類、無重疊網(wǎng)易新聞-收藏iOS：不顯示安卓：顯示、不置灰iOS：只保留當(dāng)前頂部標(biāo)簽，另一個消失安卓：三個頂部標(biāo)簽打通不同類、無重疊5.4競品分析的方法2.表格法另一種表格，是對頁面中元素的狀態(tài)、行為進行分析對比競品我的關(guān)注展示標(biāo)題位于封面圖上Feed流播放電視果顯示、不置灰取消編輯態(tài)同類、有重疊淘寶顯示、不置灰取消編輯態(tài)不同類、無重疊騰訊視頻不顯示iOS：取消編輯態(tài)安卓：另一個頂部標(biāo)簽置灰、不可切換同類、無重疊網(wǎng)易新聞-歷史顯示、置灰iOS：只保留當(dāng)前頂部標(biāo)簽，另一個消失安卓：非雙頂部標(biāo)簽同類、無重疊網(wǎng)易新聞-收藏iOS：不顯示安卓：顯示、不置灰iOS：只保留當(dāng)前頂部標(biāo)簽，另一個消失安卓：三個頂部標(biāo)簽打通不同類、無重疊5.4競品分析的方法2.表格法另一種表格，是對頁面中元素的狀態(tài)、行為進行分析對比頁面狀態(tài)刪除功能交互方案頁面變化兩個頂部標(biāo)簽均無數(shù)據(jù)不能觸發(fā)--兩個頂部標(biāo)簽一個有數(shù)據(jù)，一個無數(shù)據(jù)只針對一個頂部標(biāo)簽1.只保留當(dāng)前頂部標(biāo)簽，另一個消失觸發(fā)編輯態(tài)后，不可進入其他頂部標(biāo)簽2.另一個頂部標(biāo)簽置灰觸發(fā)編輯態(tài)后，不可進入其他頂部標(biāo)簽3.切換后取消編輯態(tài)觸發(fā)編輯態(tài)并切換頂部標(biāo)簽后，新頁面顯示默認(rèn)態(tài)針對兩個頂部標(biāo)簽4.兩個頂部標(biāo)簽打通新頁面顯示底部刪除組件兩個頂部標(biāo)簽均有數(shù)據(jù)只針對一個頂部標(biāo)簽1.只保留當(dāng)前頂部標(biāo)簽，另一個消失觸發(fā)編輯態(tài)后，不可進入其他頂部標(biāo)簽2.另一個頂部標(biāo)簽置灰觸發(fā)編輯態(tài)后，不可進入其他頂部標(biāo)簽3.切換后取消編輯態(tài)觸發(fā)編輯態(tài)并切換頂部標(biāo)簽后，新頁面顯示默認(rèn)態(tài)針對兩個頂部標(biāo)簽4.兩個頂部標(biāo)簽打通新頁面顯示底部刪除組