工作幾年以來柱徙，曾做過“從0到1”，設(shè)計(jì)一款全新APP税娜；也有 “從1到1.X”坐搔，某個模塊改版或者視覺交互升級。當(dāng)遇到這樣的情況時(shí)敬矩，競品分析都是必不可少的存在概行。關(guān)于視覺/交互側(cè)的“競品分析”我躺過不少坑，總結(jié)沉淀一下我的心得弧岳。
競品分析凳忙，不光是產(chǎn)品與用研部門的工作。在“0到1”的項(xiàng)目初期禽炬，設(shè)計(jì)師應(yīng)參與產(chǎn)品與用研到合作完成市場調(diào)研與競品分析涧卵，能更好地理解產(chǎn)品需求，也能知曉市面上已有的視覺風(fēng)格腹尖，為建立獨(dú)樹一幟的品牌視覺柳恐，輸出更優(yōu)的設(shè)計(jì)打下基礎(chǔ)與準(zhǔn)備；
設(shè)計(jì)師的競品分析热幔，難免會掉入職業(yè)魔咒-條件發(fā)射地去關(guān)注視覺細(xì)節(jié)乐设。比如：圖標(biāo)繪制，漸變使用绎巨，紋理細(xì)節(jié)等視覺表象的東西近尚。然而，互聯(lián)網(wǎng)人經(jīng)典的教科書條律“用戶體驗(yàn)五要素”告訴我們场勤，視覺是產(chǎn)品和交互的產(chǎn)物戈锻，不能避開產(chǎn)品戰(zhàn)略與框架歼跟，單純談?wù)撘曈X。就像最近流行的一句話：避開劑量談毒性格遭，都是耍流氓哈街。要輸出一份專業(yè)且具有指導(dǎo)意義的競品分析，在了解產(chǎn)品戰(zhàn)略如庭，框架與交互后叹卷，再談視覺表現(xiàn)撼港，才更為專業(yè)坪它。
那么設(shè)計(jì)師，該如何正確的開始競品分析帝牡？
1.產(chǎn)品品牌與個性
成功的產(chǎn)品都有著獨(dú)樹一幟的品牌與記憶點(diǎn)往毡，是在貫穿了行業(yè)風(fēng)格的基礎(chǔ)上打出自己的差異，給用戶留下印象靶溜。然而开瞭，表象的品牌視覺，是由戰(zhàn)略層的商業(yè)定位來決定的罩息。
市面上眾多款新聞APP嗤详，但他們有著不一樣的定位和側(cè)重點(diǎn)。不同產(chǎn)品戰(zhàn)略和商業(yè)定位瓷炮，決定著產(chǎn)品的氣質(zhì)葱色。
【騰訊新聞】事實(shí)派。以白為底色娘香，黑體字體苍狰，克制的顏色使用，從而讓內(nèi)容更客觀的陳述表達(dá)烘绽；
【澎湃新聞】專注時(shí)政與思想淋昭。特意采用帶有端正莊重的宋體，更具力量感的文章論點(diǎn)表述安接；
【Fliboard紅板報(bào)】精選資訊翔忽。區(qū)別于其他APP獨(dú)特交互方式（折疊翻頁），更少盏檐，更優(yōu)歇式，更具節(jié)奏感的信息內(nèi)容呈現(xiàn)，契合小資用戶雜志品質(zhì)感的追求糯笙。
【淘寶】各店鋪?zhàn)赃\(yùn)營贬丛。各色商品，多類別淘選给涕；
【京東】多快好省豺憔《罨瘢快：京東物流速度與效率；使вΑ：醒目且大比例的促銷抄邀，滿減，低至昼榛，在APP各處露出境肾。
【網(wǎng)易嚴(yán)選】嚴(yán)選好物，沒那么貴胆屿。低飽和度顏色使用奥喻，大量留白。促銷優(yōu)惠非迹，標(biāo)簽化环鲤，降低促銷廉價(jià)感，商品統(tǒng)一視角拍攝憎兽，高清有質(zhì)感冷离。
2.內(nèi)容信息構(gòu)架
“設(shè)計(jì)行為是對信息的提取、整理和呈現(xiàn)—原研哉”
UI設(shè)計(jì)是在商業(yè)目的與產(chǎn)品功能的基礎(chǔ)上纯命，做信息內(nèi)容的組織西剥、構(gòu)建。產(chǎn)品目的一致的相同模塊亿汞，進(jìn)行對比分析瞭空。在了解市面已有的方案基礎(chǔ)上，哪個方案與自家產(chǎn)品的目標(biāo)更契合留夜？怎樣借鑒匙铡、優(yōu)化、結(jié)合碍粥，做的更好鳖眼？
【電商購物】“新增收貨地址”模塊。淘寶和京東做的方式不一致嚼摩。淘寶钦讳，在選擇省份前設(shè)置了“熱門城市”模塊的露出≌砻妫”熱門城市“模塊的設(shè)置應(yīng)是考慮熱門城市在中國人口占比比重愿卒，這樣的設(shè)計(jì)能避免大部分用戶在冗長的列表里尋找省份的幾率，大大提升完成地址填寫的操作效率潮秘。
【旅游出行】“選擇出發(fā)地”模塊琼开。根據(jù)大數(shù)據(jù)統(tǒng)計(jì)結(jié)果與平臺數(shù)據(jù)結(jié)合，攜程枕荞、途牛都做了熱門城市的模塊柜候，這樣能更大比例方便熱門城市的出行人群搞动，提高了大部分用戶的操作效率。
3.視覺語言的一致性
a.設(shè)計(jì)亮點(diǎn)
優(yōu)秀的產(chǎn)品有各自的閃光點(diǎn)渣刷，四散產(chǎn)品各處鹦肿，當(dāng)遇到你能感受它每一次閃耀，擊中內(nèi)心的柔軟辅柴，產(chǎn)生共鳴箩溃。并且，還能整體提升用戶使用感受碌嘀，以及留存涣旨。設(shè)計(jì)亮點(diǎn)包括：1.功能；2.情感化設(shè)計(jì)筏餐；3.視覺/動效細(xì)節(jié)等开泽。
1.功能部分牡拇，微信-更換頭像：“查看上一張頭像”這個隱性需求是深入研究用戶操作與心理后而開發(fā)的功能魁瞪。你在使用中會感嘆這個按鈕怎么這么懂我，換了這么多張惠呼，還是上一張好看导俘；
谷歌地圖：在給出基本的出行方案后句各，空座提示功能需求宰衙，也讓很多用戶眼前一亮，這正是我需要的顺又。
三星S10+拍照功能：當(dāng)你開啟拍照泣崩，后臺會主動監(jiān)測里當(dāng)前鏡頭里的內(nèi)容少梁，并實(shí)時(shí)給出精準(zhǔn)的拍照建議。實(shí)時(shí)教學(xué)的功能提醒矫付，讓更多持有手機(jī)的直男用戶也能拍好照凯沪；）
2.情感化設(shè)計(jì)部分：現(xiàn)主流社交平臺的點(diǎn)贊功能，只有“??”和“??”愛心來固定表達(dá)买优。但社交平臺真實(shí)場景是：用戶發(fā)的內(nèi)容各色各異妨马。有時(shí)會遇到這樣的情況：一朋友發(fā)的動態(tài)，點(diǎn)贊一下不合適杀赢，但是又想做些表達(dá)烘跺。但，《即刻》在點(diǎn)贊功能上做了更加貼合內(nèi)容場景的細(xì)化脂崔，減少用戶尷尬滤淳；
空內(nèi)容狀態(tài)的設(shè)計(jì)繪制也是情感化表達(dá)一大模塊。在緩解用戶不爽的心理同時(shí)砌左，提升用戶對產(chǎn)品的好感脖咐。比如：《好好住》APP無網(wǎng)絡(luò)時(shí)伤柄，不用Wi-Fi圖標(biāo)來表達(dá)，通過導(dǎo)致結(jié)果的場景繪制文搂，思維的轉(zhuǎn)變适刀，讓人眼前一亮。
北京地鐵煤蹭，空調(diào)強(qiáng)度的區(qū)域劃分笔喉，體貼考慮到不同人群的需求。
3.視覺細(xì)節(jié)部分：圖標(biāo)繪制風(fēng)格硝皂、切換動效等小細(xì)節(jié)常挚。
B.設(shè)計(jì)趨勢
一段時(shí)期內(nèi)或者一個群體間都會形成不同的審美與潮流。與時(shí)俱進(jìn)稽物，跟上主流的風(fēng)格調(diào)性奄毡，是必不可少的工作。很多時(shí)候贝或，設(shè)計(jì)趨勢風(fēng)格的走向一般由以下3點(diǎn)構(gòu)成吼过。1.某些團(tuán)隊(duì)研究較為深入，方案更值得推敲咪奖，更精煉盗忱；2.行業(yè)領(lǐng)頭者，大公司羊赵。比如淘寶雙11等有專業(yè)的視覺團(tuán)隊(duì)研究趟佃，相比其他小公司，小個人昧捷，具有更大的社會影響力闲昭。3.以在業(yè)界的優(yōu)勢地位，可以堅(jiān)持強(qiáng)推自己的標(biāo)準(zhǔn)APP的視覺風(fēng)格等靡挥；
除了產(chǎn)品初期序矩，還有…
在 “1到1.X版本迭代”項(xiàng)目中/后期：明確競品，多跟蹤競品芹血。歷史版本與現(xiàn)有版本做對比分析贮泞，也能規(guī)避一些可能犯的錯誤路徑，降低團(tuán)隊(duì)犯錯成本幔烛。
如“運(yùn)動視頻課程”這一模塊啃擦。當(dāng)明確跟蹤keep后，以往和現(xiàn)在版本對比分析得出結(jié)論饿悬，你可以規(guī)避keep在早先版本犯過的錯令蛉。
比如：1. 在視頻錄制階段：：在一個什么樣的環(huán)境里更優(yōu)錄制視頻？錄制時(shí)畫布取景？等相關(guān)因素珠叔；
2.在UI設(shè)計(jì)階段：根據(jù)手機(jī)特性蝎宇，怎樣建立更易用，更具視覺層級的UI設(shè)計(jì)界面祷安；
如：前幾年姥芥，QQ聊天部分改版-對話框合并。僅僅上線幾天時(shí)間汇鞭，緊急下架凉唐。因?yàn)榇罅坑脩粼趯?shí)際操作的情況下，會把本該發(fā)給A的信息發(fā)送到B的聊天窗口中霍骄。如果你在設(shè)計(jì)即時(shí)通訊模塊台囱，設(shè)計(jì)發(fā)散思維方向就可以規(guī)避會QQ親身實(shí)驗(yàn)的得出經(jīng)驗(yàn)。
總結(jié)
輸出一份專業(yè)读整，且在實(shí)際設(shè)計(jì)開發(fā)過程中有指導(dǎo)意義的競品分析簿训，應(yīng)在了解商業(yè)戰(zhàn)略和定位的基礎(chǔ)上，再分析交互結(jié)構(gòu)與視覺表達(dá)米间。一份深入的競品調(diào)研分析很必須强品，但平時(shí)關(guān)注版本迭代中的細(xì)節(jié)變動，做沉淀整理也很重要车伞。
以上择懂，是我關(guān)于視覺交互側(cè)的競品分析的調(diào)研的一些心得與思考。愿對你有所幫助另玖。?
