首頁(yè)

互聯(lián)網(wǎng)的下半場(chǎng),產(chǎn)品經(jīng)理正在離開舞臺(tái)中心

資深UI設(shè)計(jì)者

互聯(lián)網(wǎng)發(fā)展業(yè)已進(jìn)入下半場(chǎng),眾多互聯(lián)網(wǎng)產(chǎn)品的營(yíng)銷比重迅速攀升,用戶心智已經(jīng)形成,很多產(chǎn)品設(shè)計(jì)方面沒有太大發(fā)揮空間。未來(lái),面對(duì)嚴(yán)峻現(xiàn)實(shí),產(chǎn)品人的選擇在哪里?

前段時(shí)間一款叫ZAO的換臉APP刷屏朋友圈。這款產(chǎn)品的主要功能是把影視片段中明星的臉換成你的臉,讓你實(shí)現(xiàn)大片夢(mèng)。

實(shí)際上,在ZAO之前,就已經(jīng)有廠商開發(fā)出了同類型的換臉APP。今年的四月,一款名為顏技的App上線了IOS版,它具有和ZAO相同的圖片換臉到視頻功能。不同的是,它沒火起來(lái)。

互聯(lián)網(wǎng)的下半場(chǎng),產(chǎn)品經(jīng)理正在離開舞臺(tái)中心

相反是由于ZAO的大火,已經(jīng)上線好幾個(gè)月的顏技才突然被人發(fā)現(xiàn)。并因此登上了娛樂免費(fèi)榜的第二名,第一名是ZAO。

AppStore上有上百萬(wàn)個(gè)APP,想要讓別人找到你的APP已經(jīng)非常困難了。回顧最近火起來(lái)的那些APP,大部分都有“重營(yíng)銷”的影子。比如綠洲、ZAO、靈鴿等。

營(yíng)銷對(duì)于一款產(chǎn)品來(lái)說變得越來(lái)越重要

劉潤(rùn)老師寫過一篇文章《如何判斷一個(gè)行業(yè)是否值得進(jìn)入》描述這種商業(yè)競(jìng)爭(zhēng)的規(guī)律:文章里提到了一個(gè)行業(yè)的發(fā)展階段可以用商家的競(jìng)爭(zhēng)手段去判斷。

  • 競(jìng)爭(zhēng)早期:產(chǎn)品為王;
  • 競(jìng)爭(zhēng)中期:渠道為王;
  • 競(jìng)爭(zhēng)后期:營(yíng)銷為王。

實(shí)際上這個(gè)觀點(diǎn)就是用4P的視角去理解商業(yè)規(guī)律。商業(yè)的本質(zhì)實(shí)際上就是4P模型:產(chǎn)品、渠道、促銷、價(jià)格。而且這幾個(gè)點(diǎn)的優(yōu)先級(jí)是依次遞減的。

一個(gè)項(xiàng)目想要成功,就需要依次做好這些點(diǎn)。如果別家已經(jīng)在某一個(gè)環(huán)節(jié)做得很好,你再想超越,就必須也做好這一環(huán)節(jié),然后在下一個(gè)環(huán)節(jié)做得更好。

因此在某一個(gè)特定領(lǐng)域內(nèi),對(duì)于后來(lái)者來(lái)說,創(chuàng)業(yè)會(huì)越來(lái)越難。王興在幾年前說互聯(lián)網(wǎng)進(jìn)入下半場(chǎng),目前看來(lái)這個(gè)下半場(chǎng)里,產(chǎn)品經(jīng)理已經(jīng)不在是舞臺(tái)的中心。

現(xiàn)在越來(lái)越多的產(chǎn)品偏向營(yíng)銷驅(qū)動(dòng),這很值得我們用4P的視角去思考一下互聯(lián)網(wǎng)的發(fā)展現(xiàn)狀和趨勢(shì)。

早期:產(chǎn)品為王

在移動(dòng)互聯(lián)網(wǎng)時(shí)代的早期,有很多需求可以從線下搬到了線上,或者從PC端轉(zhuǎn)移到手機(jī)端。由于這類用戶需求是一直存在的,用戶會(huì)自發(fā)地去尋找這類型的APP。

在這個(gè)時(shí)期,“產(chǎn)品即營(yíng)銷”,只要比別人做的更早,比別人做的更好,不太需要廣告的支持,用戶會(huì)自帶傳播效應(yīng)。這個(gè)時(shí)期是產(chǎn)品人最愛的時(shí)期,只要用心做好產(chǎn)品,就很容易獲得成功。

最初在移動(dòng)互聯(lián)網(wǎng)上,沒有一款比較方便的社交軟件。然而用戶實(shí)際上是有很強(qiáng)的社交需求的。雖然手機(jī)QQ可以解決一些問題,但是沒有為移動(dòng)互聯(lián)網(wǎng)的環(huán)境做相應(yīng)的優(yōu)化。

另一個(gè)款產(chǎn)品米聊,雖然也是為了解決移動(dòng)互聯(lián)網(wǎng)的社交問題,但是產(chǎn)品穩(wěn)定性不足,偶爾會(huì)閃退或者發(fā)不出消息的情況。

微信在那個(gè)時(shí)期是移動(dòng)互聯(lián)網(wǎng)做社交做好的產(chǎn)品,所以經(jīng)過用戶的自發(fā)傳播,兩個(gè)月就超過了米聊成為了最大的移動(dòng)互聯(lián)網(wǎng)社交APP。

很多人認(rèn)為微信的成功是因?yàn)楂@得了QQ的關(guān)系鏈,實(shí)際上這是一種誤解。

當(dāng)時(shí)運(yùn)營(yíng)商忌憚微信,不允許微信用手機(jī)通訊錄,于是微信只能用QQ登錄。

但QQ登錄和QQ關(guān)系鏈?zhǔn)莾苫厥隆Q登錄不等于關(guān)系鏈的使用,微信對(duì)QQ關(guān)系鏈的使用,只是添加好友時(shí)可以從QQ好友里選擇。

事實(shí)上作為一款熟人社交軟件,手機(jī)通訊錄的價(jià)值和作用更大——因?yàn)槭歉鎸?shí)的好友,而QQ好友里很多是陌生人。如果微信當(dāng)時(shí)選擇把QQ關(guān)系鏈復(fù)制過來(lái),那就成了另外一個(gè)手機(jī)QQ了。

所以微信的成功,是因?yàn)樗诋a(chǎn)品為王的時(shí)代,做出了最好的移動(dòng)互聯(lián)網(wǎng)社交工具。

中期:渠道為王

在互聯(lián)網(wǎng)時(shí)代的中期,同一個(gè)細(xì)分領(lǐng)域會(huì)出現(xiàn)了很多同質(zhì)化的APP。這時(shí),競(jìng)爭(zhēng)考驗(yàn)的是各個(gè)公司的渠道能力。

你能更好地觸達(dá)用戶,就能更地?cái)U(kuò)展市場(chǎng)。

早在PC互聯(lián)網(wǎng)時(shí)代,搜狗輸入法就依靠“番茄花園”、“雨林木風(fēng)”等盜版系統(tǒng)的預(yù)裝,僅用一年時(shí)間做到了輸入法領(lǐng)域70%的市場(chǎng)占有率。

在移動(dòng)互聯(lián)網(wǎng)時(shí)代,新聞?lì)怉PP的同質(zhì)化也比較嚴(yán)重,在產(chǎn)品端的優(yōu)化很難和其他競(jìng)品拉開差距。為此搜狐早晚報(bào)(搜狐新聞的前身)依靠中興手機(jī)的預(yù)裝,一下子從幾萬(wàn)日活提升到上百萬(wàn)日活。

在國(guó)外的Twitter模式興起時(shí),四大微博的競(jìng)爭(zhēng)進(jìn)入白熱化階段。最終新浪微博突出重圍,成為了最后的贏家。

新浪微博的打法也是依靠渠道。當(dāng)時(shí)新浪微博搶先與頭部的手機(jī)廠商簽下獨(dú)家合同,激活一個(gè)用戶支付廠商1.5元,很多手機(jī)廠商看到好處都選擇了合作。

后來(lái)這筆錢改成了資源置換。手機(jī)廠商預(yù)裝新浪微博,而微博會(huì)在用戶在發(fā)布手機(jī)動(dòng)態(tài)時(shí),露出手機(jī)品牌型號(hào)。

除了預(yù)裝,SEO和ASO也是非常重要的渠道來(lái)源。

今日頭條早期的SEO要比其他公司效率更高。

一般我們?cè)诎俣冗M(jìn)行渠道投放時(shí),只知道投放相關(guān)的關(guān)鍵字,這種常規(guī)操作的結(jié)果是量少、多家競(jìng)價(jià)、轉(zhuǎn)化效果不佳,而且成本非常高。

今日頭條創(chuàng)新性地利用每天百度新產(chǎn)生的大量沒有人競(jìng)價(jià)的關(guān)鍵詞進(jìn)行拓詞,通過技術(shù)手段自動(dòng)生成聚合這些關(guān)鍵字的落地頁(yè),然后在百度進(jìn)行投放。這樣做的好處是量大而且價(jià)格便宜,落地頁(yè)聚合的內(nèi)容本身比百度的還好,用戶轉(zhuǎn)化效果自然就非常理想了,大大降低了渠道投放的成本。

優(yōu)質(zhì)的搜索渠道流量,也是今日頭條成功的一大因素。

后期:營(yíng)銷為王

到了互聯(lián)網(wǎng)時(shí)代的后期,就連渠道商的競(jìng)爭(zhēng)也同質(zhì)化,并且渠道商的價(jià)格越來(lái)越高。

在這個(gè)時(shí)期,廠家會(huì)發(fā)現(xiàn)爭(zhēng)奪渠道效果已經(jīng)很差了,幾個(gè)大的渠道已經(jīng)被巨頭們把持了,想要突破必須開始爭(zhēng)奪消費(fèi)者的心智。所以這個(gè)時(shí)期的策略是通過吸引眼球的營(yíng)銷方案,讓用戶產(chǎn)生購(gòu)買意愿。

支付寶誕生的時(shí)候是產(chǎn)品為王的時(shí)代,解決了用戶線上支付的問題,因此作為先驅(qū)者占據(jù)了線上支付的絕大部分市場(chǎng)份額。

騰訊作為支付領(lǐng)域的后來(lái)者,想要超越支付寶,怎么辦?

財(cái)付通是騰訊的第一次嘗試,依靠騰訊自己的電商渠道,財(cái)付通的市場(chǎng)占有率一度只有3.3%。這是因?yàn)殄e(cuò)過了產(chǎn)品為王的時(shí)代,而且在渠道為王的時(shí)代,騰訊的電商品牌也不是特別給力。

后來(lái)騰訊有了微信,然后有了微信支付。其中最大的使用場(chǎng)景是微信紅包。

微信紅包依靠用戶的自發(fā)使用,在2014年春節(jié)達(dá)到了458萬(wàn)的用戶峰值。但之后的幾個(gè)月,用戶數(shù)從峰值持續(xù)下降,再也沒有回到這個(gè)數(shù)量。

照理說,微信紅包的產(chǎn)品沒問題,渠道更沒問題,微信的用戶量級(jí)可是比騰訊的電商用戶多得多。這時(shí)騰訊要再想突破,就只能從營(yíng)銷端思考。

2015年,微信和春晚合作,搞了一個(gè)搖一搖搶紅包的活動(dòng)。那天晚上,微信紅包的用戶數(shù)從400萬(wàn)增加到了一億,而支付寶積累一億用戶用了大概8年的時(shí)間。

在幾年前,如果有人告訴你,做一個(gè)拼團(tuán)類低價(jià)購(gòu)物APP很有機(jī)會(huì),你一定會(huì)對(duì)此嗤之以鼻。電商市場(chǎng)又不是沒有人做過這件事,就算是淘寶的聚劃算也沒做得太成功。

但是今天,拼多多依靠社交裂變的玩法,已經(jīng)成了“五億人都在拼”的電商巨頭,市值都超過了百度。

拼多多殺入市場(chǎng)時(shí),電商領(lǐng)域的產(chǎn)品、渠道都已經(jīng)進(jìn)入了白熱化的競(jìng)爭(zhēng)階段。拼多多從營(yíng)銷端發(fā)力,大力開展社交裂變的玩法實(shí)現(xiàn)了電商領(lǐng)域的突圍。

雖然拼多多的玩法也有價(jià)格的因素在里面,但是同樣有很多主打低價(jià)的產(chǎn)品卻沒法做到拼多多的規(guī)模,最主要的還是營(yíng)銷的問題?,F(xiàn)在很多人想到買低價(jià)的產(chǎn)品,第一個(gè)想到的就是拼多多,這也說明了拼多多的營(yíng)銷成功地?fù)屨剂擞脩舻男闹恰?

另外,這個(gè)階段想要超越不單單是要做好營(yíng)銷,而是之前的產(chǎn)品和渠道都不能少。

上述的兩個(gè)案例都是產(chǎn)品本身過硬,并且憑借微信這個(gè)大渠道作為基礎(chǔ)的。

其他的競(jìng)爭(zhēng)階段也是一樣,必須做好前面階段需要做的工作,再做好當(dāng)前的階段需要做的才有可能追趕領(lǐng)先者。

這是很多人學(xué)習(xí)4P理論時(shí)最容易忽視的點(diǎn)。

大后期:價(jià)格為王

如果按照4P理論,劉潤(rùn)老師還應(yīng)該補(bǔ)充最后一個(gè)階段——價(jià)格為王。

單純價(jià)格戰(zhàn)這事技術(shù)含量太低,似乎不值得單獨(dú)來(lái)講。不過作為一種商業(yè)趨勢(shì),目前互聯(lián)網(wǎng)行業(yè)部分領(lǐng)域的競(jìng)爭(zhēng)態(tài)勢(shì)儼然已經(jīng)走到了這一步。

在信息流領(lǐng)域,等到今日頭條成長(zhǎng)到非常大的體量后,百度才反應(yīng)過來(lái)。

為了快速奪回市場(chǎng),百度在2019年的春晚狂砸9億紅包“買客戶”。這個(gè)活動(dòng)和之前提到的微信紅包活動(dòng)很像,但是仔細(xì)思考還是有一些不同。

互聯(lián)網(wǎng)的下半場(chǎng),產(chǎn)品經(jīng)理正在離開舞臺(tái)中心

春晚面對(duì)的幾乎是全國(guó)的觀眾,其中很多人平時(shí)并不太接觸互聯(lián)網(wǎng)。對(duì)他們來(lái)說,微信的搶紅包活動(dòng)是沒見過的玩法,很新奇,很有傳播性。

微信搶紅包的這次活動(dòng),營(yíng)銷的概念其實(shí)要要大于價(jià)格的概念。但是經(jīng)過了這一次的用戶教育,加上之后的支付寶集五?;顒?dòng),這種送錢的營(yíng)銷活動(dòng)對(duì)用戶來(lái)說已經(jīng)不陌生了。

百度的紅包活動(dòng)更多的用戶已經(jīng)不是覺得好玩,而是單純地在衡量投入產(chǎn)出比。為了拿到這些紅包的錢,付出那么多時(shí)間劃不劃算。這成了單純的買用戶,單純的價(jià)格因素。

最近微視也搞了一次這樣的活動(dòng),邀請(qǐng)好友得3~10元的紅包。這說明短視頻領(lǐng)域也已經(jīng)進(jìn)入了競(jìng)爭(zhēng)的大后期。

價(jià)格為王的階段是其他手段都失效的情況下,不得不采用的策略。

當(dāng)然前提是產(chǎn)品足夠好,否則用戶也是留不下來(lái)的。

有哪些啟發(fā)?

1. 產(chǎn)品經(jīng)理的時(shí)代可能正在過去

這里說的產(chǎn)品經(jīng)理是那種創(chuàng)造性的產(chǎn)品設(shè)計(jì)工作,類似喬布斯、張小龍所代表的最初的產(chǎn)品經(jīng)理的定義。

