也許大家早已經(jīng)發(fā)現(xiàn),打開手機(jī)上的網(wǎng)購APP,會(huì)發(fā)現(xiàn)京東APP和天貓APP是那么的相像,簡直一摸一樣,二者究竟是誰在模仿誰,我們?cè)谇也徽摚覀円f的是,難道相同性質(zhì)的網(wǎng)站或者APP就非得設(shè)計(jì)的大同小異嗎?
今天就來聊一聊我本人的想法。

作為一個(gè)設(shè)計(jì)師,尤其是產(chǎn)品設(shè)計(jì)師,在為公司貢獻(xiàn)自己才智的時(shí)候,不能光想著自己就是來拿一個(gè)月工資的,別人都在模仿,我為神馬要做那股清流,偏偏設(shè)計(jì)出不一樣的風(fēng)格?
你先等一下?。?!也許你說的對(duì),為什么呢?因?yàn)橐粋€(gè)行業(yè)做的好的也就那幾家,能做到行業(yè)里數(shù)一數(shù)二的已經(jīng)就是標(biāo)桿了,作為標(biāo)桿,無論是營業(yè)額等向他看齊,就連網(wǎng)站設(shè)計(jì)也的搞得一個(gè)樣,怎么說,因?yàn)橛腥嗽谶@條路上摸爬滾打這么些年,已經(jīng)很成功了,從網(wǎng)站的布局,設(shè)計(jì)的版式應(yīng)該就是行業(yè)模版了,這條路我只要照著走就不會(huì)有錯(cuò)也能成功。
可問題是,真的是這樣嗎?
我們做產(chǎn)品時(shí),或者說我們?cè)谠O(shè)計(jì)一個(gè)網(wǎng)站、APP時(shí),要考慮的是:Who(誰在使用、誰在看)、What(你想讓他最想看到什么?或者他最想看到什么?)、Why(為什么這么做?)、When(什么時(shí)候看?看多久?)、Where(在哪看?或者是什么場景下看?)。

我們得先明確受眾,搞清楚對(duì)方真正需要的是什么?我們才能做好該怎么去設(shè)計(jì)一個(gè)網(wǎng)站,網(wǎng)站上什么地方應(yīng)該體現(xiàn)什么樣的內(nèi)容,體現(xiàn)多少內(nèi)容。
就拿教育行業(yè)來舉例吧。
教育行業(yè)現(xiàn)在很多都做起了網(wǎng)校業(yè)務(wù),比如新東方在線

滬江網(wǎng)校

學(xué)而思網(wǎng)校

文都網(wǎng)校

甚至是文都網(wǎng)校2.0

不難發(fā)現(xiàn),所有的網(wǎng)校網(wǎng)站都是一個(gè)樣

千篇一律沒有什么亮點(diǎn),最近文都網(wǎng)校進(jìn)行改版2.0,拿出來看了一下,和滬江網(wǎng)校有什么區(qū)別?不難看出,現(xiàn)在文都網(wǎng)校的設(shè)計(jì)幾乎就是在毫無掩飾的追趕滬江,顏色搭配上,網(wǎng)頁版式上,都有滬江的影子。這么一來,用戶在使用過程中就會(huì)發(fā)現(xiàn)蹊蹺,滿眼雷同,久而久之,產(chǎn)品粘性不復(fù)存在,用戶大量流失,直接導(dǎo)致的結(jié)果就是--商業(yè)的本質(zhì)---盈利??!
網(wǎng)站要有自己的屬性。
一個(gè)好的網(wǎng)站都有的自己的特色,這個(gè)特色叫做辨識(shí)度??梢允谷艘豢淳陀涀?,一看就知道這是某某網(wǎng)站。

辨識(shí)度,在百度百科中,示意為音色方面的解釋,對(duì)于一個(gè)網(wǎng)站的辨識(shí)度我的定義是:用戶對(duì)于一個(gè)網(wǎng)站的細(xì)節(jié)或局部特點(diǎn)的記憶反應(yīng)時(shí)長。通俗理解為就是用戶今天見到了你的網(wǎng)站,過了n久,再見到時(shí),用戶是否很快的想到這是哪個(gè)網(wǎng)站。

