視覺(jué)設(shè)計(jì)師如何做競(jìng)品分析?來(lái)看這份超周全的指南!
作為用戶(hù)體驗(yàn)設(shè)計(jì)師,競(jìng)品分析也是必備技能之一,通過(guò)分析市場(chǎng)上的競(jìng)品,能夠讓設(shè)計(jì)師在短時(shí)間內(nèi)快速了解本身所做產(chǎn)品在整個(gè)市場(chǎng)中的定位,對(duì)于視覺(jué)設(shè)計(jì)師來(lái)說(shuō),有一個(gè)體系的競(jìng)品分析方法,能夠周全了解競(jìng)品的品牌、交互、視覺(jué)、市場(chǎng)等方面。同時(shí)競(jìng)品分析也為設(shè)計(jì)師提供一份可量化的評(píng)價(jià)標(biāo)準(zhǔn),避免過(guò)于主觀的看法,幫助設(shè)計(jì)師用專(zhuān)業(yè)水平說(shuō)服團(tuán)隊(duì)伙伴,提拔設(shè)計(jì)師的專(zhuān)業(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)品的定位,明確自身的上風(fēng),以及與其他同類(lèi)產(chǎn)品差異化的競(jìng)爭(zhēng)點(diǎn)。
在這個(gè)層面上,身為視覺(jué)設(shè)計(jì)師,建議在做這部分的內(nèi)容分析時(shí),多和產(chǎn)品經(jīng)理溝通,了解他們?nèi)绾味ㄎ桓?jìng)品。結(jié)合觀察和平時(shí)的使用體驗(yàn),來(lái)得出屬于本身的結(jié)論。
2. 用戶(hù)層
目標(biāo):了解用戶(hù)是誰(shuí),為什么使用產(chǎn)品,使用的場(chǎng)景是什么,是否存在痛點(diǎn),提供用戶(hù)想要的產(chǎn)品,了解用戶(hù)想要的產(chǎn)品。
當(dāng)前語(yǔ)境下,可以通過(guò)如下途徑,從用戶(hù)的語(yǔ)言、舉動(dòng)去了解他們真實(shí)的需求:
使用用研團(tuán)隊(duì)的調(diào)研產(chǎn)出
網(wǎng)上搜索用戶(hù)反饋(appstore評(píng)論/官網(wǎng)官微/論壇等)
直接的用戶(hù)研究(方法包括問(wèn)卷調(diào)查、可用性測(cè)試、用戶(hù)訪談、眼動(dòng)測(cè)試、焦點(diǎn)小組、用戶(hù)畫(huà)像、數(shù)據(jù)分析等)
3. 實(shí)踐層
目標(biāo):得到有用的驗(yàn)證、有效的總結(jié),找到能夠啟發(fā)設(shè)計(jì)的亮點(diǎn),促進(jìn)團(tuán)隊(duì)達(dá)到同等的共識(shí)。
視覺(jué)設(shè)計(jì)大部分時(shí)候處于產(chǎn)品設(shè)計(jì)環(huán)節(jié)的中下流,更多的是在交互產(chǎn)出的基礎(chǔ)上進(jìn)行設(shè)計(jì),詳細(xì)方案也是盡量遵照現(xiàn)有產(chǎn)品規(guī)范進(jìn)行產(chǎn)出。當(dāng)缺少視覺(jué)設(shè)計(jì)思考和理論沉淀、不明確與其他競(jìng)爭(zhēng)對(duì)手的差別時(shí),很容易遇到能力瓶頸。通過(guò)競(jìng)品分析,可以以更加全局的視角審視競(jìng)品的方案和本身的產(chǎn)出間的差距,從而產(chǎn)出更高效的設(shè)計(jì),提拔設(shè)計(jì)思考力,進(jìn)步產(chǎn)品核心競(jìng)爭(zhēng)力。
二、競(jìng)品分析的原則
原則1:呈現(xiàn)體例
凸起要分析的維度上,我們產(chǎn)品所處的位置——排行如何、是好是壞,化主觀為客觀。需要時(shí)可以通過(guò)象限圖、表格排序、樹(shù)狀圖等體例呈現(xiàn),可以為我們的分析提拔可信度和可閱讀性。
原則2:呈現(xiàn)選擇
數(shù)量上不必要大而全的覆蓋所有競(jìng)品,重點(diǎn)選擇市場(chǎng)上良好的競(jìng)品進(jìn)行分析,就可達(dá)到我們的設(shè)計(jì)分析目的。
原則3:呈現(xiàn)內(nèi)容
做競(jìng)品分析時(shí)容易將產(chǎn)品和企業(yè)文化、產(chǎn)品商業(yè)戰(zhàn)略等信息剝脫離,如許就很容易忽視這其中的相干性,分析的時(shí)候,就有可能導(dǎo)致片面或者出現(xiàn)偏差。
三、競(jìng)品的選擇
1. 直接競(jìng)品
跟所做產(chǎn)品有直接競(jìng)爭(zhēng)關(guān)系,使用場(chǎng)景和用戶(hù)群體同等的產(chǎn)品。
2. 間接競(jìng)品
使用場(chǎng)景和用戶(hù)群體可以不同等但比較接近的產(chǎn)品。
3. 相干競(jìng)品
定位和領(lǐng)域可以完全不同,可以是不構(gòu)成競(jìng)爭(zhēng)關(guān)系的產(chǎn)品。但是相干交互和流程有關(guān)聯(lián),可以從中得到啟發(fā),因此無(wú)需研究整個(gè)產(chǎn)品, 只研究與產(chǎn)品關(guān)聯(lián)的部分。
細(xì)致
基于本身的目的選擇競(jìng)品,同樣的產(chǎn)品,但出于不同的目的,其所處的維度可能有所不同,統(tǒng)一個(gè)產(chǎn)品的不同模塊也有可能處于不同的維度,在現(xiàn)實(shí)操作中細(xì)致甄別。
四、競(jìng)品分析的矩陣
1. 品牌傳達(dá)
一個(gè)好的產(chǎn)品,會(huì)在產(chǎn)品的設(shè)計(jì)中融入品牌因子。讓產(chǎn)品在傳達(dá)內(nèi)容的同時(shí)也在賡續(xù)傳達(dá)產(chǎn)品,讓用戶(hù)賡續(xù)的接觸產(chǎn)品。起到潛移默化的在用戶(hù)心中塑造品牌形象的作用。做競(jìng)品分析之前先確立品牌的定位再去分析產(chǎn)品,會(huì)得到更真實(shí)合理的分析結(jié)論。
例如可以通過(guò)提煉出競(jìng)品的顏色、icon、配圖等體例推導(dǎo)得出視覺(jué)性格。
2. 視覺(jué)風(fēng)格
精確的定位視覺(jué)風(fēng)格,可以讓用戶(hù)對(duì)產(chǎn)品更加有親切感和融入感,從而增長(zhǎng)用戶(hù)寫(xiě)意度和用戶(hù)粘性。 可以通過(guò)提煉競(jìng)品的關(guān)鍵網(wǎng)頁(yè)、配圖等體例,推導(dǎo)得出視覺(jué)風(fēng)格和風(fēng)格的上風(fēng)。
3. 網(wǎng)頁(yè)布局
分析競(jìng)品的布局體例,對(duì)詳細(xì)網(wǎng)頁(yè)信息和布局進(jìn)行過(guò)細(xì)拆解;研究界面元素之間的親疏關(guān)系,版塊之間的劃分體例,基本元素的重組規(guī)則,以及一些細(xì)節(jié)的處理手法等。
因?yàn)樵敿?xì)網(wǎng)頁(yè)布局拆解工作量較大,所以可根據(jù)需求,拆解部分網(wǎng)頁(yè)即可。可以用橫向法和時(shí)間軸法進(jìn)行拆解。
4. 動(dòng)效
一個(gè)好的交互動(dòng)效可以加深用戶(hù)對(duì)產(chǎn)品的心里印象。動(dòng)效的使用讓網(wǎng)頁(yè)跳轉(zhuǎn)更加頁(yè)暢,指引用戶(hù)的體驗(yàn)更佳。是對(duì)產(chǎn)品進(jìn)行高階的進(jìn)化。給用戶(hù)體驗(yàn)帶來(lái)的益處是躍進(jìn)性的??梢栽谶@個(gè)點(diǎn)上,分析產(chǎn)品具有差異化的設(shè)計(jì)。
細(xì)致,不要為了加動(dòng)效而加,好的動(dòng)效是無(wú)感知和恰到益處的。不然,有可能會(huì)起到減分的結(jié)果。
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è)置方向,以便體系的管理字體在產(chǎn)品中的運(yùn)用。 可以更好的規(guī)范我們即將要設(shè)計(jì)的產(chǎn)品,從開(kāi)發(fā)的角度來(lái)講還可以更好的協(xié)同工作。
7. 規(guī)范控件
對(duì)網(wǎng)頁(yè)的元素和流程進(jìn)行拆解,找出哪些是由控件組成,以及這些控件是如何在產(chǎn)品里變成規(guī)范。
規(guī)范控件的分析整頓將對(duì)產(chǎn)品的設(shè)計(jì)起到特別很是大的幫助,可以幫助我們從微觀跳出,在宏觀層面把控設(shè)計(jì)。控件的規(guī)范可以讓產(chǎn)品具有同等性,幫助團(tuán)隊(duì)協(xié)作完成同一風(fēng)格的網(wǎ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)品有哪些上風(fēng),同時(shí)又有哪些不足,最好說(shuō)明競(jìng)品是什么緣故原由而產(chǎn)生了這些題目,從設(shè)計(jì)的角度細(xì)致說(shuō)明我們預(yù)備如何突破。
產(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),挖掘行業(yè)團(tuán)體設(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é)束之后,拿出支撐性?xún)?nèi)容查看本身的競(jìng)品分析, 復(fù)盤(pán)看哪些分析是精確的,哪些分析和最終產(chǎn)出不相稱(chēng),不符合的緣故原由是什么。
詳細(xì)可以通過(guò)數(shù)據(jù)(例如轉(zhuǎn)化率、UV、活躍度、營(yíng)收等)、用戶(hù)反饋來(lái)驗(yàn)證,詳細(xì)情勢(shì)根據(jù)報(bào)告目的來(lái)定。如許做能賡續(xù)地改進(jìn)我們的競(jìng)品分析,將競(jìng)品分析的價(jià)值最大化。
迎接關(guān)注作者的微信公眾號(hào):「滬江設(shè)計(jì)中間」
圖片素材作者:Tanya Lobach
圖趣網(wǎng)更多關(guān)于競(jìng)品分析的教程:
產(chǎn)品經(jīng)理三板斧場(chǎng)景、競(jìng)品和更優(yōu)方案
http://m.likemindfilms.com/News/yytg3078.html
讓“阿里巴巴”成為你競(jìng)品分析的高級(jí)助手
本文地址:http://m.likemindfilms.com/tutorial/di4120.html
您可能還喜歡
- Macaron 馬卡龍系色譜 ;附HC(16進(jìn)制碼
- 7個(gè)手機(jī)版網(wǎng)頁(yè)設(shè)計(jì)的原則
- 折紙多邊形網(wǎng)頁(yè)背景效果制作教程
- 龐門(mén)正道:好好玩耍的點(diǎn)線面(上)
- 網(wǎng)頁(yè)設(shè)計(jì)中的常見(jiàn)頁(yè)面布局方式
- WAP APP的柵格設(shè)計(jì)
- 八種很漂亮的排版方法和技巧分享
- 網(wǎng)頁(yè)設(shè)計(jì)的首屏標(biāo)準(zhǔn)你了解多少?
- 字體大寶庫(kù):40款為網(wǎng)頁(yè)設(shè)計(jì)師準(zhǔn)備的時(shí)
- 視覺(jué)設(shè)計(jì)分享—專(zhuān)題頁(yè)面設(shè)計(jì)篇
- 專(zhuān)訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類(lèi)
- 體驗(yàn)設(shè)計(jì)中的排序問(wèn)題
- 網(wǎng)頁(yè)設(shè)計(jì)精粹 網(wǎng)頁(yè)中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁(yè)UI - 原子設(shè)計(jì)理論(上)
- 如何通過(guò)設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺(jué)設(shè)計(jì)系列文章(二):全屏