隨著現(xiàn)狀互聯(lián)網(wǎng)解決的問題越來(lái)越多,邊界越來(lái)越廣,想要再通過創(chuàng)造性的產(chǎn)品設(shè)計(jì)打動(dòng)用戶已經(jīng)非常困難了。而且很多功能模式都有了約定俗成的規(guī)范,發(fā)揮創(chuàng)造性的空間已經(jīng)不大了。這導(dǎo)致現(xiàn)在的產(chǎn)品經(jīng)理更多的是偏向項(xiàng)目管理而不是產(chǎn)品設(shè)計(jì)。

我的一個(gè)產(chǎn)品經(jīng)理朋友,覺得自己原來(lái)所處的行業(yè)相對(duì)比較傳統(tǒng),換了一家更加迎合年輕人的行業(yè)。

但是現(xiàn)實(shí)馬上教他做人,雖然新公司的產(chǎn)品更加年輕化,但是產(chǎn)品經(jīng)理的工作其實(shí)沒有太大的變化,還是以畫原型、項(xiàng)目推進(jìn)為主。

在可預(yù)見的未來(lái),產(chǎn)品經(jīng)理將離開互聯(lián)網(wǎng)的舞臺(tái)中心。

運(yùn)營(yíng)人才將接替產(chǎn)品經(jīng)理的位置,站在在互聯(lián)網(wǎng)的舞臺(tái)中心引導(dǎo)之后的風(fēng)向變化。當(dāng)然,這里說的是大部分一線產(chǎn)品經(jīng)理,如果你是牛人,你永遠(yuǎn)都站在舞臺(tái)中央。

2. 要找到適合自己的行業(yè)

不同競(jìng)爭(zhēng)階段的工作重心是不一樣的,所以在做職業(yè)選擇時(shí),最好選擇那些適合自己發(fā)揮的行業(yè)和公司。

如果你是產(chǎn)品經(jīng)理,那么最好是進(jìn)入還在產(chǎn)品為王時(shí)期的行業(yè)。

如果你是渠道BD,渠道運(yùn)營(yíng)等,選擇那些競(jìng)爭(zhēng)中期的行業(yè)。

如果你是活動(dòng)運(yùn)營(yíng),那么最好去那些競(jìng)爭(zhēng)非常激烈的行業(yè)。

在適合自己的行業(yè)中,你的重要性得到了提升,擁有更多的機(jī)會(huì)學(xué)習(xí)和實(shí)踐,對(duì)于自我提升來(lái)說是事半功倍的。

3. 找到對(duì)的公司

有很多創(chuàng)業(yè)公司還保持著產(chǎn)品為王時(shí)代的思路。

它們所處的行業(yè)很可能已經(jīng)在營(yíng)銷為王的時(shí)代,卻還抱著精細(xì)打磨產(chǎn)品的意識(shí),根本原因僅僅是因?yàn)轭I(lǐng)導(dǎo)者是產(chǎn)品和技術(shù)出身。

這類公司如果渠道端和營(yíng)銷端沒有比較好的動(dòng)作的話,很可能在燒光融資后就被迫關(guān)閉。而失敗的原因不是因?yàn)楫a(chǎn)品做的不夠好,而是沒有在正確的時(shí)間做正確的事。

有一些公司好一些,它們?cè)诋a(chǎn)品為王的時(shí)代,通過打造優(yōu)秀產(chǎn)品而崛起。但這種公司很容易形成路徑依賴,原來(lái)我們通過產(chǎn)品的優(yōu)化成功了,那么現(xiàn)在就要繼續(xù)做好產(chǎn)品這件事。

但是產(chǎn)品體驗(yàn)的護(hù)城河會(huì)慢慢被競(jìng)品攻占,如果領(lǐng)導(dǎo)者不轉(zhuǎn)變身份,從“首席產(chǎn)品經(jīng)理”變成精神領(lǐng)袖,那么很可能就會(huì)慢慢衰敗。

因?yàn)槌晒Φ钠髽I(yè)家與市場(chǎng)的用戶的需求距離太遠(yuǎn),如果太專注抓產(chǎn)品的單點(diǎn)突破,就意味著在商業(yè)格局平衡和公司長(zhǎng)遠(yuǎn)戰(zhàn)略上的短視,結(jié)局自然不會(huì)太理想。

文章來(lái)源:人人都是產(chǎn)品經(jīng)理

5G路上,你了解HMI了嗎?

資深UI設(shè)計(jì)者

HMI是什么?這又和我有什么關(guān)系,如果你想置身于智能時(shí)代,HMI的認(rèn)知是一個(gè)不可錯(cuò)過,而海哥把這一生的精力投身于該領(lǐng)域,下面我們開始開啟這條認(rèn)知之路。我將分三個(gè)部分闡述HMI,分別是:HMI是什么?HMI有什么用?誰(shuí)在做HMI? 


一、HMI是什么?


HMI,是英文Human Machine Interface的首字母縮寫,中文意思為“人機(jī)界面”,或“人機(jī)接口”,在國(guó)內(nèi)用“人機(jī)界面”多,HMI是“人與機(jī)器之間傳遞和交換信息的媒介和對(duì)話接口”,可以簡(jiǎn)單理解為是一臺(tái)微型的電腦,外形像平板電腦,比如蘋果的iPad,但是她有很多插口,像傳統(tǒng)辦公桌上的臺(tái)式電腦(后面稱PC電腦),有usb接口、網(wǎng)線接口、串行接口。通常HMI像個(gè)積木一樣,嵌入到機(jī)器上的,一般是自動(dòng)化大機(jī)器,通過HMI來(lái)控制和監(jiān)視機(jī)器的運(yùn)作,你可以理解為HMI是一臺(tái)電腦,她控制打印機(jī)打印東西這樣的關(guān)系。海哥帶你看看HMI廬山真貌:


看起來(lái)是不是一個(gè)平板電腦嗎?對(duì)的,外形看起來(lái)像平板,但是它比較厚,而且很多電腦用的接口,而大家在生活中接觸最多的兩種HMI有兩種,一種是取款機(jī),另外一種就是汽車中控。


下面,海哥帶你了解HMI組成,它是由兩大部分組成的,就是硬件和軟件。

HMI硬件方面,像PC電腦一樣,有五大模塊:處理器(如CPU)、顯示單元(如顯示器)、輸入單元(如鼠標(biāo)、鍵盤)、通訊接口(如網(wǎng)卡)、數(shù)據(jù)存儲(chǔ)單元(如硬盤),那一個(gè)優(yōu)質(zhì)的HMI硬件主要看哪方面呢?就是處理器,處理器有8位、16位、32位,數(shù)字越高,處理能力越強(qiáng)。接下來(lái)看看硬件周邊的接口,HMI可以連接很多種設(shè)備,比如可編程控制器(簡(jiǎn)稱PLC)、變頻器、直流調(diào)速器、儀表和工業(yè)設(shè)備等,它們連接到HMI的串口接口,串口的類型有RS232、RS485等。



好了,上面大概對(duì)HMI的硬件有初步了解,下面海哥帶你看看軟件部分,軟件部分包括兩部分,就是系統(tǒng)和畫面組態(tài)軟件。系統(tǒng)就像PC電腦的windows系統(tǒng)一樣,有自身硬件運(yùn)作正常的系統(tǒng),比如我們?nèi)A為的鴻蒙OS系統(tǒng)。接著就是畫面組態(tài)軟件,其實(shí)就是像windows里面的Word軟件,叫法上不一樣而已,常規(guī)情況下畫面組態(tài)軟件只有一個(gè),不能像windows那樣裝很多種類型軟件,而HMI固定是裝一種,我們常規(guī)叫他為“工程”,當(dāng)然汽車上的HMI,就像平板電腦上,功能和軟件都很豐富,因?yàn)樗菨M足消費(fèi)者人群的,而只運(yùn)行一個(gè)軟件的,多用在工業(yè)機(jī)器上,可以減少HMI資源消耗,還能保證整個(gè)HMI的穩(wěn)定性。


海哥剛開始對(duì)組態(tài)軟件不太懂,組態(tài)到底是什么?“組態(tài)”(Configure)是“配置”、“設(shè)定”等意思,它讓用戶像搭積木一樣,把所需要的軟件功能搭建起來(lái),不需要編寫計(jì)算機(jī)程序。目前常用的組態(tài)軟件有:iFix、Vijeo Designer、WinCC、組態(tài)王、MCGS,不同廠家的HMI硬件使用不同的組態(tài)軟件,所以他們連接要有不同的驅(qū)動(dòng)程序,這對(duì)技術(shù)人員來(lái)說,學(xué)習(xí)成本還是比較高,因?yàn)槟壳斑€沒有一個(gè)巨頭來(lái)定義這個(gè)通用標(biāo)準(zhǔn),而最近華為的鴻蒙OS系統(tǒng),開始定義行業(yè)的平臺(tái)標(biāo)準(zhǔn),海哥個(gè)人覺得這是一件了不起的事情。下面看看常用的組態(tài)軟件長(zhǎng)什么樣子,我們用WinCC作為例子。



接下來(lái),海哥告訴你HMI的分類,大概可以分三種:

