視覺設(shè)計(jì)師如何做競(jìng)品分析?來(lái)看這份超全面的指南!

2018-7-27    資深UI設(shè)計(jì)者

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

作為用戶體驗(yàn)設(shè)計(jì)師,競(jìng)品分析也是必備技能之一,通過分析市場(chǎng)上的競(jìng)品,能夠讓設(shè)計(jì)師在短時(shí)間內(nèi)快速了解自己所做產(chǎn)品在整個(gè)市場(chǎng)中的定位,對(duì)于視覺設(shè)計(jì)師來(lái)說(shuō),有一個(gè)系統(tǒng)的競(jìng)品分析方法,能夠全面了解競(jìng)品的品牌、交互、視覺、市場(chǎng)等方面。同時(shí)競(jìng)品分析也為設(shè)計(jì)師提供一份可量化的評(píng)價(jià)標(biāo)準(zhǔn),避免過于主觀的看法,幫助設(shè)計(jì)師用專業(yè)水平說(shuō)服團(tuán)隊(duì)伙伴,提升設(shè)計(jì)師的專業(yè)度,明確設(shè)計(jì)目標(biāo),優(yōu)化設(shè)計(jì)產(chǎn)品。

那么今天我們就來(lái)聊聊從設(shè)計(jì)師角度如何來(lái)做競(jìng)品分析。

一、競(jìng)品分析的目的

1. 戰(zhàn)略層

目標(biāo):了解市場(chǎng)情況和商業(yè)目標(biāo),分析產(chǎn)品的定位,明確自身的優(yōu)勢(shì),以及與其他同類產(chǎn)品差異化的競(jìng)爭(zhēng)點(diǎn)。

在這個(gè)層面上,身為視覺設(shè)計(jì)師,建議在做這部分的內(nèi)容分析時(shí),多和產(chǎn)品經(jīng)理溝通,了解他們?nèi)绾味ㄎ桓?jìng)品。結(jié)合觀察和平時(shí)的使用體驗(yàn),來(lái)得出屬于自己的結(jié)論。

2. 用戶層

目標(biāo):了解用戶是誰(shuí),為什么使用產(chǎn)品,使用的場(chǎng)景是什么,是否存在痛點(diǎn),提供用戶想要的產(chǎn)品,了解用戶想要的產(chǎn)品。

當(dāng)前語(yǔ)境下,可以通過如下途徑,從用戶的語(yǔ)言、行為去了解他們真實(shí)的需求:

  • 使用用研團(tuán)隊(duì)的調(diào)研產(chǎn)出
  • 網(wǎng)上搜索用戶反饋(appstore評(píng)論/官網(wǎng)官微/論壇等)
  • 直接的用戶研究(方法包括問卷調(diào)查、可用性測(cè)試、用戶訪談、眼動(dòng)測(cè)試、焦點(diǎn)小組、用戶畫像、數(shù)據(jù)分析等)

3. 實(shí)踐層

目標(biāo):得到有效的驗(yàn)證、有用的總結(jié),找到能夠啟發(fā)設(shè)計(jì)的亮點(diǎn),促進(jìn)團(tuán)隊(duì)達(dá)到一致的共識(shí)。

視覺設(shè)計(jì)大部分時(shí)候處于產(chǎn)品設(shè)計(jì)環(huán)節(jié)的中下游,更多的是在交互產(chǎn)出的基礎(chǔ)上進(jìn)行設(shè)計(jì),具體方案也是盡量遵照現(xiàn)有產(chǎn)品規(guī)范進(jìn)行產(chǎn)出。當(dāng)缺少視覺設(shè)計(jì)思考和理論沉淀、不明確與其他競(jìng)爭(zhēng)對(duì)手的差別時(shí),很容易碰到能力瓶頸。通過競(jìng)品分析,可以以更加全局的視角審視競(jìng)品的方案和自己的產(chǎn)出間的差距,從而產(chǎn)出更的設(shè)計(jì),提升設(shè)計(jì)思考力,提高產(chǎn)品核心競(jìng)爭(zhēng)力。

二、競(jìng)品分析的原則

原則1:呈現(xiàn)方式

突出要分析的維度上,我們產(chǎn)品所處的位置——排行如何、是好是壞,化主觀為客觀。必要時(shí)可以通過象限圖、表格排序、樹狀圖等方式呈現(xiàn),可以為我們的分析提升可信度和可閱讀性。