比如上圖,一看就是滬江的網(wǎng)站,滬江網(wǎng)校首頁的每一塊都會(huì)是這樣的一個(gè)版式,最重要的就是顏色“零基礎(chǔ)入門”那里選中后的深綠色就是其代表,當(dāng)然,還有一個(gè)很突出的特點(diǎn),就是代言人湯唯。主顏色+醒目類目+明星代言=高顏值,好看的自然會(huì)被人記住!
一個(gè)網(wǎng)站還要有自己的企業(yè)顏色。

很多人在做網(wǎng)站設(shè)計(jì)時(shí),會(huì)考慮把logo的顏色或相近色作為網(wǎng)站的主色,這不是行業(yè)里的死規(guī)定,沒有這種奇葩的規(guī)范參考,只要適合網(wǎng)站定位,不同于logo 色也可以,這一點(diǎn),我在學(xué)而思網(wǎng)站上看到了。

學(xué)而思的logo是個(gè)紅色,大家想想看,如果將logo的顏色作為網(wǎng)站的主色,我估計(jì)學(xué)而思的網(wǎng)站就會(huì)給人一種人民代表大會(huì)的感覺,顯然不適合作為教育公司網(wǎng)站的顏色。而學(xué)而思將藍(lán)色運(yùn)用到搜索框、分類框、字體交互顏色等地方,和諧的處理了顏色沖突。

如果你的網(wǎng)站logo由兩個(gè)活著多個(gè)顏色組成,比如上圖,非要使用logo色作為主色的話,建議還是使用一種顏色作為網(wǎng)站主色,假如logo有幾個(gè)顏色你用幾個(gè)顏色,那頁面就會(huì)顯色臟亂。就像文都網(wǎng)校的那樣,藍(lán)色綠色交叉出現(xiàn),沒有統(tǒng)一的既視感。也許,文都的想法實(shí)在參考新東方的設(shè)計(jì)吧(往上翻翻看看新東方網(wǎng)校的頁面就會(huì)明白)。
網(wǎng)站的主打產(chǎn)品要突出。

對(duì)于教育網(wǎng)站的內(nèi)容,在公司內(nèi)部存在著利益的爭執(zhí),滬江培訓(xùn)小語種,英語是老大,那誰是第二呢?法語?日語?葡語?文都做考研的,自然不爭考研第一,那醫(yī)考還是建考當(dāng)?shù)诙?/p>
教育類公司的網(wǎng)校網(wǎng)站其代表的是公司,應(yīng)該把自己公司最強(qiáng)的業(yè)務(wù)放在網(wǎng)站的醒目位置。
觀察這些大型的教育公司網(wǎng)站都做的很到位,可是他們的版式設(shè)計(jì)太過于雷同。
不要抄襲竟品網(wǎng)站
做產(chǎn)品時(shí)都會(huì)分析竟品公司的產(chǎn)品,找出對(duì)方的不足,加以改進(jìn),融入自己公司的表達(dá)方式,最終形成本公司的產(chǎn)品。參考竟品,青出于藍(lán)而勝于藍(lán)的做法怎么都洗不干凈抄襲的嫌疑。還有一種方法,就是另辟蹊徑。
當(dāng)所有的同行業(yè)網(wǎng)站都趨于一個(gè)模版時(shí),你就應(yīng)該跳出這個(gè)怪圈,審視一下自己的網(wǎng)站該如何變換一下面孔,給你的用戶來一擊吸星大法。

上圖是一家專業(yè)做K12教育的網(wǎng)站,其最大的不同,就是完全不同于以上我們舉的幾個(gè)網(wǎng)站的設(shè)計(jì)版式以及交互樣式。這樣的顏色也正適合孩子青春期的生命力象征。
作為K12教育的公司,產(chǎn)品大部分應(yīng)對(duì)的是家長。所以要理解家長為了孩子付出的心血,找到痛點(diǎn)一針見血。就像 banner里那句話,孩子的茁壯成長,少不了知識(shí)的澆灌。這是未來!
總結(jié):
總的來說,做產(chǎn)品不易,做好產(chǎn)品更不易,做自己卻不難,難的是,你的想法是不是和老板的不謀而合呢?
請(qǐng)記住,時(shí)刻站在用戶的角度去考慮問題。就像微信的評(píng)論和贊為什么隱藏起來,點(diǎn)一下才出來一樣。他是想給你思考如何評(píng)論以及到底要不要贊一下留點(diǎn)時(shí)間,避免出現(xiàn)評(píng)完后悔的尷尬。
希望這篇文章,能夠在你做產(chǎn)品時(shí),提供幫助!