(1、薄膜鍵輸入的HMI,顯示尺寸小于5.7ˊ,畫面組態(tài)軟件免費(fèi),屬初級(jí)產(chǎn)品。

(2、觸摸屏輸入的HMI,顯示屏尺寸為5.7ˊ~12.1ˊ,畫面組態(tài)軟件免費(fèi),屬中級(jí)產(chǎn)品。

(3、基于平板PC計(jì)算機(jī)的、多種通訊口的、高性能HMI,顯示尺寸大于10.4ˊ,畫面組態(tài)軟件收費(fèi),屬高端產(chǎn)品。

對(duì)于高端HMI產(chǎn)品,面對(duì)5G的個(gè)性化定制的市場(chǎng)特征,HMI的“配方功能”會(huì)很重要,所謂配方功能,就是一臺(tái)設(shè)備完成不同種類工件的加工,這需要人機(jī)界面上具備配方功能,在加工A產(chǎn)品時(shí),執(zhí)行A配方,加工B產(chǎn)品時(shí),執(zhí)行B配方,比如西門子公司的MP系列,而如果要實(shí)現(xiàn)千人千面的生產(chǎn)需求,也許配方更是一個(gè)海量級(jí)的,這也是自動(dòng)化所面臨的機(jī)遇與挑戰(zhàn)。

下面說說工作流程,一個(gè)HMI制作應(yīng)用的制作過程大概是這樣的流程:



海哥簡(jiǎn)短解釋一下這些流程,在日后海哥會(huì)在每個(gè)模塊都會(huì)有細(xì)節(jié)教程。

  • 市場(chǎng)調(diào)研:了解到市面上的數(shù)據(jù)量,比如手機(jī)用戶數(shù)量,大部分用戶使用時(shí)長(zhǎng),競(jìng)爭(zhēng)對(duì)手處于什么樣的狀態(tài)等;

  • 用戶畫像:了解用戶的年齡、地區(qū)、行為習(xí)慣、心理習(xí)慣等,并賦予到一個(gè)場(chǎng)景中,了解用戶在場(chǎng)景中的整個(gè)活動(dòng)和心理的過程;

  • 需求定位:了解到目標(biāo)用戶的特征后,定制產(chǎn)品或的重點(diǎn)價(jià)值,用戶為什么需要你,你有什么不一樣;

  • 頭腦風(fēng)暴:由不同崗位人員,一起想點(diǎn)子,先暢所欲言,再根據(jù)調(diào)研和需求來(lái)判斷合適的點(diǎn)子;

  • 原型設(shè)計(jì):原型簡(jiǎn)單理解為手工紙質(zhì)品,或模型,可以用塑料泡沫或電腦的Axure等軟件,做出實(shí)體或虛擬的產(chǎn)品,這需要快速簡(jiǎn)單進(jìn)行;

  • 可用性測(cè)試:測(cè)試原型是否可行,讓一些陌生人用用,看他們能理解這是什么,會(huì)不會(huì)用等;

  • 高保真設(shè)計(jì):就是把“毛坯房”變成精裝修,開始做最終的視覺效果;

  • 開發(fā)制造:開發(fā)與機(jī)器制造,實(shí)現(xiàn)功能;

  • 測(cè)試修復(fù):用一種極端條件來(lái)檢查產(chǎn)品有沒有問題,比如24小時(shí)運(yùn)作會(huì)不會(huì)有問題,突然斷電有沒有問題;

  • 版本迭代:第一代產(chǎn)品做出來(lái)不等于成功了,因?yàn)槭袌?chǎng)在變,用戶也在變,需要保持變化,優(yōu)化產(chǎn)品。


下面是一些問題,可以幫助大家更好了解HMI:

問:HMI看起來(lái)不就是一個(gè)很厚的觸摸屏嗎?

答:HMI是由兩部分組成,分別是硬件和軟件,而像手機(jī)或平板的那種觸摸屏,只是一個(gè)觸摸的硬件,這種只是讓你能觸摸的部件而已,可以理解為臺(tái)式電腦上的顯示器,只是這個(gè)顯示器可以觸摸。


問:PC電腦能當(dāng)HMI設(shè)備用嗎?

答:當(dāng)然可以,只是PC電腦不在會(huì)嵌入到機(jī)器上,而是通過很長(zhǎng)的線或者無(wú)線網(wǎng)絡(luò)連接到機(jī)器,而PC電腦需要通過HMI的軟件,來(lái)操控機(jī)器。


問:SCADA與HMI的區(qū)別?

答:SCADA是監(jiān)控和數(shù)據(jù)采集系統(tǒng),英文是Supervisory Control And Data Acquisition,它包含HMI,SCADA是整局的工業(yè)控制系統(tǒng),范圍更大。


二、HMI有什么用?


HMI有什么用?海哥認(rèn)為,有機(jī)器的地方就有HMI存在的可能性,特別是5G物聯(lián)網(wǎng)的“萬(wàn)物互聯(lián)”的到來(lái),數(shù)據(jù)不只是在電腦上流動(dòng),還會(huì)在機(jī)器、衣服、鞋子、碗、車等場(chǎng)景中串聯(lián),而把目光放在當(dāng)下,HMI應(yīng)用領(lǐng)域已經(jīng)在機(jī)器、工廠、建筑物、汽車、高度監(jiān)管的制藥和食品行業(yè)、石油/天然氣、采礦等領(lǐng)域已經(jīng)有運(yùn)作,從這些行業(yè)屬性來(lái)說,你有沒發(fā)現(xiàn)從事HMI的行業(yè)的人,它的市場(chǎng)體量有足夠大的想象空間?哈哈,別拉后腿了,與海哥一起跟上。


目前的HMI可以做些什么呢?

(1、實(shí)時(shí)的信息狀態(tài)與趨勢(shì)顯示;

(2、圖形化、流程化控制生產(chǎn)線監(jiān)控和控制;

(3、警報(bào)的產(chǎn)生和記錄;

(4、歷史信息的自動(dòng)記錄、報(bào)表自動(dòng)生成;


HMI的意義有哪些呢?

(1、發(fā)揮機(jī)器應(yīng)有的功能,因?yàn)槟憧梢酝ㄟ^數(shù)據(jù)顯示上了解到;

(2、人工合理調(diào)節(jié)機(jī)器參數(shù),讓機(jī)器間的協(xié)作、使用效率提高;

(3、HMI預(yù)警能確保安全與經(jīng)濟(jì)提升;

(4、讓使用者操作機(jī)器和系統(tǒng)更友善,符合他們的生理、心理的需求,提高使用者的滿意度;


三、誰(shuí)在做HMI?


想在這個(gè)行業(yè)有所作為,我們?cè)趺茨懿恢佬袠I(yè)的頂尖高手在哪呢?有了標(biāo)桿,起碼可以衡量我們自身的水準(zhǔn),還有我們?nèi)笔裁?,從另外一個(gè)角度來(lái)說,你如何作戰(zhàn)略選擇,讓自己也能從差異化中,變成另外一個(gè)頂尖高手,下面我們看看專注于HMI的企業(yè),海哥找來(lái)自動(dòng)化制造類的和汽車類的,行業(yè)很深很大,日后海哥繼續(xù)挖掘新的。


下面是自動(dòng)化領(lǐng)域HMI企業(yè)。



三菱

網(wǎng)址:www.mitsubishielectric.com


三菱奉行的企業(yè)經(jīng)營(yíng)理念“Changes for the Better”,“One三菱電機(jī)”為中國(guó)“更好的未來(lái)”和實(shí)現(xiàn)“更好的社會(huì)”做貢獻(xiàn)為經(jīng)營(yíng)理念。e-F@ctory靈活運(yùn)用IT技術(shù),將生產(chǎn)現(xiàn)場(chǎng)與上層信息系統(tǒng)直接相連。即可實(shí)現(xiàn)工廠的“可視化”,同時(shí)又能促進(jìn)生產(chǎn)設(shè)備的高性能化和最優(yōu)化,縮短開發(fā)及調(diào)試周期,降低運(yùn)用及維護(hù)成本,從而削減生產(chǎn)工序的整體成本,實(shí)現(xiàn)“工廠全面最優(yōu)化”




西門子

網(wǎng)址:www.industry.siemens.com.cn


面對(duì)日益復(fù)雜的機(jī)器和系統(tǒng)過程,作為一站式供應(yīng)商,西門子專門設(shè)計(jì)開發(fā)出了 SIMATIC HMI 人機(jī)界面技術(shù)。SIMATIC HMI 采用開放式、標(biāo)準(zhǔn)化硬件和軟件接口,可快速集成到用戶的自動(dòng)化系統(tǒng)中,從而滿足用戶的特定人機(jī)界面需求。





施耐德

網(wǎng)址:www.schneider-electric.cn


施耐德電氣是家居、樓宇、數(shù)據(jù)中心、基礎(chǔ)設(shè)施和工業(yè)領(lǐng)域能源管理與自動(dòng)化技術(shù)數(shù)字化轉(zhuǎn)型的領(lǐng)先企業(yè)?!拔覀兊目萍迹瑹o(wú)處不在”,施耐德電氣確保每一個(gè)人,在任何時(shí)間,在任何地方都能盡享能效之利。





歐姆龍

網(wǎng)址:www.omron.com.cn


創(chuàng)立于1933年的歐姆龍集團(tuán)是全球知名的自動(dòng)化控制及電子設(shè)備制造廠商,掌握著世界領(lǐng)先的傳感與控制核心技術(shù)。通過不斷創(chuàng)造新的社會(huì)需求,歐姆龍集團(tuán)已在全球擁有超過35,000名員工,營(yíng)業(yè)額達(dá)8,595億日元。產(chǎn)品涉及工業(yè)自動(dòng)化控制系統(tǒng)、電子元器件、汽車電子、社會(huì)系統(tǒng)、健康醫(yī)療設(shè)備等廣泛領(lǐng)域,品種多達(dá)數(shù)十萬(wàn)種。



BEIJER 北爾

網(wǎng)址:www.beijerelectronics.cn


北爾電子成立于1981年,總部在瑞典南部的Malm?。北爾電子是上市公司北爾集團(tuán)三大事業(yè)部之一。北爾集團(tuán)的客戶包括 阿法拉法(Alfa Laval)、龐巴迪(Bombardier)、阿爾斯通(Alstom)和艾默生(Emerson)等要求苛刻的大型跨國(guó)企業(yè)。2018年北爾電子集團(tuán)銷售額達(dá)到14億瑞典克朗。





臺(tái)達(dá)

網(wǎng)址:www.deltaww.com


臺(tái)達(dá)成立于1971年,總部在臺(tái)灣,為全球提供電源管理及散熱解決方案,秉承“Smarter. Greener. Together.”的品牌理念,自動(dòng)化模塊中,專注于交流馬達(dá)驅(qū)動(dòng)器、電源治理、感測(cè)、控制與運(yùn)動(dòng)等產(chǎn)品領(lǐng)域的創(chuàng)新研發(fā),同時(shí)整合工業(yè)自動(dòng)化產(chǎn)品,繼而開發(fā)工業(yè)控制網(wǎng)絡(luò),為全球客戶提供全方位的解決方案服務(wù)。


汽車中控領(lǐng)域HMI服務(wù)企業(yè)中,海哥找了三家,他們分別是:HARMAN、INTELLIAS、ELEKTROBIT。


HARMAN

網(wǎng)址:www.harman.com


1980年成立,總部在美國(guó),它是三星的子公司,公司員工規(guī)模過萬(wàn),開發(fā)聯(lián)網(wǎng)汽車系統(tǒng),音頻和視頻產(chǎn)品,企業(yè)自動(dòng)化和互聯(lián)服務(wù)。北美,歐洲和亞洲汽車制造商是哈曼的客戶。該公司還是HMI軟件開發(fā)服務(wù)的先驅(qū)提供商。





INTELLIAS

網(wǎng)址:www.intellias.com


Intellias是一家定制軟件工程公司,專注于汽車、基于位置的服務(wù)和金融技術(shù)行業(yè)。公司員工規(guī)模上千人。Intellias被Inc. 5000公認(rèn)為歐洲最有前途,發(fā)展最快的私營(yíng)公司之一。該軟件開發(fā)公司也被列入全球外包100。





ELEKTROBIT

網(wǎng)址:www.elektrobit.com


作為汽車軟件行業(yè)的領(lǐng)導(dǎo)者,憑借 30 多年為本行業(yè)服務(wù)的經(jīng)驗(yàn),EB 的軟件為 1 億多輛汽車中的逾 10 億臺(tái)設(shè)備提供支持,并提供針對(duì)互聯(lián)汽車基礎(chǔ)設(shè)施、人機(jī)界面 (HMI) 技術(shù)、導(dǎo)航、輔助駕駛、電子控制單元 (ECU) 和軟件工程服務(wù)的靈活、創(chuàng)新的解決方案。



總結(jié)一下,今天的《海哥HMI人機(jī)交互》,海哥帶你了解了HMI是什么,可以簡(jiǎn)單理解HMI就是一個(gè)平板PC,既包含了硬件,又包括了軟件系統(tǒng),硬件方面核心是看處理器,而軟件方面需要用組態(tài)軟件來(lái)開發(fā),針對(duì)項(xiàng)目來(lái)做定制開發(fā),開發(fā)出來(lái)的工程文件,通過串口下載到HMI的處理器上,這樣HMI就可以管控自動(dòng)化生產(chǎn)的設(shè)備,HMI是SCADA總要組成部分。

文章來(lái)源:站酷

Sketch 58 Beta版本探秘,看看都有什么新功能!

資深UI設(shè)計(jì)者

Sketch 58 Beta 版本已于近期推出(其實(shí)最近一段時(shí)間已更新了好幾個(gè)測(cè)試版),官方終于推出 Smart Layout 智能布局,讓 Symbol 組件獲得響應(yīng)功能,變得更加靈活和強(qiáng)大。

之前我們只能使用第三方插件來(lái)制作響應(yīng)式組件,比如之前介紹的 Kitchen 和 Anima。不過畢竟不是官方親生的,難免會(huì)包含一些 bug 和不足。

比如 Kitchen 插件在制作 Symbol 組件的時(shí)候,其自動(dòng)排版功能會(huì)出錯(cuò)。Anima 插件對(duì)上傳到藍(lán)湖的標(biāo)注會(huì)有顯示問題。關(guān)鍵是在團(tuán)隊(duì)協(xié)作的時(shí)候,其他使用源文件的同學(xué)也必須安裝對(duì)應(yīng)的插件,否則沒有效果。

那么這次 Sketch 58 Beta 版本新推出的 Smart Layout 智能布局功能,能否解決長(zhǎng)期困擾設(shè)計(jì)師的響應(yīng)布局問題呢?一起來(lái)看下。

SketchBeta版本下載

如果想體驗(yàn) Sketch Beta 版本,請(qǐng)進(jìn)入 Sketch 測(cè)試版主頁(yè)下載→https://www.sketch.com/beta/。但是要記住,一定不要用在自己的正式文件中,防止修改后,低版本打不開。

Sketch 58 要求 Mac 系統(tǒng)版本是 macOS High Sierra 10.13.4 及以上,下面是 Sketch 各大版本對(duì)應(yīng)的 Mac 系統(tǒng)版本,如果遇到新版的 Sketch 打不開就需要檢查下自己的系統(tǒng)版本。

  • Sketch52-58系列版本需要macOS High Sierra 10.13.4及以上
  • Sketch51系列版本需要macOS Sierra 10.12.2及以上
  • Sketch50系列版本需要OS X El Capitan 10.11.2及以上

Smart Layout智能布局介紹

本次 Sketch 58 Beta 最大的更新就是 Smart Layout。

在新建 Symbol 組件時(shí),彈窗新增 Layout 選項(xiàng),總共有 7 個(gè)屬性,分別對(duì)應(yīng)不同的圖標(biāo),下面是每個(gè)屬性的簡(jiǎn)單介紹。

1. No Layout

正常布局,也就是和原先一樣,沒有特殊效果。

2. Left to Right Layout

賦予 Symbol 組件智能布局效果,組件尺寸會(huì)根據(jù)內(nèi)容變化,方向是水平從左往右布局。

3. Horizontally Center Layout

同上,方向是中間往左右兩端布局。

4. Right to Left Layout

同上,方向是從右往左布局。

5. Top to Bottom Layout

賦予 Symbol 組件智能布局效果,組件尺寸會(huì)根據(jù)內(nèi)容變化,方向是垂直從上往下布局。

6. Vertically Center Layout

同上,方向是中間往上下兩端布局。

7. Bottom to Top Layout

同上,方向是從下往上布局。

另外在選擇好 Layout 屬性后,Symbol 頁(yè)面的畫板組件圖標(biāo)會(huì)發(fā)生變化,除了 No Layout 布局還是之前的畫板圖標(biāo)之外,其余 6 個(gè)都有對(duì)應(yīng)的新圖標(biāo),看下圖。

此外,選擇畫板后,右側(cè)的屬性面板中會(huì)新增布局選擇功能,包含上面講的7種屬性,可隨時(shí)對(duì) Layout 布局進(jìn)行更改。

看上面的描述還是比較迷惑,實(shí)際上智能布局簡(jiǎn)單來(lái)說,就是賦予 Symbol 組件內(nèi)容邊距的功能,尺寸隨內(nèi)容變化而變化,有點(diǎn)類似于前端 CSS 中的 padding 屬性。下面用實(shí)際例子展示。

制作彈性按鈕

以前我們使用過 Kitchen 和 Anima 制作過彈性按鈕。需求是,文字兩端的邊距(即CSS中的padding)保持固定,文字?jǐn)?shù)量不固定,按鈕寬度隨文字內(nèi)容走。

那么在 Sketch 58 中,我們先制作一個(gè)按鈕,文字兩端的邊距是 20。

轉(zhuǎn)化為 Symbol,出現(xiàn)彈窗,在新增的 Layout 下拉中,選擇 Left to Right Layout,這樣文字變化時(shí),左邊是固定不動(dòng)的,內(nèi)容往右邊延展。

這樣一個(gè)彈性按鈕就做好了,不管文字有多少,兩端邊距永遠(yuǎn)保持固定 20。和前端 CSS 中的 padding-left 和 padding-right 功能一樣。

如果這個(gè)時(shí)候我們?cè)倮?Symbol,右側(cè) Overrides 會(huì)出現(xiàn)一個(gè)新的圖標(biāo):縮小實(shí)例以適配內(nèi)容。點(diǎn)擊后,被拉伸的組件會(huì)還原為文字內(nèi)容長(zhǎng)度。

注意,這個(gè)和原先的重設(shè)覆蓋層圖標(biāo)不同,不會(huì)清除覆蓋的文本內(nèi)容,只會(huì)還原為適合內(nèi)容大小。

以上是從左往右的布局,水平兩端和從右往左也是一樣的道理,只是方向不一樣,下圖是從右往左的布局。

這就是智能布局的主要功能,賦予 Symbol 組件 CSS 代碼 padding 屬性,具備響應(yīng)特征。還需要注意的是,智能布局目前只針對(duì) Symbol 組件,Kitchen 插件是可以作用于普通組的。

制作彈性按鈕組

上面是單個(gè)組件的智能布局,如果是嵌套組件呢?也是可以的,一起試下。

我們把剛才做的按鈕橫向分布三個(gè),再一起做成新的按鈕組 Symbol 組件,結(jié)構(gòu)看下圖。

新的按鈕組內(nèi),每個(gè)按鈕已經(jīng)是響應(yīng)式的,那么做成組后就會(huì)保持組內(nèi)元素的間距固定,更改下文字內(nèi)容看下圖。

非常棒,已經(jīng)滿足了我們剛開始的需求。但是不建議嵌套過多,要保持組件化設(shè)計(jì)思維。當(dāng)然了,間距問題,Sketch 57 已經(jīng)提供了多元素間距調(diào)整功能,只多了一步,但是不用把整體再次轉(zhuǎn)化 Symbol,大家可以根據(jù)自己的需要靈活選擇。

制作信息卡片

以上講的是水平方向布局,同理垂直方向布局道理也一樣,我們以最常見的信息卡片為例子。一般情況下卡片圖片不變,標(biāo)題和內(nèi)容文字的不固定會(huì)導(dǎo)致卡片整體高度也會(huì)發(fā)生變化。利用智能布局我們可以讓卡片變成響應(yīng)式擴(kuò)展。

確定好上下左右的間距,例子中用的 16,然后建立組件,Layout 選擇從上往下布局,這樣標(biāo)題和內(nèi)容文字增多,上下的間距是保持不變的,內(nèi)容高度自動(dòng)增加。

總結(jié)

以上就是 Sketch 58 Beta 版本新增的 Smart Layout 智能布局介紹。關(guān)于這個(gè)新功能,我們還可以做很多響應(yīng)式的組件,提升設(shè)計(jì)效率。Sketch 的更新速度也在加快,很多之前第三方插件才可以實(shí)現(xiàn)的效果也被官方一一收入囊中。希望 Sketch 的發(fā)展越來(lái)越好,成為設(shè)計(jì)師真正的設(shè)計(jì)利器。

58 版本的歡迎界面也做了大更新,至于好不好看就因人而異了。最后來(lái)一睹芳容。

文章來(lái)源:優(yōu)設(shè)

快速了解“私域流量”

資深UI設(shè)計(jì)者

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

為什么“私域流量”如此火爆,互聯(lián)網(wǎng)人必看!

最近一個(gè)全新的名詞頻繁出現(xiàn)在我們的視野里,它和去年的“增長(zhǎng)黑客”一樣,在互聯(lián)網(wǎng)圈子里被炒的火熱,它伴隨著微商和社交電商而出現(xiàn),它已經(jīng)悄悄改變著整個(gè)互聯(lián)網(wǎng)營(yíng)銷格局,它就是“私域流量”。


恰好上周我在團(tuán)隊(duì)內(nèi)部也分享了關(guān)于“私域流量”的話題,這期間還糾結(jié)要不要整理到公眾號(hào)里。然鵝,樂于分享的精神將我腐蝕~,今天就不聊設(shè)計(jì)、不聊產(chǎn)品,來(lái)談一談我眼中的“私域流量”,拓展一丟丟互聯(lián)網(wǎng)的思維邊界。




一、什么是私域流量?



要讀懂私域流量,首先要了解流量池的概念,流量池是流量的蓄積的容器,主要是為了防止有效流量流走而設(shè)置的數(shù)據(jù)庫(kù),比如:淘寶、百度、微博等。只要有足夠的預(yù)算,可以持續(xù)不斷的獲客(獲取新用戶的渠道),被稱為流量池。


而私域流量指的是品牌或個(gè)人自主擁有的、無(wú)需付費(fèi)的、可反復(fù)利用的、能隨時(shí)觸達(dá)用戶的流量。它并不是一個(gè)新生事物,只是與我們?cè)?jīng)接觸的流量相比,更加便于商戶或個(gè)人使用的流量。


比如:之前社交媒體還沒普及的時(shí)候,私域流量就是客戶的聯(lián)系方式(手機(jī)號(hào)、郵箱、住址等),想要聯(lián)系他們時(shí),可以打電話、發(fā)短信、發(fā)郵件、甚至往他們家寄樣品體驗(yàn)。當(dāng)時(shí)這些客戶信息甚至都是公司的商業(yè)機(jī)密。


隨著時(shí)代的進(jìn)步,如今的私域流量是一個(gè)完全屬于“你”自己的私人地盤,大到年入上億的商家,小到個(gè)人經(jīng)營(yíng)者。這些流量存在于公眾號(hào)、微信好友、微博、社群、朋友圈、頭條號(hào)、抖音等社交媒體里,它是一切你可以隨時(shí)掌控的私人流量池(既私域流量),這個(gè)流量池里聚集的是你的粉絲、客戶和潛在客戶。


而產(chǎn)品則是承載用戶流量的工具,即使用戶分布在不同的產(chǎn)品里,但只要是在個(gè)人賬號(hào)的,就是你的私域流量。顧名思義,私域流量就是屬于自己的流量,相對(duì)公域流量而言,主要指?jìng)€(gè)人或品牌自主擁有的自由流量,它需要通過沉淀和積累來(lái)獲取的更精準(zhǔn)、轉(zhuǎn)化率更高的垂直領(lǐng)域流量。