原則2:呈現(xiàn)選擇

數(shù)量上不需要大而全的覆蓋所有競(jìng)品,重點(diǎn)選擇市場(chǎng)上優(yōu)秀的競(jìng)品進(jìn)行分析,就可達(dá)到我們的設(shè)計(jì)分析目的。

原則3:呈現(xiàn)內(nèi)容

做競(jìng)品分析時(shí)容易將產(chǎn)品和企業(yè)文化、產(chǎn)品商業(yè)戰(zhàn)略等信息剝離開,這樣就很容易忽視這其中的相關(guān)性,分析的時(shí)候,就有可能導(dǎo)致片面或者出現(xiàn)誤差。

三、競(jìng)品的選擇

1. 直接競(jìng)品

跟所做產(chǎn)品有直接競(jìng)爭(zhēng)關(guān)系,使用場(chǎng)景和用戶群體一致的產(chǎn)品。

2. 間接競(jìng)品

使用場(chǎng)景和用戶群體可以不一致但比較接近的產(chǎn)品。

3. 相關(guān)競(jìng)品

定位和領(lǐng)域可以完全不同,可以是不構(gòu)成競(jìng)爭(zhēng)關(guān)系的產(chǎn)品。但是相關(guān)交互和流程有關(guān)聯(lián),可以從中得到啟發(fā),因此無(wú)需研究整個(gè)產(chǎn)品, 只研究與產(chǎn)品關(guān)聯(lián)的部分。

注意

基于自己的目的選擇競(jìng)品,同樣的產(chǎn)品,但出于不同的目的,其所處的維度可能有所不同,同一個(gè)產(chǎn)品的不同模塊也有可能處于不同的維度,在實(shí)際操作中注意甄別。

四、競(jìng)品分析的矩陣

1. 品牌傳達(dá)

一個(gè)好的產(chǎn)品,會(huì)在產(chǎn)品的設(shè)計(jì)中融入品牌因子。讓產(chǎn)品在傳達(dá)內(nèi)容的同時(shí)也在不斷傳達(dá)產(chǎn)品,讓用戶不斷的接觸產(chǎn)品。起到潛移默化的在用戶心中塑造品牌形象的作用。做競(jìng)品分析之前先確立品牌的定位再去分析產(chǎn)品,會(huì)得到更真實(shí)合理的分析結(jié)論。

例如可以通過提煉出競(jìng)品的顏色、icon、配圖等方式推導(dǎo)得出視覺性格。

2. 視覺風(fēng)格

正確的定位視覺風(fēng)格,可以讓用戶對(duì)產(chǎn)品更加有親切感和融入感,從而增加用戶滿意度和用戶粘性。 可以通過提煉競(jìng)品的關(guān)鍵頁(yè)面、配圖等方式,推導(dǎo)得出視覺風(fēng)格和風(fēng)格的優(yōu)勢(shì)。

3. 頁(yè)面布局

分析競(jìng)品的布局方式,對(duì)具體頁(yè)面信息和布局進(jìn)行細(xì)致拆解;研究界面元素之間的親疏關(guān)系,版塊之間的劃分方式,基本元素的重組規(guī)則,以及一些細(xì)節(jié)的處理手法等。

由于具體頁(yè)面布局拆解工作量較大,所以可根據(jù)需求,拆解部分頁(yè)面即可??梢杂脵M向法和時(shí)間軸法進(jìn)行拆解。

4. 動(dòng)效

一個(gè)好的交互動(dòng)效可以加深用戶對(duì)產(chǎn)品的內(nèi)心印象。動(dòng)效的使用讓頁(yè)面跳轉(zhuǎn)更加頁(yè)暢,指引用戶的體驗(yàn)更佳。是對(duì)產(chǎn)品進(jìn)行高階的進(jìn)化。給用戶體驗(yàn)帶來(lái)的好處是躍進(jìn)性的??梢栽谶@個(gè)點(diǎn)上,分析產(chǎn)品具有差異化的設(shè)計(jì)。

注意,不要為了加動(dòng)效而加,好的動(dòng)效是無(wú)感知和恰到好處的。不然,有可能會(huì)起到減分的效果。

5. icon

