學(xué)會(huì)做一份優(yōu)秀的視覺(jué)競(jìng)品分析

2018-01-08 1734 0
視覺(jué)競(jìng)品分析作為設(shè)計(jì)師重要的基礎(chǔ)技能之一,能讓設(shè)計(jì)師了解自身產(chǎn)品在同競(jìng)爭(zhēng)對(duì)手中所處的位置,一方面是取長(zhǎng)補(bǔ)短,明確自己的短板;另一方面是通過(guò)分析達(dá)到相應(yīng)的設(shè)計(jì)目的。今天這篇好文從5個(gè)緯度出發(fā),幫你做出一份合格的視覺(jué)競(jìng)品分析。  
為什么要做競(jìng)品分析? 在產(chǎn)品公司我們大部分時(shí)間用來(lái)和產(chǎn)品經(jīng)理溝通需求,來(lái)做設(shè)計(jì)實(shí)現(xiàn),與開(kāi)發(fā)對(duì)接。而在視覺(jué)設(shè)計(jì)上往往大部分時(shí)候都在follow之前的設(shè)計(jì)。當(dāng)團(tuán)隊(duì)缺少視覺(jué)設(shè)計(jì)思考和理論沉淀、不明確與其他競(jìng)爭(zhēng)對(duì)手的差別的時(shí)候,競(jìng)品分析是團(tuán)隊(duì)成員積累方法論、輸出設(shè)計(jì)觀點(diǎn)的有效工具之一。 ddc20160818-2 △ 篩選競(jìng)品 競(jìng)品分析的作用是什么? 視覺(jué)競(jìng)品分析作為設(shè)計(jì)師重要的基礎(chǔ)技能之一,讓設(shè)計(jì)師了解自身產(chǎn)品在同競(jìng)爭(zhēng)對(duì)手中所處的位置,一方面是取長(zhǎng)補(bǔ)短,明確自己的短板;另一方面是通過(guò)分析達(dá)到相應(yīng)的設(shè)計(jì)目的。而做分析的目的往往有很多,先想想這個(gè)分析價(jià)值是什么,再來(lái)想想聽(tīng)眾是誰(shuí),你和聽(tīng)眾的關(guān)系是什么?透過(guò)這個(gè)分析,你和你的團(tuán)隊(duì)要得到的是一致的共識(shí)呢?一個(gè)有用的總結(jié)?還是驗(yàn)證?或是啟發(fā)設(shè)計(jì)的點(diǎn)?
ddc201608181 △ 了解自身產(chǎn)品現(xiàn)狀及分析目的 撰寫(xiě)的時(shí)候需要注意點(diǎn)什么? 跳出“視覺(jué)”來(lái)做分析 作為產(chǎn)品設(shè)計(jì)的最后一個(gè)環(huán)節(jié),如果我們只盯著界面美觀與否來(lái)做分析,我們很難得出有說(shuō)服力的結(jié)果。無(wú)法得出競(jìng)品為什么這樣設(shè)計(jì)的?這樣設(shè)計(jì)解決什么問(wèn)題?無(wú)法用理性的思維來(lái)衡量自身產(chǎn)品與競(jìng)品之間的差距在哪。視覺(jué)設(shè)計(jì)是產(chǎn)品與交互的最終呈現(xiàn),而脫離產(chǎn)品和交互來(lái)談視覺(jué)是沒(méi)有意義的。 輸出觀點(diǎn)而非“介紹” 在做競(jìng)品分析之前,我們要清楚其目的是什么。通常來(lái)說(shuō)競(jìng)品分析是為了給我們產(chǎn)品的迭代帶來(lái)一點(diǎn)新的思路。要避免乏味的陳述和介紹,競(jìng)品分析貴在分析。 設(shè)定衡量緯度而非憑喜好 在做競(jìng)品分析的時(shí)候最忌諱的就是憑個(gè)人喜好來(lái)評(píng)判設(shè)計(jì):“我覺(jué)得這個(gè)挺好看的…那個(gè)不好看”。這些話語(yǔ)不應(yīng)該出現(xiàn)在一個(gè)專(zhuān)業(yè)設(shè)計(jì)師的嘴中。視覺(jué)設(shè)計(jì)一部分是感性的,但我們需要用理性的思維來(lái)看待分析這件事情。 可以通過(guò)哪些緯度來(lái)做分析? ddc201608182 △ 視覺(jué)風(fēng)格情感定位
1. 品牌個(gè)性&傳播途徑  氣質(zhì):產(chǎn)品的“氣質(zhì)”與產(chǎn)品定位息息相關(guān),它們之間可以說(shuō)有著直接必然的聯(lián)系。我們可以用“情感定位”來(lái)理解氣質(zhì),例如:嚴(yán)肅商務(wù),年輕運(yùn)動(dòng)等。 布局:結(jié)合信息本身的層級(jí)及視覺(jué)傳達(dá)的原則,對(duì)界面元素的分布進(jìn)行重組并形成規(guī)則。 顏色定義:拆分出由品牌元素中的顏色來(lái)對(duì)界面中的信息進(jìn)行功能性的顏色定義或者劃分。例如:在設(shè)計(jì)手機(jī)Launcher icon 前期定義的時(shí)候,我們會(huì)從功能性以及用戶情感等角度對(duì)不同的icon顏色進(jìn)行劃分。 icon:根據(jù)品牌元素對(duì)icon從形狀、顏色、材質(zhì)、角度進(jìn)行設(shè)計(jì)解剖,分析其一致性與設(shè)計(jì)風(fēng)格。 動(dòng)效:動(dòng)態(tài)設(shè)計(jì)就像一個(gè)人的肢體語(yǔ)言,少了顯得這個(gè)人很死板,多了則像神經(jīng)病。而如何恰到好處的拿捏產(chǎn)品中什么地方需要設(shè)計(jì)動(dòng)效、怎么設(shè)計(jì)動(dòng)效。這需要對(duì)產(chǎn)品前期的概念故事有這深入理解以及理性的對(duì)控件及界面從用戶的角度進(jìn)行感性的劃分,例如:需要讓用戶等待的、需要讓用戶快速通過(guò)的、需要讓用戶感覺(jué)享受的…等等。合理的規(guī)則劃分常產(chǎn)品的“節(jié)奏感”更好。 傳播途徑:我們知道如今對(duì)品牌的傳達(dá)不僅限于一個(gè)企業(yè)的logo、vi。它體現(xiàn)在方方面面,比如音效設(shè)計(jì)、吉祥物設(shè)計(jì)、一個(gè)產(chǎn)品的開(kāi)屏、一句sologan等等。
2. 信息結(jié)構(gòu)合理性  在工作中很多人認(rèn)為視覺(jué)設(shè)計(jì)是把灰白的wireframe弄的好看一點(diǎn)而已,這才會(huì)出現(xiàn)很多情況例如:“某某某主管評(píng)價(jià)一個(gè)視覺(jué)界面的時(shí)候說(shuō):’我覺(jué)得這個(gè)界面太素了…要不加點(diǎn)顏色豐富一下’ 然后設(shè)計(jì)師灰溜溜的拼湊了一堆形式感的元素在界面中為滿足老板的需求”。視覺(jué)設(shè)計(jì)的本質(zhì)是“信息重組”,同時(shí)又要兼顧功能性。這些不僅僅是視覺(jué)本身的問(wèn)題,和交互和產(chǎn)品和文案有這直接的必然的聯(lián)系。所以我們必須摒棄形式優(yōu)先的思維,從整個(gè)產(chǎn)品的角度、從用戶的角度思考。 我覺(jué)得一個(gè)界面設(shè)計(jì)衡量的標(biāo)準(zhǔn)是 : 功能 > 信息 > 形式,這里面的關(guān)系并非互斥,也就是好看的界面不一定就是難用的,好用的界面也不一定就是丑的。產(chǎn)品的平衡,設(shè)計(jì)更是平衡。
3. 視覺(jué)語(yǔ)言的一致性 一方面是看單個(gè)競(jìng)品視覺(jué)語(yǔ)言的貫穿性,另一方面是看競(jìng)品多平臺(tái)產(chǎn)品之間的設(shè)計(jì)的聯(lián)系性。
4. 設(shè)計(jì)亮點(diǎn) 任何產(chǎn)品為了在市場(chǎng)中脫穎而出,或多或少會(huì)在產(chǎn)品及設(shè)計(jì)中做些差異化的東西。這里的差異化是以用戶場(chǎng)景為導(dǎo)向的,而非形式上的差異。例如:音樂(lè)app中為了讓用戶有更沉浸享受的體驗(yàn)而設(shè)計(jì)動(dòng)態(tài)的唱片封面及無(wú)邊框全屏模式等。
5. 設(shè)計(jì)趨勢(shì) 設(shè)計(jì)趨勢(shì)不局限于視覺(jué)風(fēng)格趨勢(shì),產(chǎn)品定位有時(shí)候會(huì)決定設(shè)計(jì)的風(fēng)格。而個(gè)人理解風(fēng)格沒(méi)有“過(guò)時(shí)”這一說(shuō),只有合適不合適。而當(dāng)一個(gè)競(jìng)品定位模糊的時(shí)候,我們可以試著用“趨勢(shì)”來(lái)衡量它,但這是個(gè)附加項(xiàng)。 這些評(píng)判緯度其實(shí)都是靈活的,我們需要的是根據(jù)產(chǎn)品類(lèi)型的不同設(shè)定不同的緯度。例如: 一個(gè)基于iOS默認(rèn)控件設(shè)計(jì)的app,是否符合平臺(tái)規(guī)范的標(biāo)準(zhǔn)就可以加入評(píng)判緯度之中。而不同邏輯的設(shè)計(jì)師可以重新梳理一份競(jìng)品分析的結(jié)構(gòu)。上述所例的評(píng)判緯度也可以加上評(píng)分機(jī)制,來(lái)讓觀看者更加直觀的了解這份分析所輸出的觀點(diǎn)。甚至可以通過(guò)講故事的方式去把你的觀點(diǎn)用很有意思的方式表達(dá)給他人。而確定分析形式之前,我們?cè)僖淮蝸?lái)想想這個(gè)分析的目的與價(jià)值是什么,再來(lái)想想聽(tīng)眾是誰(shuí),你和聽(tīng)眾的關(guān)系是什么?透過(guò)這個(gè)分析,你和你的團(tuán)隊(duì)要得到的是一致的共識(shí)呢?一個(gè)有用的總結(jié)?還是驗(yàn)證?或是啟發(fā)設(shè)計(jì)的點(diǎn)?我們要通過(guò)這些思考和內(nèi)部溝通來(lái)避免“套用模板”的做法,從而培養(yǎng)設(shè)計(jì)師獨(dú)立分析及思考設(shè)計(jì)的能力。 ddc201608183 △ 如果采用權(quán)重評(píng)分機(jī)制,可參考的模板
總結(jié)
過(guò)去的一段時(shí)間,圈子內(nèi)某總監(jiān)的新聞風(fēng)風(fēng)火火。其實(shí)我個(gè)人關(guān)注的不是當(dāng)事人的專(zhuān)業(yè)水平如何,而是通過(guò)這個(gè)事件把一些大公司“一切以BOSS喜好說(shuō)了算”的工作方式揭露了出來(lái)。而且我相信這不是個(gè)例。當(dāng)一個(gè)設(shè)計(jì)團(tuán)隊(duì)不講求設(shè)計(jì)理由、沒(méi)有方法論沉淀時(shí)候。設(shè)計(jì)自然沒(méi)有話語(yǔ)權(quán),設(shè)計(jì)師們關(guān)注的肯定都是專(zhuān)業(yè)以外的事情,而做好一份競(jìng)品分析、輸出優(yōu)秀的設(shè)計(jì)觀點(diǎn),可能是衡量一個(gè)團(tuán)隊(duì)專(zhuān)業(yè)與否的第一步。 
25
評(píng)論區(qū)(0)
正在加載評(píng)論...