二、公域流量與私域流量



任何一家互聯(lián)網(wǎng)公司,都離不開一個(gè)核心問題——流量。得流量者得天下,有了流量才能進(jìn)行下一步轉(zhuǎn)化,“流量”既代表大眾的關(guān)注點(diǎn)。


對(duì)互聯(lián)網(wǎng)公司來(lái)說,流量就是市場(chǎng),流量就是用戶,流量就是商機(jī)。我們講的私域流量就是這部分流量屬于商家或個(gè)人的“私有資產(chǎn)”。既然有私有,那必然有公有。與私域流量對(duì)應(yīng)的是公域流量,比如淘寶、京東這些大的流量平臺(tái),所有的流量都要花錢買,而且越來(lái)越貴,這里的“花錢買”指的是廣告推廣、排名推廣等。有了曝光率,用戶的關(guān)注點(diǎn)(瀏覽行為)自然就來(lái)了。


這兩類流量有什么本質(zhì)上的區(qū)別呢?


公域流量和私域流量并不是絕對(duì)概念,而是相對(duì)概念。比如一家商場(chǎng)開在步行街上,商場(chǎng)里的流量相對(duì)于步行街就是私域流量,因?yàn)榈赇伝诓叫薪謨?nèi)。而步行街的流量相對(duì)于商場(chǎng)就是公域流量,因?yàn)槠渌赇佉部梢韵碛?。再比如,從淘寶里打開一個(gè)網(wǎng)店,網(wǎng)店里的流量相對(duì)于淘寶就是私域流量,而淘寶的流量相對(duì)于網(wǎng)店又成了公域流量。同樣,公眾號(hào)的流量相對(duì)于微信就是私域流量,微信的流量相對(duì)于公眾號(hào)就是公域流量。


所以說,公域流量就像大海,剛開始魚多,捕魚的人少,即便我們捕魚的技術(shù)一般,也能有所收獲。隨著捕魚的人越來(lái)越多,捕到魚的成本越來(lái)越高,魚的質(zhì)量卻越來(lái)越低,于是很多人就開始自建魚塘養(yǎng)魚,這樣捕魚的成本低了,也更容易捕到魚了,還能租出去讓別人釣魚,自建魚塘就是私域流量。伴隨著流量紅利的減緩,公域流量逐漸飽和,商家很難再以較低的成本來(lái)獲客了,為什么是較低的成本?請(qǐng)往下看案例。


公域流量:

公域流量也叫平臺(tái)流量,它不屬于單一個(gè)體,而是被集體所共有的流量。來(lái)看看我們常見的的平臺(tái)流量五大板塊:


電商平臺(tái)(淘寶,京東,網(wǎng)易考拉等);

內(nèi)容聚合型平臺(tái)(騰訊新聞、網(wǎng)易新聞、今日頭條等);

社區(qū)平臺(tái)(百度貼吧、微博、知乎、簡(jiǎn)書等);

視頻內(nèi)容型平臺(tái)(騰訊視頻、愛奇藝、抖音等);

搜索平臺(tái)(百度搜索、谷歌搜索、360搜索等)。


對(duì)于平臺(tái)中的個(gè)體來(lái)講,他們只能以付費(fèi)或活動(dòng)等方式,在滿足平臺(tái)規(guī)則的原則下獲取流量,留存率較差,因?yàn)閭€(gè)人沒有支配權(quán),只能跟隨平臺(tái)的發(fā)展規(guī)律順勢(shì)而為,且流量始終屬于平臺(tái),個(gè)體稍有過分的營(yíng)銷嫌疑就會(huì)被封號(hào)。很顯然,他們都依靠于平臺(tái)獲取流量,并且不能完全掌控自己的流量分發(fā)。


這種形式所帶來(lái)的弊端便是每次流量的使用需支付高昂的費(fèi)用。當(dāng)然,優(yōu)點(diǎn)僅為流量獲取方式相對(duì)簡(jiǎn)單,花錢購(gòu)買,付費(fèi)即可,平臺(tái)會(huì)根據(jù)你付費(fèi)的級(jí)別來(lái)定制推送計(jì)劃。但這種推廣方式,相當(dāng)于大海撈針,比如我們?cè)诎俣壬献鐾茝V,想利用百度的流量來(lái)曝光我們的UI設(shè)計(jì)網(wǎng)課,但是每天使用百度的用戶來(lái)自于各個(gè)階層、各個(gè)崗位,需求五花八門,可能100個(gè)訪問用戶中,只有1個(gè)是具備目標(biāo)用戶條件的,所以平臺(tái)流量不能精準(zhǔn)的曝光到目標(biāo)用戶所在的群體。


私域流量:

接下來(lái),我們對(duì)比一下私域流量,它屬于單一個(gè)體的流量。比如某個(gè)公號(hào)的關(guān)注用戶都是UI設(shè)計(jì)師,那這個(gè)公號(hào)的私域流量就是推廣UI設(shè)計(jì)網(wǎng)課的首選目標(biāo),因?yàn)榇蠹叶加羞@個(gè)需求、都來(lái)自這個(gè)領(lǐng)域,只不過需求的渴望程度不一樣而已。在100個(gè)閱讀用戶中,可能有10個(gè)會(huì)仔細(xì)了解。所以這種推廣方式的精準(zhǔn)度要比平臺(tái)流量更高,關(guān)鍵是推廣費(fèi)用極低。弊端是曝光率、影響面積、用戶熱度是臨時(shí)性的,但在短時(shí)間之內(nèi)是有明顯的用戶增長(zhǎng),這就是所謂的“極速獲客”、“熱點(diǎn)獲客”。


所以我們常見的私域流量都存在于個(gè)人號(hào)中,他們可以完全掌控自己的流量分發(fā)。比如在微信中,好友也是我們的私域流量,我們可以選擇不同的好友分組推送消息,所以私域流量最大的特點(diǎn)是直接觸達(dá)用戶。


同時(shí),私域流量可以反復(fù)利用,更適用于復(fù)購(gòu)屬性強(qiáng)的產(chǎn)品,利于增加復(fù)購(gòu)率,比如我們生活中一些小超市的營(yíng)銷手段就是利用私域流量增加顧客的粘性和復(fù)購(gòu)率的:在超市購(gòu)買商品支付時(shí),收銀員要求你添加他們店長(zhǎng)的微信號(hào),添加成功可以送多少積分,打多少折扣,這就是獲客的第一步,然后店長(zhǎng)會(huì)把這些顧客拉入到一個(gè)微信社群里,每天定時(shí)推送一些打折商品、優(yōu)惠新品等,有些用心運(yùn)營(yíng)的還在社群里做“搶紅包”的活動(dòng),搶到最多的前三名當(dāng)日到店購(gòu)買商品送500積分等。


我們可以看出,比起公域流量,私域流量更注重引導(dǎo)和運(yùn)營(yíng)。如果用一句話概括私域流量和公域流量的區(qū)別,就是:私域流量的用戶屬于個(gè)體,公域流量的用戶屬于平臺(tái)。

Image title




三、私域流量的特點(diǎn)與價(jià)值



1、更可控

假設(shè)某平臺(tái)有一百萬(wàn)用戶,然而這一百萬(wàn)用戶跟我們沒有任何關(guān)系,我們只有把里面的用戶導(dǎo)入到自己的平臺(tái),才算自己的用戶,后續(xù)對(duì)這些用戶的針對(duì)性服務(wù)才有可能發(fā)生。


就拿“抖癮”來(lái)說,用戶喜歡的短視頻很多,當(dāng)對(duì)其中一個(gè)視頻感興趣時(shí),可以選擇關(guān)注號(hào)主,關(guān)注后可以第一時(shí)間享受到號(hào)主提供的視頻服務(wù),而對(duì)號(hào)主來(lái)說,關(guān)注者就是從平臺(tái)引入的私域流量。當(dāng)關(guān)注號(hào)主的用戶越來(lái)越多時(shí),這個(gè)號(hào)主就成了所謂的網(wǎng)紅,并在特定領(lǐng)域有一定的影響力,因?yàn)楹竺嬗幸淮笕骸八接蛄髁俊痹谥С炙?,基于此,一些其他的業(yè)務(wù)和廣告就隨之而來(lái),這伴隨的也就是收入。號(hào)主也可以選擇性服務(wù),將關(guān)注用戶人群細(xì)分,從而合作不同的品牌。



2、更省錢

產(chǎn)品在平臺(tái)流量獲得曝光需要支付高昂的費(fèi)用,比如:關(guān)鍵詞競(jìng)價(jià)、關(guān)鍵詞推廣等,如果你想通過平臺(tái)獲得不花錢的曝光...還是別想了,不可能的,人家的流量也是花錢砸出來(lái)的。


私域流量幾乎是免費(fèi)的,一旦把用戶從平臺(tái)流量引入到私域流量,比如:微信社群,那真是我的地盤我做主,怎么玩都是我的權(quán)利,當(dāng)然也不能太放肆而喪失了所謂的本質(zhì),如果用戶體驗(yàn)不好,分分鐘會(huì)被別的“私域流量”引導(dǎo)走,畢竟選擇也是用戶的權(quán)利。再就是前面舉的UI設(shè)計(jì)師網(wǎng)課和超市的例子,直接跟“熟客”建立聯(lián)系,省下了渠道推廣費(fèi)不說,熟客們還愿意為你安利更多用戶,這相當(dāng)于幫你免費(fèi)做了宣傳推廣,無(wú)形中產(chǎn)生了裂變。所以產(chǎn)品在私域曝光的成本要比平臺(tái)曝光低得多,甚至幾百塊就可以搞定一個(gè)精準(zhǔn)推廣,而這個(gè)精準(zhǔn)推廣還會(huì)產(chǎn)生二次流量。



3、更豐富的營(yíng)銷玩法

私域的運(yùn)營(yíng)能讓商家與消費(fèi)者建立更親密的連接,那商家就可以基于產(chǎn)品做延展,不管是二次營(yíng)銷還是多元化營(yíng)銷,只要你輸出的內(nèi)容不讓用戶失望、討厭,就有助于銷售。


我們身邊最常見的就是分享文章到朋友圈進(jìn)交流群、參與文章中的紅包抽獎(jiǎng)、評(píng)論區(qū)積攢送書、公眾號(hào)文章互推等活動(dòng)。這無(wú)形中就是為商家的私域流量進(jìn)行了裂變和促活。


當(dāng)然這些只是很小一部分的玩法,也不違背互利的原則:我分享你的文章進(jìn)了我想進(jìn)的交流群、我?guī)湍愕奈恼聨?lái)一次閱讀,但我可能獲得抽獎(jiǎng)紅包、我發(fā)動(dòng)身邊朋友幫我積攢,對(duì)你的產(chǎn)品進(jìn)行了裂變式曝光,但我得到了想要的書籍...


寫到這里讓我想起之前在網(wǎng)上看到的段子“我把你當(dāng)朋友,你卻把我當(dāng)你的私域流量”。然而,不管是現(xiàn)實(shí)還是網(wǎng)絡(luò),不可能有人在商業(yè)環(huán)境里無(wú)私的付出,雖然說的很透,但我們還是需要正確認(rèn)識(shí)現(xiàn)實(shí),畢竟這是個(gè)資源互換、資源共享的互聯(lián)網(wǎng)時(shí)代。

Image title



4、更高的客戶穩(wěn)定性

私域流量可以有效防止用戶流失,尤其是你經(jīng)常交互的用戶。通過運(yùn)營(yíng)私域流量,與用戶建立起情感互動(dòng)(交互),你推薦的產(chǎn)品他們也不會(huì)條件反射般地當(dāng)作廣告去屏蔽掉,同時(shí)你的誠(chéng)懇推薦也會(huì)讓用戶穩(wěn)定性越來(lái)越好,不容易流失。

現(xiàn)在很多商戶都會(huì)主動(dòng)以個(gè)人號(hào)去添加一些顧客,通過私人關(guān)系為他們提供訂座、專屬折扣和所謂的VIP服務(wù),平時(shí)有事沒事嘮嘮嗑、相互點(diǎn)個(gè)贊、時(shí)不時(shí)來(lái)一句贊美的評(píng)論啥的。所以,商戶在用戶面前曝光多了,也能起到喚醒用戶記憶的作用,久而久之復(fù)購(gòu)率也就提升了。



5、更利于塑造品牌和個(gè)人IP

好品牌反映了好口碑,在某種程度上會(huì)幫助用戶消除掉選擇困難癥,比如我們買鞋子,品牌這么多,我肯定首選我心目中排在第一的,這個(gè)“第一”就是用戶對(duì)商戶精神層面的認(rèn)知和信任,品牌塑造的過程就是用戶忠誠(chéng)度建立的過程。


私域流量的交互,可以拉近品牌和用戶之間的距離,通過產(chǎn)品提供的服務(wù)把同類人群聚集在一起,這些人累計(jì)起來(lái)的影響力不可小瞧。不管商戶大小,掌握私域思維,都能有效的促進(jìn)與用戶的溝通,增加用戶粘性和忠誠(chéng)度。


在運(yùn)營(yíng)私域流量時(shí),最常見的錯(cuò)誤是沿用以前的思維。比如很多公司讓客服團(tuán)隊(duì)搞大量微信個(gè)人號(hào)做朋友圈運(yùn)營(yíng),但其實(shí)沒有任何一個(gè)微信用戶希望自己的朋友圈里多了一個(gè)廣告客服。私域流量轉(zhuǎn)化的核心是信任,是基于人與人之間的信任。這里有一個(gè)非常重要的環(huán)節(jié),就是個(gè)人IP化打造,打造一個(gè)行業(yè)KOL或?qū)<业纳矸?,比如你在某個(gè)領(lǐng)域有豐富的行業(yè)經(jīng)驗(yàn),通過某些途徑將你的經(jīng)驗(yàn)分享給有需要的人,這就從中產(chǎn)生了濃厚的信任,因?yàn)樵谟脩粞劾?,你就是行業(yè)的專家(你說啥都對(duì)~),完成這步之后,私域流量才可能提高轉(zhuǎn)化。說白了就是你(商戶)能為用戶提供什么樣的服務(wù),這些服務(wù)被多少人所認(rèn)可。




四、身邊常見的導(dǎo)流方式



1、靠利益誘導(dǎo)

比如關(guān)注公眾號(hào)領(lǐng)紅包、下載APP送現(xiàn)金、注冊(cè)領(lǐng)優(yōu)惠券等。在流量池獲得曝光后,用戶看到進(jìn)入私域流量有好處時(shí),一般都會(huì)形成轉(zhuǎn)化。雖然數(shù)據(jù)在短時(shí)間內(nèi)很美麗,但留存率和活躍度不敢保證,這需要產(chǎn)品內(nèi)的引導(dǎo)和體驗(yàn)來(lái)支撐。