圖標(biāo)是產(chǎn)品設(shè)計(jì)的靈魂之一,一個(gè)好的圖標(biāo)設(shè)計(jì)直接賦予產(chǎn)品靈氣和辨識(shí)度。 分析競(jìng)品圖標(biāo),從功能性、識(shí)別性、美觀性不同的維度出發(fā),逐一排列觀察。

6. 字體

分析競(jìng)品字體樣式的使用、字體數(shù)量的使用、字體層級(jí)的使用。

將文字的使用列成使用表之后,可以從字體的不同的使用方面分析出文字層級(jí)的設(shè)置方向,以便系統(tǒng)的管理字體在產(chǎn)品中的運(yùn)用。 可以更好的規(guī)范我們即將要設(shè)計(jì)的產(chǎn)品,從開發(fā)的角度來(lái)講還可以更好的協(xié)同工作。

7. 規(guī)范控件

對(duì)頁(yè)面的元素和流程進(jìn)行拆解,找出哪些是由控件組成,以及這些控件是如何在產(chǎn)品里變成規(guī)范。

規(guī)范控件的分析整理將對(duì)產(chǎn)品的設(shè)計(jì)起到非常大的幫助,可以幫助我們從微觀跳出,在宏觀層面把控設(shè)計(jì)??丶囊?guī)范可以讓產(chǎn)品具有一致性,幫助團(tuán)隊(duì)協(xié)作完成統(tǒng)一風(fēng)格的頁(yè)面設(shè)計(jì)。

8. 競(jìng)品分析的輸出

做完以上分析,最后得出自己的設(shè)計(jì)總結(jié)并輸出,競(jìng)品分析總結(jié)根據(jù)不同目的從以下幾個(gè)維度進(jìn)行拓展,重點(diǎn)在于輸出觀點(diǎn)而非「介紹」。

總結(jié)的時(shí)候主要是突出說(shuō)明競(jìng)品相較于自己所做產(chǎn)品有哪些優(yōu)勢(shì),同時(shí)又有哪些不足,最好說(shuō)明競(jìng)品是什么原因而產(chǎn)生了這些問題,從設(shè)計(jì)的角度詳細(xì)說(shuō)明我們準(zhǔn)備如何突破。

產(chǎn)品品牌:品牌的定位與產(chǎn)品形態(tài)息息相關(guān),總結(jié)競(jìng)品設(shè)計(jì)有多少為品牌化服務(wù)的,可以從中做哪些借鑒。

  • 設(shè)計(jì)風(fēng)格:總結(jié)競(jìng)品的設(shè)計(jì)風(fēng)格,取其精華去其糟粕,說(shuō)明如何應(yīng)用在自己的產(chǎn)品中。
  • 設(shè)計(jì)亮點(diǎn):設(shè)計(jì)中差異化的東西是否是競(jìng)品脫穎而出的關(guān)鍵點(diǎn),這些亮點(diǎn)在我們產(chǎn)品中使用的可能性。
  • 設(shè)計(jì)趨勢(shì):雖然所有內(nèi)容都是基于現(xiàn)有產(chǎn)品產(chǎn)出的,但建議設(shè)計(jì)師更進(jìn)一步,在現(xiàn)有競(jìng)品分析的基礎(chǔ)上,結(jié)合行業(yè)動(dòng)態(tài),發(fā)掘行業(yè)整體設(shè)計(jì)趨勢(shì),反推運(yùn)用到自己的產(chǎn)品設(shè)計(jì)中。

五、驗(yàn)證環(huán)節(jié)

競(jìng)品分析報(bào)告明確目的是第一位的,針對(duì)自己所做報(bào)告想要達(dá)到的目的,在項(xiàng)目結(jié)束之后,拿出支撐性內(nèi)容查看自己的競(jìng)品分析, 復(fù)盤看哪些分析是正確的,哪些分析和最終產(chǎn)出不相等,不相符的原因是什么。

具體可以通過數(shù)據(jù)(例如轉(zhuǎn)化率、UV、活躍度、營(yíng)收等)、用戶反饋來(lái)驗(yàn)證,具體形式根據(jù)報(bào)告目的來(lái)定。這樣做能不斷地改進(jìn)我們的競(jìng)品分析,將競(jìng)品分析的價(jià)值最大化。

藍(lán)藍(lán)設(shè)計(jì)sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì)  ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì)  圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)


分享本文至:

日歷

鏈接

個(gè)人資料

存檔