2、解決內(nèi)容訴求

做優(yōu)質(zhì)的內(nèi)容輸出,解決用戶的內(nèi)容訴求,靠?jī)?nèi)容本身打動(dòng)用戶形成轉(zhuǎn)化。比如你正在看這篇文章,你覺得有點(diǎn)收貨,就產(chǎn)生了關(guān)注我公眾號(hào)的想法,并做出了關(guān)注的行為,這個(gè)“行為”就是一次轉(zhuǎn)化。所以做內(nèi)容私域的本質(zhì)在于產(chǎn)出有價(jià)值、有思考、有幫助的干貨。當(dāng)別人發(fā)現(xiàn)你產(chǎn)出的東西,對(duì)自己有幫助時(shí),會(huì)主動(dòng)前來(lái),這是長(zhǎng)久的打法。




五、寫在最后



私域流量的拉新和運(yùn)營(yíng),就是與人打交道、與一群人打交道,和做產(chǎn)品一樣,滿足他們的核心需求,以及一些增值需求?,F(xiàn)在關(guān)于私域流量運(yùn)營(yíng)還沒有太多成熟的玩法,商家多半還在摸索和嘗試中。我們也不要只盯著微信平臺(tái),用戶在哪里流量就在哪里,私域流量池就在哪里,就像有些朋友從公眾號(hào)轉(zhuǎn)戰(zhàn)到“抖癮”一樣。


掏心窩子:當(dāng)然我個(gè)人并沒有太在乎私域流量給自己帶來(lái)的利益,因?yàn)槲沂冀K把在UI中國(guó)寫文章當(dāng)做一種學(xué)習(xí)成長(zhǎng)的方式而已,通過輸出一些復(fù)盤和有挑戰(zhàn)的知識(shí)點(diǎn),幫助自己突破思維邊界,同時(shí)還能結(jié)交各位同行,簡(jiǎn)直兩全其美。



??希望對(duì)你有所幫助~




是的,我們距離目標(biāo)又近了一步,標(biāo)紅的你都看了嗎?

Image title

文章來(lái)源:ui中國(guó)

藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專注而深入的界面設(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ù)

2020 年值得關(guān)注的 10 個(gè)UI 設(shè)計(jì)趨勢(shì)

資深UI設(shè)計(jì)者

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

創(chuàng)意動(dòng)畫

1. 品牌加載

公眾喜歡有趣,可塑的動(dòng)畫。Airbnb 和 Netfilx 將品牌 logo 動(dòng)畫應(yīng)用到了啟動(dòng)頁(yè)和加載頁(yè)面。結(jié)合品牌特點(diǎn)、風(fēng)格和符號(hào),融合到產(chǎn)品設(shè)計(jì)中,從而提升視覺的一致性,創(chuàng)造富有特有性格的產(chǎn)品界面。

△ Netflix & Airbnb

2. 圖標(biāo)動(dòng)畫

微交互是建立在移動(dòng)端上微妙視覺效果的小動(dòng)畫,而圖標(biāo)動(dòng)畫是微交互其中的一種。它的目的是吸引用戶,讓用戶感覺順暢、愉悅。

最近,讓我印象深刻的一個(gè)圖標(biāo)動(dòng)畫是 Facebook 的新消息提醒界面,這些由產(chǎn)品所包含的一個(gè)個(gè)小細(xì)節(jié),創(chuàng)造出了新穎而有趣的設(shè)計(jì)。

△ Facebook Website

留白分隔

在 UI 界面中,最常見的分隔方式是用細(xì)線對(duì)模塊進(jìn)行劃分,但隨著設(shè)計(jì)重心趨向簡(jiǎn)約,注重內(nèi)容本身,傳統(tǒng)的分隔線方式就略顯多余。

根據(jù)格式塔親密原則,通過留白控制間距大小,可以清晰地劃分模塊層級(jí),同時(shí)界面看起來(lái)也更加透氣、富有張力??梢钥吹?QQ、飛聊、Gmail、Messenger 等應(yīng)用都采用了留白分隔。

△ Gmail & Messenger

融入插圖

1. 品牌形象插畫

一個(gè)好的插畫作品可以為產(chǎn)品帶來(lái)極佳的辨識(shí)度。Snapchat 的頁(yè)面用了很多情感化設(shè)計(jì)和品牌形象,包括開啟通知引導(dǎo)動(dòng)畫、查找好友 landing page、下拉刷新頁(yè)、照片回憶等等。

從品牌的個(gè)性化設(shè)計(jì),尋找一種基于插畫的設(shè)計(jì)語(yǔ)言,把產(chǎn)品塑造成一個(gè)高辨識(shí)度的 ID。

△ Snapchat

2. 3D插畫

隨著軟件技術(shù)的提升,3D 插畫在這幾年中大受歡迎,很多應(yīng)用都使用 3D 渲染產(chǎn)品,如:星巴克、Keep、毒App 等等,因?yàn)樗鎸?shí)立體,有著更高的轉(zhuǎn)化率。

△ Starbucks by Wojciech

△ Keep & 毒

圓角卡片

圓角代表友好、親和力,而卡片模塊化的布局更為清晰、有效、整潔。

在上周的微信改版《微信 7.0.5 發(fā)布:9個(gè)細(xì)節(jié)提升體驗(yàn)》的文章中,我講到了訂閱號(hào)的推送文章去掉了標(biāo)題欄的背景,卡片變得更加簡(jiǎn)潔。另外,公眾號(hào)詳情頁(yè)由原先的列表式,改成了圓角卡片式,彈窗也由直角改成圓角。

△ Broadcasting & 微信

視頻背景

長(zhǎng)期以來(lái),圖像在視覺設(shè)計(jì)中起著至關(guān)重要的作用,而視頻能夠更直觀的吸引用戶,傳達(dá)主要的思想。

在移動(dòng)端中,視頻主要用于登錄頁(yè)背景,一般可以是幾秒鐘的循環(huán)剪輯視頻,它可以帶來(lái)一種身臨其境的體驗(yàn)感受。

△ Lyft & Nike

輕提示

Toast 是一種輕量級(jí)的提示,作為用戶操作后的反饋。UI 形態(tài)上從居中浮層,慢慢趨向于底部通欄樣式。這樣設(shè)計(jì)的好處是不會(huì)擋住當(dāng)前界面的內(nèi)容。

舉一個(gè)反例,iOS 的調(diào)整音量提示,大范圍的遮住了界面,特別是對(duì)正在玩游戲的用戶非常不友好,直到 iOS 13 這個(gè)設(shè)計(jì)才被修改。

△ Google Earth & Spotify

色彩平鋪

隨著扁平化設(shè)計(jì)和 Material Design 進(jìn)一步占據(jù)主流趨勢(shì),簡(jiǎn)約的界面,明亮,大膽的色彩一直都處于增長(zhǎng)趨勢(shì)。色彩平鋪已經(jīng)成為清新、酷炫、數(shù)字時(shí)代的代名詞。

△ Snapchat & Spotify

注重內(nèi)容

重內(nèi)容、輕 UI,把注意力引導(dǎo)在重要內(nèi)容和功能上。像 Facebook、Instagram 這種以圖片社交為主的 App 都有一個(gè)特點(diǎn),就是文字都是黑白灰,將彩色交給圖片去傳達(dá),讓用戶關(guān)注內(nèi)容即可。

△ Facebook for Android

AR

增強(qiáng)現(xiàn)實(shí)的技術(shù),已經(jīng)出現(xiàn)在很多 Web、App 等領(lǐng)域中。許多平臺(tái)開發(fā)者也將增強(qiáng)現(xiàn)實(shí)技術(shù)納入其開發(fā)工具里面,可預(yù)期到這種類型的 App 將會(huì)越來(lái)越多。

1. 地圖導(dǎo)視界面

地圖+AR,讓你不再盯著二維平面上那個(gè)藍(lán)色的點(diǎn),而是現(xiàn)實(shí)世界中的箭頭告訴你在哪個(gè)路口轉(zhuǎn)向。

△ Google Map

2. 表情貼紙

Instagram、Snapchat、Messenger 等平臺(tái)可用 AR 濾鏡來(lái)創(chuàng)作,表情貼紙可以幫助用戶更直白有效地自我表達(dá)、獲取注意力。

△ Spark AR

車載系統(tǒng)界面

隨著 5G、車聯(lián)網(wǎng)、人工智能、自動(dòng)駕駛的發(fā)展,車載界面也越來(lái)越受重視了。

在今年的 Google I/O 開發(fā)者大會(huì)上,針對(duì)車載系統(tǒng) Android Auto,推出了新的設(shè)計(jì)語(yǔ)言,它有著更好的可拓展性。在 UI 上,完全重新設(shè)計(jì)了導(dǎo)航欄,能夠更輕松地訪問應(yīng)用、通知,和你的 Google 智能助理,最大限度的幫助駕駛者減少分心,將注意力集中在道路上。

△ Android Auto UI

此外,還開發(fā)了新的系統(tǒng)小部件,在使用地圖進(jìn)行導(dǎo)航時(shí),仍然可以一鍵控制音樂應(yīng)用,或者正在進(jìn)行的電話,同時(shí)在屏幕上保持地圖的完整視圖。

總結(jié)

UI 設(shè)計(jì)的趨勢(shì)除了側(cè)重內(nèi)容和情感之外,還會(huì)根據(jù)不同設(shè)備載體、新的技術(shù)(3D、AR)而變化。但歸根結(jié)底還是以人為本,借用 Adobe 設(shè)計(jì)副總裁 Jamie Myrold 的一句話:如今設(shè)計(jì)師要思考的,絕不僅僅是設(shè)計(jì)一款 App、網(wǎng)站或設(shè)計(jì)工具。我們要思考的是人類的需求,用戶的需求,打造真正人性化,多元化與包容性的設(shè)計(jì)。

未來(lái)的情感化界面設(shè)計(jì)

資深UI設(shè)計(jì)者

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

情感化在我們的決策過程中起著至關(guān)重要的作用。一秒鐘的情感交互可以改變?nèi)藢?duì)產(chǎn)品的整體體驗(yàn)


人類是一種情緒驅(qū)動(dòng)的物種;我們選擇某些產(chǎn)品并不是因?yàn)樗鼈冇幸饬x,而是我們認(rèn)為它們會(huì)給我們帶來(lái)什么樣的感受。未來(lái)的界面將在產(chǎn)品設(shè)計(jì)的基礎(chǔ)上使用情感化的概念。人們使用的經(jīng)驗(yàn)將基于智商(IQ)和情商(EQ)。


本文試圖展望未來(lái),看看我們將在未來(lái)的十年內(nèi)設(shè)計(jì)什么樣的界面。我們將仔細(xì)研究三種交互媒介:


01、語(yǔ)音

02、增強(qiáng)現(xiàn)實(shí)(AR)

03、虛擬現(xiàn)實(shí)(VR)



未來(lái)情感化界面的實(shí)例

將來(lái)的界面會(huì)是什么樣子?盡管我們還沒有這個(gè)問題的答案,但是我們可以討論界面可能具有的特性。在我看來(lái),我相信我們最終會(huì)遠(yuǎn)離那些充滿菜單、面板、按鈕的界面,而轉(zhuǎn)向更“自然的界面”,即擴(kuò)展我們身體的界面。未來(lái)的界面不會(huì)鎖定在物理屏幕上,而是使用整個(gè)五官感覺的力量。

因此,他們需要的學(xué)習(xí)成本更少——理想情況下,根本沒有學(xué)習(xí)成本。


情商在商業(yè)中的重要性

除了讓體驗(yàn)更加自然和減少學(xué)習(xí)成本外,情感化設(shè)計(jì)還為產(chǎn)品創(chuàng)造者帶來(lái)了另一個(gè)好處:它提高了用戶對(duì)產(chǎn)品的使用率。合理的利用人類對(duì)情感的行動(dòng)能力來(lái)創(chuàng)造更好的用戶參與度。



體會(huì)真實(shí)的語(yǔ)音界面

現(xiàn)在,以語(yǔ)音為主要界面的產(chǎn)品越來(lái)越受歡迎。我們當(dāng)中的許多人在使用亞馬遜Echo和蘋果Siri進(jìn)行日?;顒?dòng),如設(shè)置鬧鐘或預(yù)約等。但目前市場(chǎng)上的大多數(shù)語(yǔ)音交互系統(tǒng)仍有一個(gè)與生俱來(lái)的限制:他們沒有考慮用戶的感受,因此,當(dāng)用戶現(xiàn)在與谷歌這樣的產(chǎn)品交互時(shí),他們會(huì)有很強(qiáng)的與機(jī)器交流的意識(shí),并非是真正的人類。系統(tǒng)可預(yù)測(cè)地響應(yīng),并編寫響應(yīng)腳本。與這樣一個(gè)系統(tǒng)進(jìn)行有意義的對(duì)話是不可能的。


但是如今市場(chǎng)上有一些完全不同的系統(tǒng)。其中一個(gè)是社交聊天機(jī)器人應(yīng)用程序Xiaoice。這個(gè)應(yīng)用程序的核心是一個(gè)情感計(jì)算框架;這個(gè)應(yīng)用程序是建立在這樣一個(gè)理念之上的,即首先要與用戶建立情感聯(lián)系。Xiaoice能夠動(dòng)態(tài)地識(shí)別情緒,并通過長(zhǎng)時(shí)間的對(duì)話和相關(guān)的回應(yīng)吸引用戶。因此,當(dāng)用戶與Xiaoice互動(dòng)時(shí),他們會(huì)覺得自己在和一個(gè)真正的人交談。


許多人在電影《她》(2013)中看到了基于語(yǔ)音的互動(dòng)影響力。Theodore ( Joaquin Phoenix 主要角色) 愛上了一個(gè) Samantha (一個(gè)復(fù)雜的操作系統(tǒng))。這也使我們相信,未來(lái)基于語(yǔ)音的交互系統(tǒng),主要目的之一將是為用戶提供虛擬伴侶。這部電影最有趣的是 Theodore 沒有 Samantha 的視覺形象——他只有她的聲音。要建立這種親密關(guān)系,就必須產(chǎn)生反映一致個(gè)性的回應(yīng)。這將使系統(tǒng)具有可預(yù)測(cè)性和可信賴性。


雖然技術(shù)離Samantha這樣的操作系統(tǒng)還很遙遠(yuǎn),但我相信語(yǔ)音優(yōu)先的多模式界面將是語(yǔ)音支持界面發(fā)展的下一篇章。這些界面將使用語(yǔ)音作為主要的交互方式,并在創(chuàng)建和構(gòu)建連接感的上下文中提供附加信息。


Image title

為Brain.ai設(shè)計(jì)的語(yǔ)音界面示例(圖片來(lái)源:Gleb Kuznetsov)



AR體驗(yàn)的演變

增強(qiáng)現(xiàn)實(shí)(AR)被定義為現(xiàn)實(shí)世界之上的數(shù)字覆蓋,并將我們周圍的物體轉(zhuǎn)化為交互式數(shù)字體驗(yàn)。我們的環(huán)境變得更加“智能化”,用戶的手指尖上會(huì)出現(xiàn)“有形”物體的錯(cuò)覺,這樣就在用戶和產(chǎn)品(或內(nèi)容)之間建立了更深層次的聯(lián)系。


使用AR重新定義現(xiàn)有概念

AR的獨(dú)特之處在于它為我們提供了與數(shù)字內(nèi)容進(jìn)行物理交互的非凡能力。它可以幫助我們看到以前無(wú)法看到的東西,這有助于我們了解更多關(guān)于周圍環(huán)境的信息。AR屬性有利于幫助設(shè)計(jì)人員使用熟悉的理念創(chuàng)造新的的層次體驗(yàn)。


例如,通過使用移動(dòng)AR,可以打造一個(gè)新的飛行體驗(yàn)感受,允許乘客查看有關(guān)其它班機(jī)或當(dāng)前航班飛行進(jìn)度的詳細(xì)信息:


Image title

AR在空中客車A380的飛行體驗(yàn)中。(圖片來(lái)源:Gleb Kuznetsov)


AR幫助我們?cè)诳臻g中找到自己的路,并讓我們一目了然地獲得所需的信息。例如,AR可用于為當(dāng)前位置創(chuàng)建豐富的上下文提示。被稱為SLAM(同步定位和映射)的技術(shù)非常適合這種場(chǎng)景。SLAM允許對(duì)環(huán)境進(jìn)行實(shí)時(shí)映射,還可以將多媒體內(nèi)容放入環(huán)境中。


為用戶提供價(jià)值的機(jī)會(huì)有很多。例如,用戶可以將他們的設(shè)備指向建筑,并在屏幕上了解更多關(guān)于這個(gè)建筑的信息。它能夠顯著的減少工作量,并通過允許導(dǎo)航和訪問實(shí)現(xiàn)輕松的情感體驗(yàn)。


Image title

在上下文中提供其他信息(圖片來(lái)源:Gleb Kuznetsov)


我們周圍的環(huán)境(如墻壁或地板)可以變成一個(gè)可交互的場(chǎng)景,這種方式在過去僅限于我們的智能手機(jī)和電腦。


你在下面看到的概念設(shè)計(jì)就是這樣的;它使用物理對(duì)象(白墻)作為通常使用數(shù)字設(shè)備傳送的內(nèi)容的畫布:

Image title

交互式墻的概念 - 在現(xiàn)實(shí)世界之上的數(shù)字覆蓋。(圖片來(lái)源:Gleb Kuznetsov)


避免信息過載

許多人都看過一個(gè)叫做“超現(xiàn)實(shí)”的視頻。在這段視頻中,物理世界和數(shù)字世界已經(jīng)融合,用戶被大量信息所淹沒。技術(shù)允許我們同時(shí)顯示幾個(gè)不同的對(duì)象。如果使用不當(dāng),很容易造成過載。信息過載是一個(gè)嚴(yán)重的問題,它會(huì)對(duì)用戶體驗(yàn)產(chǎn)生負(fù)面影響,避免信息過載將是AR設(shè)計(jì)的目標(biāo)之一。精心設(shè)計(jì)的應(yīng)用程序?qū)?huì)過濾掉那些與使用人工智能的用戶不相關(guān)的內(nèi)容。


高級(jí)個(gè)性化

當(dāng)系統(tǒng)實(shí)時(shí)地根據(jù)用戶的需求和期望來(lái)調(diào)整內(nèi)容或功能時(shí),就會(huì)發(fā)生數(shù)字體驗(yàn)的個(gè)性化。現(xiàn)在許多移動(dòng)應(yīng)用和網(wǎng)站使用個(gè)性化的概念來(lái)提供相關(guān)內(nèi)容。例如,當(dāng)你訪問Netflix時(shí),你看到的電影列表會(huì)根據(jù)你的興趣進(jìn)行個(gè)性化設(shè)置。


AR眼鏡允許創(chuàng)造一種新的個(gè)性化水平,即“高級(jí)”的個(gè)性化水平。由于系統(tǒng)“看到”了用戶看到的內(nèi)容,因此可以利用這些信息提出相關(guān)建議或在上下文中提供其他信息。試想一下,你很快就會(huì)戴上AR眼鏡,傳輸?shù)揭暰W(wǎng)膜的信息將根據(jù)你的需要進(jìn)行調(diào)整。


從增強(qiáng)現(xiàn)實(shí)走向虛擬現(xiàn)實(shí),創(chuàng)造沉浸式體驗(yàn)

AR體驗(yàn)具有自然的局限性。作為用戶,我們?cè)趦?nèi)容和內(nèi)容之間有明確的界限; 這條線將一個(gè)世界(AR)與另一個(gè)世界(現(xiàn)實(shí)世界)分開。這條線讓人感覺到AR世界顯然是不真實(shí)的。


你可能知道該如何解決這個(gè)限制,例如虛擬現(xiàn)實(shí)(VR),當(dāng)然。虛擬現(xiàn)實(shí)并不是一種全新的媒介,但直到最近幾年,技術(shù)才達(dá)到讓設(shè)計(jì)師創(chuàng)造沉浸式體驗(yàn)的程度。


沉浸式VR體驗(yàn)消除了現(xiàn)實(shí)世界與數(shù)字之間的障礙。當(dāng)你戴上VR耳機(jī)時(shí),你的大腦很難處理你收到的信息是否真實(shí)。

以下是設(shè)計(jì)人員在創(chuàng)建沉浸式虛擬環(huán)境時(shí)需要記住的內(nèi)容:

01、寫一個(gè)故事

有意義的VR需要有一個(gè)強(qiáng)有力的故事核心。這就是為什么在你開始設(shè)計(jì)VR環(huán)境之前,你需要為用戶旅程寫一個(gè)故事。一個(gè)被稱為“故事板”的強(qiáng)大工具可以幫助你做到這一點(diǎn)。使用故事板,可以創(chuàng)建故事并檢查所有可能的結(jié)果。當(dāng)你審視你的故事時(shí),你將看到何時(shí)以及如何使用視覺和音頻提示來(lái)創(chuàng)造一種沉浸式的體驗(yàn)。


02、與角色建立更深層次的連接

為了讓用戶相信虛擬現(xiàn)實(shí)中他們周圍的一切都是真實(shí)的,我們需要與用戶扮演的角色建立聯(lián)系。最明顯的解決方案之一是在虛擬場(chǎng)景中包含用戶手的表示。這個(gè)表示應(yīng)該是實(shí)際的手-而不僅僅是一個(gè)假造的復(fù)制品??紤]不同的因素(如性別或膚色)是至關(guān)重要的,因?yàn)檫@會(huì)使互動(dòng)更加現(xiàn)實(shí)。

Image title

用戶可以看到他或她的手,看他們看起來(lái)像一個(gè)角色。(來(lái)源:leapmotion)


也可以將現(xiàn)實(shí)生活中的一些對(duì)象帶到虛擬現(xiàn)實(shí)環(huán)境中,以創(chuàng)建這種連接。例如,一面鏡子。當(dāng)用戶查看鏡像并在反射中看到其角色時(shí),它可以在用戶和虛擬角色之間實(shí)現(xiàn)更真實(shí)的交互。

Image title

虛擬現(xiàn)實(shí)用戶會(huì)查看虛擬鏡像并將自己視為VR環(huán)境中的角色。

03、使用手勢(shì)而不是菜單

在設(shè)計(jì)沉浸式虛擬現(xiàn)實(shí)體驗(yàn)時(shí),我們不能依賴與傳統(tǒng)的菜單和按鈕形式。為什么呢?因?yàn)轱@示菜單相對(duì)容易打破沉浸感。用戶將會(huì)知道他們周圍的一切都不是真實(shí)的。設(shè)計(jì)師不需要使用傳統(tǒng)的菜單形式,而是需要依賴手勢(shì)。設(shè)計(jì)界仍在為使用手勢(shì)定義一種通用語(yǔ)言的過程中,參加這項(xiàng)活動(dòng)是有趣和令人興奮的。棘手的部分是讓用戶熟悉和可預(yù)測(cè)的手勢(shì)。

Image title

試圖將現(xiàn)有的交互概念重用于VR體驗(yàn)。不幸的是,這個(gè)概念會(huì)打破沉浸感。新媒體需要新的互動(dòng)模式。


04、與VR環(huán)境中的元素交互

要?jiǎng)?chuàng)建一個(gè)感覺真實(shí)的環(huán)境,我們需要讓用戶能夠與現(xiàn)實(shí)中的對(duì)象交互。理想情況下,環(huán)境中的所有對(duì)象都可以設(shè)計(jì)成允許用戶觸摸和查看它們的方式。這樣的物體會(huì)起到刺激作用,幫助你創(chuàng)造一種更沉浸的體驗(yàn)。觸摸對(duì)于探索環(huán)境極其重要;嬰兒在最初幾天獲得的最重要信息是通過觸摸獲得的。


05、在虛擬現(xiàn)實(shí)中分享情感

虛擬現(xiàn)實(shí)有機(jī)會(huì)成為一種新的社會(huì)體驗(yàn)。但要做到這一點(diǎn),我們需要解決一個(gè)重要的問題,即,把非言語(yǔ)的暗示帶入交互中。


當(dāng)我們與他人互動(dòng)時(shí),我們獲得的信息中的一個(gè)重要部分來(lái)自肢體語(yǔ)言。驚奇、厭惡、憤怒——所有這些情緒都存在于我們的面部表情中,在面對(duì)面的交流中,我們從眼睛區(qū)域推斷信息。當(dāng)人們?cè)谔摂M現(xiàn)實(shí)環(huán)境中交互時(shí),提供這些信息是很重要的,以此來(lái)創(chuàng)建更真實(shí)的交互。


好消息是,頭戴式設(shè)備(HMD)將很快覆蓋情感識(shí)別。在虛擬現(xiàn)實(shí)中,幾乎任何人與人之間的互動(dòng)都會(huì)從面部表情中受益。


06、為VR環(huán)境設(shè)計(jì)聲音和音樂適合

音頻是沉浸式體驗(yàn)的重要組成部分。如果不為環(huán)境設(shè)計(jì)聲音,就不可能創(chuàng)造真正的沉浸式體驗(yàn)。聲音既可以用作背景元素(即周圍風(fēng)的聲音)也可以用作方向。在后一種情況下,聲音可以作為提示-通過播放方向性(聲音來(lái)自何處)和距離(用戶可以將注意力集中在特定元素上)。


在為虛擬現(xiàn)實(shí)設(shè)計(jì)音頻時(shí),最重要的是使聲音成為3D。2D聲音對(duì)虛擬現(xiàn)實(shí)來(lái)說不太好,因?yàn)樗鼤?huì)使一切變得過于平坦。三維聲音是你可以聽到的聲音,在你周圍的每個(gè)方向-前面,后面,上面和后面-所有的地方。您不需要專門的耳機(jī)來(lái)體驗(yàn)3D聲音;可以使用HMD的標(biāo)準(zhǔn)立體聲揚(yáng)聲器來(lái)創(chuàng)建它。


頭部跟蹤是良好聲音設(shè)計(jì)的另一個(gè)關(guān)鍵方面。讓聲音以現(xiàn)實(shí)的方式表現(xiàn)是至關(guān)重要的。這就是為什么當(dāng)用戶移動(dòng)頭部時(shí),聲音應(yīng)該根據(jù)頭部移動(dòng)而變化。


結(jié)論

當(dāng)我們考慮到產(chǎn)品設(shè)計(jì)的現(xiàn)代狀態(tài)時(shí),很明顯我們只是處于冰山一角,因?yàn)槲覀兎浅>窒抻谄桨咫娔X。

我們見證了人機(jī)交互(HCI)的根本轉(zhuǎn)變——重新思考數(shù)字體驗(yàn)的整個(gè)概念。在未來(lái)的十年里,設(shè)計(jì)師們將打破玻璃(我們今天所熟知的移動(dòng)設(shè)備時(shí)代),轉(zhuǎn)而使用未來(lái)的接口——復(fù)雜的語(yǔ)音接口、先進(jìn)的ARS和真正的沉浸式VRS。當(dāng)我們要?jiǎng)?chuàng)造一種新的體驗(yàn)時(shí),我們必須明白,我們唯一的界限就是我們的大腦告訴我們,它必須一直是怎樣的。

藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專注而深入的界面設(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ù)

用大數(shù)據(jù)告訴你什么樣的圖!

資深UI設(shè)計(jì)者

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

創(chuàng)意是營(yíng)銷中離消費(fèi)者最近的環(huán)節(jié),同樣也是最性感、最直接的部分。但為什么我們都看過杜蕾斯海報(bào)卻依舊寫不出好文案?一個(gè)好創(chuàng)意如何誕生?

近日,阿里媽媽發(fā)布《美妝行業(yè)淘寶首焦創(chuàng)意洞察》(以下簡(jiǎn)稱《報(bào)告》),試圖通過數(shù)據(jù)洞察的方式幫助品牌商家更懂創(chuàng)意,探討什么樣的創(chuàng)意真正能被消費(fèi)者買單,怎樣的創(chuàng)意生產(chǎn)能提升運(yùn)營(yíng)效率,最終幫助品牌實(shí)現(xiàn)生意增長(zhǎng)。

以消費(fèi)者運(yùn)營(yíng)為中心,好創(chuàng)意從洞察開始

如果說創(chuàng)意表現(xiàn)是營(yíng)銷的末端,那么洞察則是營(yíng)銷的起點(diǎn),在營(yíng)銷媒體「?jìng)鞑ンw操」看來(lái),創(chuàng)意和洞察更是「術(shù)」與「道」的關(guān)系。因?yàn)橛辛讼M(fèi)者洞察,才會(huì)有推廣策略,從而產(chǎn)生許多創(chuàng)意。

創(chuàng)意能讓品牌與用戶實(shí)現(xiàn)更好的溝通,但數(shù)字化時(shí)代,媒體形態(tài)多元化、觸點(diǎn)碎片化,對(duì)創(chuàng)意提出了更高要求。

以 618 這類大型營(yíng)銷節(jié)點(diǎn)為例,阿里媽媽此前洞察到,618 消費(fèi)者是以女性為主的 1-2 線高學(xué)歷高消費(fèi)家庭用戶,90 后年輕人群為次主流消費(fèi)群體。消費(fèi)人群老齡化與年輕化并行,渠道下沉趨勢(shì)顯現(xiàn)。

因此在創(chuàng)意和營(yíng)銷上,品牌方應(yīng)重點(diǎn)關(guān)注 4 個(gè)人群:崛起的新生代,承載主力核心的小鎮(zhèn)青年、城市青年,以及正在興起的中老年人群。懂得消費(fèi)者需求及市場(chǎng)變化,始終圍繞以消費(fèi)者運(yùn)營(yíng)為核心,才能讓創(chuàng)意發(fā)揮更大的營(yíng)銷價(jià)值。

此前,阿里媽媽基于行業(yè)推出系列洞察報(bào)告,此次首次發(fā)布創(chuàng)意領(lǐng)域的營(yíng)銷洞察,則進(jìn)一步豐富洞察維度,持續(xù)輸出營(yíng)銷洞察能力。

算法解決「審美打架」難題,多元素組合產(chǎn)生好創(chuàng)意

這或許也讓品牌、商家和設(shè)計(jì)師們?cè)?jīng)的矛盾被解決。此前,在面對(duì)銷售的需求時(shí),視覺設(shè)計(jì)的結(jié)果需要為用戶下單購(gòu)買、產(chǎn)生交易服務(wù),往往會(huì)與審美「打架」?!秷?bào)告》試圖減小品牌方和設(shè)計(jì)師的認(rèn)知溝壑,通過解讀創(chuàng)意圖片背后的運(yùn)營(yíng)邏輯,為好的創(chuàng)意提供數(shù)據(jù)基礎(chǔ)。

《報(bào)告》聚焦美妝行業(yè)的展示類營(yíng)銷創(chuàng)意。通過對(duì)海量創(chuàng)意樣本的算法支持及數(shù)據(jù)分析,《報(bào)告》分析了淘寶首頁(yè)焦點(diǎn)圖(以下簡(jiǎn)稱「首焦」)這一表現(xiàn)創(chuàng)意的關(guān)鍵區(qū)域,挖掘創(chuàng)意特征對(duì)點(diǎn)擊效果的潛在提升效應(yīng)。

《報(bào)告》發(fā)現(xiàn),淘寶首焦曝光點(diǎn)擊后的流量聯(lián)動(dòng)效應(yīng)明顯,首焦上的點(diǎn)擊進(jìn)店能夠有效提升消費(fèi)者在其他渠道上的進(jìn)店概率,而在資源位與定向方式固定的前提下,創(chuàng)意設(shè)計(jì)往往是影響點(diǎn)擊率的第一要素。

從數(shù)據(jù)上進(jìn)一步看到,首焦點(diǎn)擊人群較非首焦點(diǎn)擊人群,在后續(xù)其他觸點(diǎn)上的進(jìn)店概率會(huì)高出一籌,尤其在美容護(hù)膚/美體精油和彩妝類目分別提升了 9.1 倍和 11.2 倍。這意味著,首焦投放有助優(yōu)化全店流量獲取能力。若需完成拉新任務(wù),可以考慮首焦投放與其他營(yíng)銷方式組合。

具體來(lái)看,《報(bào)告》逐一拆解了首焦圖片的創(chuàng)意構(gòu)成──調(diào)性、色調(diào)、標(biāo)示、文本內(nèi)容、商品數(shù)量、人像。在控制創(chuàng)意之外的潛在影響因素下,阿里媽媽透過洞察報(bào)告還原創(chuàng)意質(zhì)量的高低對(duì)營(yíng)銷效果的影響差異,從而得出最優(yōu)的組成方式。

好創(chuàng)意帶來(lái)生意增長(zhǎng),阿里媽媽提供數(shù)字化創(chuàng)意解決方案

不過,在大家積極探索新內(nèi)容形態(tài)的當(dāng)下,為什么靠圖片傳達(dá)信息依舊重要?在阿里媽媽營(yíng)銷研究中心高級(jí)行業(yè)研究專家蘇寅看來(lái):「從展現(xiàn)形態(tài)上來(lái)看,圖片創(chuàng)意依舊是品牌方與用戶溝通的重要抓手。作為基礎(chǔ)的信息媒介,圖片與視頻類內(nèi)容深度聯(lián)動(dòng),功能互補(bǔ),形成品牌與消費(fèi)者的立體化溝通?!?

「互聯(lián)網(wǎng)女皇」瑪麗·米克爾發(fā)布的《2019年互聯(lián)網(wǎng)趨勢(shì)報(bào)告》也佐證,雖然短視頻直播增長(zhǎng)迅速,但使用圖片成為越來(lái)越重要的溝通方式,基于圖片的通訊也得到計(jì)算機(jī)視覺及人工智能的推進(jìn)。而在廣告營(yíng)銷領(lǐng)域里,圖片創(chuàng)意的價(jià)值也正在被逐漸受到關(guān)注。

有數(shù)據(jù)支撐的創(chuàng)意洞察后,數(shù)字化營(yíng)銷時(shí)代也需要更數(shù)字化的創(chuàng)意解決方案。

隨著報(bào)告的發(fā)布,阿里媽媽將攜手旗下平臺(tái)創(chuàng)意中心,為品牌和商家提供數(shù)字化的創(chuàng)意解決方案。作為國(guó)內(nèi)領(lǐng)先的提升營(yíng)銷效率的全域創(chuàng)意解決方案平臺(tái),創(chuàng)意中心接下來(lái)也計(jì)劃把創(chuàng)意黑科技和創(chuàng)意資產(chǎn)的能力,與生態(tài)中的各類伙伴進(jìn)行合作,賦能整個(gè)營(yíng)銷創(chuàng)意行業(yè)。

除此,阿里媽媽也從產(chǎn)品功能、營(yíng)銷策略上提供賦能。

旗下展示營(yíng)銷產(chǎn)品智鉆在 618 前實(shí)現(xiàn)升級(jí),在展現(xiàn)形式上首次突破淘寶首焦靜態(tài)圖片形態(tài),以創(chuàng)意元素組件化的形式,創(chuàng)新支持微動(dòng)效、倒計(jì)時(shí)、店鋪回頭客等組件。品牌商家因此有了更多展示信息增益的可能,可提升創(chuàng)意對(duì)消費(fèi)者的心智傳達(dá)和溝通效率,同時(shí)也能提升轉(zhuǎn)化效果。

附完整版報(bào)告內(nèi)容:




藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專注而深入的界面設(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ù)。

為什么高手的配色那么搶眼? 原來(lái)是用了CMYK 配色法!

資深UI設(shè)計(jì)者

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

界面配色

2016 年玩追波的時(shí)候,有幸加入了 FreedomUnion 團(tuán)隊(duì),當(dāng)時(shí)團(tuán)隊(duì)內(nèi)的小D(Dea_n)的界面漸變風(fēng)很受歡迎,他使用的顏色干凈、舒服、有感染力,很快形成了自己特有的設(shè)計(jì)風(fēng)格。

我被他的配色深深吸引了,特別想研究他的配色,就嘗試把他的作品在 PS 中打開,嘗試吸色,找找他經(jīng)常使用的配色范圍。為什么他配出來(lái)的顏色就很吸引人,長(zhǎng)時(shí)間看眼睛也不會(huì)太累?下面先欣賞一下小D(Dea_n)的設(shè)計(jì)作品。

作品已經(jīng)過了三年了,如果是一般的配色作品應(yīng)該看上去會(huì)有些過時(shí),但是小D(Dea_n)的作品看上去并沒有,還是有不少作品的配色現(xiàn)在看上去也是很前衛(wèi)的。一起來(lái)看看我對(duì)小D(Dea_n)的大部分作品的吸色情況吧。

小D(Dea_n)的用色著實(shí)很大膽,很多都是貼邊用色。我上大學(xué)的時(shí)候,老師曾經(jīng)說過盡量少用貼邊的顏色設(shè)計(jì),包括灰色也可以使用帶有顏色傾向的高級(jí)灰。這下終于明白了為什么小D(Dea_n)的配色這么亮眼。

當(dāng)然我也有自己的小發(fā)現(xiàn),我發(fā)現(xiàn)每個(gè)的作品主配色的 CMYK 值總會(huì)有兩種色值為 0%,比如C:0%、M:91%、Y:95%、K:0%。

難道只是偶然?當(dāng)時(shí)我也請(qǐng)教過小D(Dea_n)是否是刻意的,得到的答案是并沒有。然后小D(Dea_n)靠自己卓越的配色能力進(jìn)入小米 RIGO 設(shè)計(jì)團(tuán)隊(duì)。

當(dāng)小米 miui9 系統(tǒng)官網(wǎng)海報(bào)出來(lái)的時(shí)候,我把作品拿到 PS 一吸色,結(jié)果告訴我小D 一定參與了這個(gè)作品的配色設(shè)計(jì)。那為什么只有黃色的 CMYK 的色值是有 3 種顏色混合而成的。

難道僅靠著一點(diǎn)吸色就可以肯定 CMYK 配色方法的存在?CMYK 配色方法是不是只存在 UI 界面設(shè)計(jì)中?CMYK 配色方法可不可以增加它的擴(kuò)展性?CMYK 配色方法可以作為一種配色方法幫助設(shè)計(jì)師完成色彩搭配的工作嗎?帶著這些疑問我繼續(xù)研究配色。

圖標(biāo)配色

我們來(lái)看一下「子彈短信」的應(yīng)用圖標(biāo),它的用色基本符合之前說的 CMYK 配色方法,當(dāng)然是不包含子彈上的深色調(diào)。漸漸地我發(fā)現(xiàn) CMYK 配色方法的路子越來(lái)越寬了。

Asher 是追波繪畫寫實(shí)圖標(biāo)的大神,他的寫實(shí)作品配色飽和度高,光影通透到位,需要很強(qiáng)的手繪功底。在他的設(shè)計(jì)作品中除去暗色調(diào)和深色調(diào)的部分,其他配色基本都使用了 CMYK 配色的技巧。

大廠系統(tǒng)規(guī)范

我們都知道 iOS 系統(tǒng)和 Android 系統(tǒng),在他們各自的系統(tǒng)規(guī)范中對(duì)配色也有相應(yīng)的規(guī)范。我們提取兩大系統(tǒng)規(guī)范中的配色進(jìn)行吸色分析。

一頓猛吸之后,發(fā)現(xiàn)大廠系統(tǒng)規(guī)范的用色也基本符合 CMYK 配色方法的標(biāo)準(zhǔn)。

前段時(shí)間 IBM 重新定義了他們的設(shè)計(jì)語(yǔ)言,在產(chǎn)品配色中 Blye 60、Alert60、Alert40、Alert20、Alert50 等主要配色都符合 CMYK 配色的方法。

配色中的主色或品牌色

近期很多互聯(lián)網(wǎng)公司進(jìn)行了品牌改版,深亮色調(diào)到淺亮色調(diào)慢慢成為一種趨勢(shì)。

新版的 Facebook LOGO 從深藍(lán)色變?yōu)榱了{(lán)色,字體則繼續(xù)保持原樣。其中 CMY 值進(jìn)行適當(dāng)減少。除此之外,圖標(biāo)部分也由原來(lái)的圓角正方形變?yōu)閳A形,圖標(biāo)中的「f」從偏右的位置移到圓形的中間位置。

全球旅行者喜愛的民宿預(yù)訂平臺(tái) Airbnb 的品牌 logo 主色也符合 CMYK 配色的方法。和 2019 潘通流行色珊瑚橘很接近。

微信 7.0 版本使用了經(jīng)過調(diào)整的全新圖標(biāo)。圖標(biāo)除了原來(lái)綠色漸變的背板變淺外,兩個(gè)標(biāo)志性的對(duì)話氣泡與背景板的比例也做了相應(yīng)的調(diào)整。色彩的 CY 值減少了。調(diào)整后的新版圖標(biāo)除了空間感和符號(hào)感也更強(qiáng)外,整體變得「更輕」了。

在網(wǎng)易云音樂 6.0 版本中,對(duì)品牌 LOGO 再次進(jìn)行了調(diào)整。新版網(wǎng)易云音樂圖標(biāo)最明顯的變化為紅色的主色調(diào),其次為「留聲機(jī)」和「音符」組合而成的圖形部分。

紅色較之前變得更加明亮,同時(shí)圖標(biāo)紅色背景由之前的純色改為輕微的紅色漸變填充。新的紅色著重考慮了用戶長(zhǎng)時(shí)間使用屏幕造成的視覺疲勞,采用比較「輕」的色彩可有效降低這種問題。其中顏色 CMY 三種色值都有減少。圖形部分,新版圖形縮小了中間交叉部分的面積,頂部向右彎曲的弧形變大。整體效果較之前更加清晰,特別是在更小的應(yīng)用尺寸中,其展示的效果明顯要比之前的好。

不同顏色CMYK的色域范圍

看到上面的描述是不是特別想知道當(dāng) CMYK 中的兩個(gè)色值同時(shí)為 0 時(shí),不同顏色的色域范圍?帶著這樣的想法,把紅橙黃綠青藍(lán)紫中每類選一種顏色進(jìn)行區(qū)域研究。打開 PS,在拾色器中截取不同顏色的色域范圍如下:

上圖白色區(qū)域就是在紅色 C 值為 0、K值為 0 時(shí)的色域范圍,范圍還是很小的。

黃色的 CMYK 色域很奇怪,在色相 38-58 度的黃色純度最高時(shí),CMY 都有色值。也就是 PS 里面最純的黃色也是由 CMY 復(fù)色調(diào)和而成的。這也是為什么之前黃色使用時(shí),CMYK 色值是由三種顏色混合而成的。

上圖白色區(qū)域就是在綠色 M 值為 0、K 值為 0 時(shí)的色域范圍,范圍開始慢慢變大,意味著綠色高飽和度的可使用顏色越來(lái)越多。

上圖白色區(qū)域就是在綠色 M 值為 0、K 值為 0 時(shí)的色域范圍,范圍也開始慢慢變大,大體范圍和綠色相當(dāng)。

上圖白色區(qū)域就是在藍(lán)色 Y 值為 0、K 值為 0 時(shí)的色域范圍,范圍應(yīng)該很大了。

上圖白色區(qū)域就是在紫色 Y 值為 0、K 值為 0 時(shí)的色域范圍,范圍和藍(lán)色的色域范圍相當(dāng)。

上圖白色區(qū)域就是在洋紅色 Y 值為 0、K 值為 0 時(shí)的色域范圍,范圍和藍(lán)色、紫色的色域范圍相當(dāng)。

1. CIE

從理論上講,可見光分布的色彩域就是 CIE 所表示的色域。在顏色感知的研究中,CIE 1931 XYZ 色彩空間(也叫做CIE 1931色彩空間)是其中一個(gè)采用數(shù)學(xué)方式來(lái)定義的色彩空間。從 CIE 圖中能看出冷色的區(qū)域遠(yuǎn)遠(yuǎn)大于暖色的區(qū)域。其中黃色和紅色的色域范圍相對(duì)較少,完全符合 PS 拾色器里面的色域范圍。

2. RGB

RGB 是計(jì)算機(jī)熒光屏顯示顏色的色彩方式,它們是由 R、G、B 三種發(fā)光質(zhì)通過加光混合產(chǎn)生的。RGB 色彩模式是一種加色模式,將紅光、綠光和藍(lán)光以不同的比例相加可以合成各種各樣的色光。R、G、B 三種顏色各能產(chǎn)生 2 的 8 次冪,即 256 級(jí)不同等級(jí)亮度的顏色。256*256*256 即 16777216種顏色。RGB 色彩模式主要用在電腦顯示器和電視上。RGB 色彩模式是繪圖軟件最常用的一種顏色模式。

3. CMYK

CMYK 由C(青)、M(品紅)、Y(黃)、K(黑)四色高飽和度的油墨以不同角度的網(wǎng)屏疊印形成復(fù)雜的彩色圖片。CMYK 色彩模式是一種顏料模式,它利用色料三原色混色原理,加上黑色油墨,形成各種各樣的色彩。

這種模式屬于相減混色模式,廣泛運(yùn)用于繪畫和印刷領(lǐng)域。CMYK 的色域范圍比 RGB 的色域范圍要小,某些色彩無(wú)法用 CMYK 油墨印刷出來(lái)。當(dāng)這些不能印刷出來(lái)的顏色出現(xiàn)時(shí),在 PS 的「拾色器」對(duì)話框上會(huì)顯示一個(gè)帶感嘆號(hào)的三角形警告標(biāo)志,表示這些顏色超出 CMYK 的色域。即使設(shè)計(jì)了比較鮮艷的顏色,如果超出了 CMYK 印刷顏色的色域,計(jì)算機(jī)就會(huì)用一個(gè)接近它的較灰暗的顏色去頂替它??梢姶蟛糠?CMYK 印刷顏色的色域小于 RGB 屏幕顏色的色域。

我們來(lái)仔細(xì)研究下 CIE 色域范圍,CMYK 當(dāng)中的黃色色域值有一小段超過了 RGM 的色域值。這就說明黃色的更飽和的 CMYK 的原色和間色可能在 RGB 的范圍之外。

其他的我們還有一個(gè)方法去驗(yàn)證。就是在 PS 里面新建顏色模式為 CMYK 的文件,打開拾色器界面,把顏色調(diào)到右上角改變色相值的 0-360度 的范圍。色相在 38-58 度的黃色區(qū)域?qū)υ捒蛏喜粫?huì)顯示帶感嘆號(hào)的三角形警告標(biāo)志,表示黃色區(qū)域的 CMYK 色域值是超過 RGB 的色域值。這就是為什么 iOS 系統(tǒng)規(guī)范中的黃色色值必須是三種顏色混合而成的。這時(shí)候特殊的顏色就需要特殊處理。

CMYK配色法使用技巧

CMYK 配色法就是兩種顏色的色值為 0%,但是黃色因?yàn)樯騿栴}是由三色組成的(c值盡量小于10)。

色域集中在純色系的范圍,濁(灰)色系和暗色系除外。

界面的主色(純色系為主)、圖標(biāo)設(shè)計(jì)、品牌色(純色系為主)都可以使用 CMYK 配色法。

總結(jié)

CMYK 配色法目前多適用于互聯(lián)網(wǎng)產(chǎn)品,雖說在創(chuàng)意上要敢于創(chuàng)新,但在實(shí)際的工作中還是需要理性地根據(jù)公司品牌和產(chǎn)品定位,合理地進(jìn)行色彩搭配。目前此方法沒有更多的理論依據(jù)支撐,如有疑問希望多多交流。

藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專注而深入的界面設(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ù)。

都 2019 年了還不懂「設(shè)計(jì)語(yǔ)言」?看完這篇你就學(xué)會(huì)了!

資深UI設(shè)計(jì)者

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

數(shù)字化經(jīng)濟(jì)日益發(fā)達(dá)的現(xiàn)階段,數(shù)字化產(chǎn)品作為線上觸點(diǎn),也就逐漸成為服務(wù)中的標(biāo)配,它更像一個(gè)服務(wù)員通過屏幕與用戶發(fā)生對(duì)話。在這場(chǎng)對(duì)話中,好的設(shè)計(jì)應(yīng)該像一門語(yǔ)言,能夠承載起傳達(dá)與溝通的工具屬性。

為什么我們需要設(shè)計(jì)語(yǔ)言系統(tǒng)(DLS)

我們也可以見到,越來(lái)越多的設(shè)計(jì)團(tuán)隊(duì)都會(huì)構(gòu)建一套屬于自己產(chǎn)品的設(shè)計(jì)語(yǔ)言系統(tǒng)。對(duì)于團(tuán)隊(duì)內(nèi)部,它的意義在于通過系統(tǒng)化的設(shè)計(jì)規(guī)則,來(lái)控制產(chǎn)品長(zhǎng)期迭代的熵值,以及提升團(tuán)隊(duì)的協(xié)同效率,同時(shí),設(shè)計(jì)師有機(jī)會(huì)從重復(fù)的勞動(dòng)中解放出來(lái),投入更多精力到探討問題本質(zhì)實(shí)現(xiàn)價(jià)值創(chuàng)新。就好像在石器時(shí)代,祖先們記錄事件或表達(dá)情感的混亂程度,遠(yuǎn)遠(yuǎn)高于現(xiàn)代人,關(guān)鍵在于是否擁有一套成熟的語(yǔ)言系統(tǒng)。

對(duì)于外部用戶,設(shè)計(jì)語(yǔ)言系統(tǒng)可以讓產(chǎn)品在不同終端、不同場(chǎng)景中的表現(xiàn)保持一致性,也有機(jī)會(huì)通過植入品牌基因的方式形成視覺錘,提升產(chǎn)品的識(shí)別度以及消費(fèi)者對(duì)品牌的認(rèn)知。就好像,我們可以通過「豬鼻」車頭識(shí)別出那是寶馬,通過「青蛙眼」車燈知道那是保時(shí)捷,是因?yàn)檫@些汽車品牌通過長(zhǎng)期保持某個(gè)「一致性」的表現(xiàn),形成一套高識(shí)別度的設(shè)計(jì)語(yǔ)言來(lái)表達(dá)「這就是我」。

界面設(shè)計(jì)的語(yǔ)言屬性

在這里我們將借助語(yǔ)言學(xué)的角度,來(lái)探討數(shù)字化產(chǎn)品界面設(shè)計(jì)語(yǔ)言系統(tǒng)的構(gòu)建。在語(yǔ)言的應(yīng)用中,我們通常會(huì)涉及語(yǔ)法、語(yǔ)素、語(yǔ)句、語(yǔ)境、語(yǔ)氣等維度,通過不同的組合達(dá)成應(yīng)景的表達(dá)與適時(shí)的溝通。

1. 語(yǔ)法

設(shè)計(jì)原則,可以理解為設(shè)計(jì)語(yǔ)言中的語(yǔ)法,是構(gòu)建設(shè)計(jì)語(yǔ)言系統(tǒng)的起點(diǎn),用于傳達(dá)品牌主張或設(shè)計(jì)理念,它將指引業(yè)務(wù)設(shè)計(jì)執(zhí)行的方向。

制定設(shè)計(jì)原則時(shí),首先研究用戶特性,聚焦產(chǎn)品核心價(jià)值,然后通過腦暴等形式選擇有特點(diǎn)的維度,結(jié)合用戶體驗(yàn)與品牌屬性將其視覺化,最后用簡(jiǎn)要的語(yǔ)言歸納出來(lái)。

例如 Airbnb 的設(shè)計(jì)原則簡(jiǎn)單歸納為幾點(diǎn):

  • 統(tǒng)一性:每一塊設(shè)計(jì),都是更大整體中的一部分,因此必須站在更大范圍的角度上,給予系統(tǒng)積極正面的貢獻(xiàn)。設(shè)計(jì)功能不應(yīng)該是孤立的,也不能是離群的。
  • 普遍性:Airbnb 在全世界使用,用戶更是一個(gè)全球性的社區(qū)。我們的產(chǎn)品和可視化語(yǔ)言應(yīng)該受到用戶歡迎,同時(shí)也要易于訪問。
  • 標(biāo)志性:我們專注于設(shè)計(jì)和功能,因此在這兩方面,我們要既大膽又清晰。
  • 對(duì)話性:呼吸對(duì)生命如此重要,我們要把同樣的設(shè)計(jì)理念融入到產(chǎn)品里面,通過更容易理解的方式與我們的用戶進(jìn)行交流、溝通。

2. 語(yǔ)素

視覺基礎(chǔ)是構(gòu)成設(shè)計(jì)語(yǔ)言的最小單位,就像語(yǔ)素是語(yǔ)言中最小的音義結(jié)合體。在原子設(shè)計(jì)理論中,它屬于最小粒度的元素,通常包括:顏色、字體、圖標(biāo)、網(wǎng)格等。

3. 語(yǔ)句

組件就像由若干個(gè)語(yǔ)素組成的語(yǔ)句,比如一個(gè)基礎(chǔ)按鈕,通常就是由顏色、字體、邊距等元素組成。而我們平時(shí)所說的組件庫(kù),其實(shí)就是一部詞典,其中包含了設(shè)計(jì)系統(tǒng)中所需的基礎(chǔ)組件與用法,在界面設(shè)計(jì)中也具有較高的通用性。

4. 語(yǔ)義

符號(hào)是語(yǔ)言的載體,但符號(hào)本身沒有意義,只有被賦予含義的符號(hào)才能夠被使用,這時(shí)候語(yǔ)言就轉(zhuǎn)化為信息,而語(yǔ)言的含義就是語(yǔ)義。在視覺傳達(dá)設(shè)計(jì)中也一樣,使用的圖標(biāo)或圖形,需具備正確的語(yǔ)義屬性。如果商場(chǎng)導(dǎo)視設(shè)計(jì)中非要使用「裙子」圖標(biāo)來(lái)代表「男廁」入口,如此混淆語(yǔ)義挑戰(zhàn)公眾認(rèn)知,那就等著被投訴吧。

5. 語(yǔ)境

這里說的語(yǔ)境包含 3 個(gè)維度:一是流程意義上的上下文,二是產(chǎn)品屬性中的語(yǔ)境,三是用戶當(dāng)下所處的環(huán)境。

當(dāng)設(shè)計(jì)需要對(duì)上下文進(jìn)行特別處理時(shí),有可能對(duì)話的層級(jí)次序是受限于屏幕稀缺性,通??刹捎?Z-Depth 疊加(Material Design屬性)、步驟條、元素關(guān)聯(lián)轉(zhuǎn)場(chǎng)動(dòng)效等方式。舉個(gè)常見的例子,當(dāng)用戶發(fā)起一個(gè)刪除數(shù)據(jù)的請(qǐng)求時(shí),界面會(huì)彈出一個(gè)二次確認(rèn)的模態(tài)會(huì)話,用戶點(diǎn)擊確認(rèn)之后才會(huì)執(zhí)行刪除操作。

過去很長(zhǎng)一段時(shí)間,數(shù)字產(chǎn)品設(shè)計(jì)圈內(nèi)熱衷于討論的兩種風(fēng)格類型:隱喻(擬物化)與抽象(扁平化),時(shí)至今日可以說扁平化的風(fēng)格在應(yīng)用數(shù)量上壓倒擬物化風(fēng)格。然而,我依舊認(rèn)為設(shè)計(jì)的風(fēng)格策略取決于產(chǎn)品屬性中的語(yǔ)境,這也是如今 iOS 人機(jī)界面設(shè)計(jì)規(guī)范所提倡的,它不再像早前的規(guī)則片面拒絕隱喻設(shè)計(jì),而是鼓勵(lì)設(shè)計(jì)師將用戶在現(xiàn)實(shí)中最為熟悉的視覺樣式,即操作方法映射與界面設(shè)計(jì)之中,蘋果官方的 Garageband 就是一個(gè)很有說服力的例子。

針對(duì)用戶當(dāng)下所處的環(huán)境來(lái)適配界面語(yǔ)境,常見通過界面換膚的手法來(lái)實(shí)現(xiàn),比如微信讀書等閱讀應(yīng)用為用戶提供白天模式或黑夜模式的選擇。用戶所處的外部環(huán)境因素可以很大程度上決定界面語(yǔ)言的應(yīng)用,就好像在菜市場(chǎng)買東西要靠吼,在圖書館借書僅需要用肢體語(yǔ)言便能達(dá)成。

△ 如上,微信讀書針對(duì)外部環(huán)境因素的自定義「語(yǔ)境」

6. 語(yǔ)氣

交互界面通常需要使用說明或提示文案來(lái)指導(dǎo)用戶完成操作,大多數(shù)情況下都是使用第二人稱,就像在與用戶對(duì)話,從以用戶為中心的角度上講,建議保持謙遜、友善的語(yǔ)氣,盡可能避免使用晦澀的專業(yè)術(shù)語(yǔ),謹(jǐn)慎使用帶有強(qiáng)烈情感屬性的感嘆號(hào),或過于口語(yǔ)化的語(yǔ)言。另外,語(yǔ)氣的拿捏也將直接影響到與用戶的距離感,以及當(dāng)下的應(yīng)景度。

  • 正確示例:使用檢索可以快速搜索任務(wù)。
  • 不良示例:你一定會(huì)愛上方便快捷的檢索功能!

7. 語(yǔ)速

語(yǔ)速在這里指的是界面的信息密度,在不同的場(chǎng)合對(duì)語(yǔ)速的控制能夠提升接受者的體驗(yàn),視覺設(shè)計(jì)也同樣需要注意把握間距與留白,網(wǎng)格系統(tǒng)在這里可以起到「節(jié)拍器」的作用,借助節(jié)拍器可以讓設(shè)計(jì)更具節(jié)奏感。而交互意義上的語(yǔ)速,更多體現(xiàn)在操作路徑的長(zhǎng)度,以及動(dòng)效的速率。

△  如上,富途證券在產(chǎn)品介紹與盤中交易2個(gè)不同場(chǎng)景下的「語(yǔ)速」

8. 響度

其實(shí)就好像我們說話可以通過音量大小來(lái)控制信息的可感知程度,希望接受者聽清楚的就說大聲一點(diǎn)。湯姆奧斯本(Tom Osborne)的視覺響度指南(visual loudness guide)是一個(gè)如何系統(tǒng)地處理按鈕和鏈接的例子,它們不是單獨(dú)列出,而是作為一個(gè)套件呈現(xiàn),并且根據(jù)每個(gè)元素的視覺沖擊力會(huì)相應(yīng)的擁有一個(gè)「響度」值。我們?cè)跇?gòu)建設(shè)計(jì)語(yǔ)言系統(tǒng)時(shí),也同樣需要設(shè)置梯級(jí)「響度」的按鈕、字重等組件來(lái)滿足不同場(chǎng)景的表達(dá)需求。

△ Tom Osborne的視覺響度指南

設(shè)計(jì)語(yǔ)言系統(tǒng)的生態(tài)性

1. 基因遺傳

同一個(gè)語(yǔ)系下的語(yǔ)言,無(wú)論是經(jīng)過了朝代更迭,還是地域的遷徙,一定會(huì)保留一些固有的特性,這就是語(yǔ)言系統(tǒng)本身具有基因遺傳的生態(tài)特性。

一套成熟的設(shè)計(jì)語(yǔ)言系統(tǒng),也同樣對(duì)產(chǎn)品設(shè)計(jì)表現(xiàn)著基因級(jí)別的底層影響力:在「代際」遺傳上,體現(xiàn)在經(jīng)久不衰的堅(jiān)持。比如 Burberry 的格子紋理,無(wú)論是在哪一年的產(chǎn)品款式上,都不會(huì)丟失這個(gè)屬性。在「同輩」影響上,通常體現(xiàn)在不同終端場(chǎng)景下產(chǎn)品表現(xiàn)的一致性,或是兄弟產(chǎn)品的相似程度。

2. 動(dòng)態(tài)進(jìn)化

設(shè)計(jì)語(yǔ)言系統(tǒng)不是一份靜態(tài)的組件庫(kù)與規(guī)范文檔,而是一個(gè)動(dòng)態(tài)的且能自我進(jìn)化的系統(tǒng)。它的動(dòng)態(tài)進(jìn)化屬性基于 3 個(gè)契機(jī):

  • 設(shè)計(jì)師基于可復(fù)用組件的設(shè)計(jì)系統(tǒng)構(gòu)建產(chǎn)品功能設(shè)計(jì)時(shí),可省下更多的時(shí)間,轉(zhuǎn)移到設(shè)計(jì)系統(tǒng)上的優(yōu)化;
  • 隨著產(chǎn)品發(fā)展,設(shè)計(jì)師將會(huì)遇到更多特殊需求,從而也會(huì)創(chuàng)建新的設(shè)計(jì)模式來(lái)解決問題,而這些新的設(shè)計(jì)模式也將同時(shí)反哺設(shè)計(jì)系統(tǒng),不斷提升系統(tǒng)的完善程度;
  • 設(shè)計(jì)系統(tǒng)中可復(fù)用組件等的規(guī)?;瘧?yīng)用,便于設(shè)計(jì)單元缺陷的暴露,這也將為系統(tǒng)單元優(yōu)化提供優(yōu)勝劣汰的方向。

3. 開放兼容

語(yǔ)言同時(shí)具備工具屬性與文化屬性,開放兼容對(duì)一門語(yǔ)言的意義在于被更多人接受、應(yīng)用。

當(dāng)前谷歌、蘋果、微軟、阿里巴巴等大型企業(yè)推出了開源的設(shè)計(jì)語(yǔ)言,這些成熟的設(shè)計(jì)體系其實(shí)承載著大量的項(xiàng)目實(shí)踐與經(jīng)驗(yàn)總結(jié),對(duì)其他企業(yè)也有較大的借鑒價(jià)值。同時(shí),對(duì)于平臺(tái)級(jí)企業(yè),開放統(tǒng)一的數(shù)字語(yǔ)言,讓不同地域、不同類型的項(xiàng)目得以在共同的規(guī)則下發(fā)展、共生,這對(duì)于平臺(tái)生態(tài)無(wú)疑是利好的。

設(shè)計(jì)語(yǔ)言作為工具來(lái)說,需具備普適性,在文化層面上也需具備兼容度──在滿足企業(yè)自身品牌與業(yè)務(wù)需求之上,應(yīng)該盡可能規(guī)避因宗教、民俗等因素帶來(lái)的沖突。

舉個(gè)例子,在法國(guó)和比利時(shí),人們都厭惡墨綠色,因?yàn)槎?zhàn)期間兩國(guó)飽受德國(guó)納粹侵略之苦,而納粹的軍服是墨綠色的。那么,面向這兩個(gè)國(guó)家用戶的設(shè)計(jì)上,便應(yīng)該避免使用墨綠的元素。這時(shí),設(shè)計(jì)語(yǔ)言系統(tǒng)中組件元素的豐富程度,很大程度決定了設(shè)計(jì)表現(xiàn)的選擇空間與可能性。

就好像,在美國(guó)街頭詢問公共廁所時(shí),老美可能聽不懂 WC,那就用他們聽得懂的 Restroom 吧。這里想表達(dá)的是,你的語(yǔ)言系統(tǒng)中「詞匯」越豐富,越能兼容不同文化背景下的表達(dá)。

藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專注而深入的界面設(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è)人資料

存檔