首頁(yè)

第三方支付行業(yè)發(fā)展已到下半場(chǎng),產(chǎn)業(yè)服務(wù)商成為升級(jí)方向

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

微信支付、支付寶支付這些常見(jiàn)的支付方式都屬于第三方支付,而在互聯(lián)網(wǎng)發(fā)展的下半場(chǎng),第三方支付會(huì)走向何方呢?本文以第三方支付未來(lái)發(fā)展變遷方向洞察為重點(diǎn),分析內(nèi)容主要包括了第三方支付行業(yè)發(fā)展變遷盤(pán)點(diǎn)和第三方支付行業(yè)變遷方向預(yù)判。

01 第三方支付借勢(shì)起飛,4.0時(shí)代為社會(huì)發(fā)展提供核心動(dòng)力

1.0時(shí)代:第三方支付開(kāi)始起步,商業(yè)模式單一限制行業(yè)發(fā)展天花板

1999年,隨著首信易支付的成立,我國(guó)的第三方支付業(yè)務(wù)開(kāi)始正式起步。這一階段,我國(guó)第三方支付行業(yè)的監(jiān)管相對(duì)混亂,行業(yè)的進(jìn)入門(mén)檻也比較低;第三方支付公司在當(dāng)時(shí)所起的作用僅僅相當(dāng)于支付通道,商業(yè)模式單一,業(yè)務(wù)增值空間有限。加上該階段電子商務(wù)在我國(guó)尚處于市場(chǎng)起步期,消費(fèi)者對(duì)于第三方支付的整體接受程度依舊不高。因此,當(dāng)時(shí)我國(guó)第三方支付行業(yè)整體的交易規(guī)模和增速均不突出,不同第三方支付公司之前的產(chǎn)品同質(zhì)化問(wèn)題較為嚴(yán)重,企業(yè)之間的競(jìng)爭(zhēng)較為激烈。一些規(guī)模較小、商業(yè)模式不清晰的第三方支付公司的業(yè)務(wù)體量隨之開(kāi)始出現(xiàn)萎縮。

供需兩端雙向發(fā)力,第三方支付交易額快速增長(zhǎng)。

供給端,線(xiàn)上交易領(lǐng)域,支付寶在2005年首次提出了“擔(dān)保交易”的概念。這一概念的提出不僅提高了消費(fèi)者對(duì)第三方支付平臺(tái)的信任,也進(jìn)一步拓展了第三方支付公司的業(yè)務(wù)想象空間。線(xiàn)下交易領(lǐng)域,拉卡拉從2007年開(kāi)始大力進(jìn)行線(xiàn)下便民支付點(diǎn)的建設(shè)和信用卡還款業(yè)務(wù)的推廣,充分滿(mǎn)足居民日常的支付需求;需求端,電商、在線(xiàn)航旅等行業(yè)的發(fā)展成熟也推動(dòng)了消費(fèi)者對(duì)于第三方支付的相關(guān)需求。在供需兩端的雙重作用下,2008-2010年,我國(guó)第三方支付行業(yè)的交易額連續(xù)3年增長(zhǎng)率超過(guò)100%。

2.0時(shí)代:牌照正式發(fā)放,第三方支付行業(yè)進(jìn)入合規(guī)發(fā)展階段

隨著行業(yè)的發(fā)展和成交額的快速攀升,依然處于監(jiān)管空白期的第三方支付行業(yè)開(kāi)始出現(xiàn)挪用資金、非法套現(xiàn)等一系列的行業(yè)問(wèn)題,監(jiān)管層也開(kāi)始逐漸加強(qiáng)對(duì)于第三方支付行業(yè)的監(jiān)管。2010年,央行出臺(tái)《非金融機(jī)構(gòu)支付服務(wù)管理辦法》,確立了第三方支付相關(guān)的配套管理辦法和細(xì)則;2011年,央行正式開(kāi)始發(fā)放第三方支付牌照,拉卡拉等公司成為首批持牌展業(yè)的第三方支付公司,我國(guó)的第三方支付行業(yè)開(kāi)始正式進(jìn)入合規(guī)化發(fā)展階段。

支付機(jī)構(gòu)積極響應(yīng)監(jiān)管要求,相關(guān)企業(yè)開(kāi)始移動(dòng)支付試點(diǎn)。

為第一時(shí)間獲得對(duì)應(yīng)的支付資質(zhì),眾多支付機(jī)構(gòu)積極對(duì)監(jiān)管的要求予以回應(yīng),努力滿(mǎn)足監(jiān)管的相關(guān)規(guī)定。

隨著網(wǎng)絡(luò)的逐漸進(jìn)步和智能手機(jī)的問(wèn)世,通信運(yùn)營(yíng)商、銀聯(lián)等機(jī)構(gòu)紛紛開(kāi)始進(jìn)行移動(dòng)支付的試點(diǎn),國(guó)內(nèi)的移動(dòng)支付開(kāi)始逐漸起步。2011年11月,支付寶正式推出了手機(jī)APP二維碼支付業(yè)務(wù),二維碼支付正式在國(guó)內(nèi)亮相。

3.0時(shí)代:硬件、場(chǎng)景快速成熟,二維碼借自身優(yōu)勢(shì)成功上位

伴隨著移動(dòng)互聯(lián)網(wǎng)的發(fā)展和智能手機(jī)等硬件的逐漸成熟,打車(chē)、外賣(mài)、理財(cái)、紅包轉(zhuǎn)賬等手機(jī)端的交易場(chǎng)景開(kāi)始接連出現(xiàn),居民對(duì)于移動(dòng)支付服務(wù)的相關(guān)需求開(kāi)始迅速攀升。各家支付機(jī)構(gòu)也開(kāi)始加快移動(dòng)支付相關(guān)技術(shù)的研發(fā)和市場(chǎng)推廣。在這一過(guò)程中,二維碼憑借著自身編碼范圍廣、傳播制作成本低、容錯(cuò)率高、識(shí)讀方便等一系列優(yōu)勢(shì)成功上位,逐漸成為市場(chǎng)上最為主流的移動(dòng)支付方式。

交易規(guī)模迅速攀升,支付機(jī)構(gòu)全面擁抱移動(dòng)互聯(lián)網(wǎng)。

隨著場(chǎng)景、硬件的日趨成熟和居民對(duì)移動(dòng)支付認(rèn)可度的快速提高,我國(guó)移動(dòng)支付市場(chǎng)的交易規(guī)模也迎來(lái)了爆發(fā)式增長(zhǎng)。根據(jù)易觀(guān)分析數(shù)據(jù)顯示,2015至2017年,我國(guó)移動(dòng)支付市場(chǎng)交易規(guī)模的增速連續(xù)三年超過(guò)100%, 2017年的交易規(guī)模增速更是達(dá)到了208.7% ;交易規(guī)模的飛速增長(zhǎng)也加速了相關(guān)企業(yè)的業(yè)務(wù)布局。拉卡拉、中國(guó)銀聯(lián)等支付機(jī)構(gòu)先后推出了自己的智能移動(dòng)支付產(chǎn)品,積極擁抱移動(dòng)互聯(lián)網(wǎng)。

4.0時(shí)代:技術(shù)、政策、相關(guān)企業(yè)協(xié)同推動(dòng)產(chǎn)業(yè)互聯(lián)網(wǎng)發(fā)展

隨著時(shí)代的發(fā)展和社會(huì)的進(jìn)步,我國(guó)的互聯(lián)網(wǎng)也正逐漸由消費(fèi)互聯(lián)網(wǎng)向產(chǎn)業(yè)互聯(lián)網(wǎng)邁進(jìn):技術(shù)領(lǐng)域,人工智能、云計(jì)算、區(qū)塊鏈等技術(shù)逐漸發(fā)展成熟并被落地應(yīng)用;政策領(lǐng)域,監(jiān)管層積極出臺(tái)關(guān)于產(chǎn)業(yè)互聯(lián)網(wǎng)、工業(yè)互聯(lián)網(wǎng)等方面的相關(guān)支持性政策,大力扶持相關(guān)產(chǎn)業(yè)的發(fā)展;企業(yè)層面,拉卡拉、三一重工、海爾等不同類(lèi)型的企業(yè)均開(kāi)始進(jìn)行產(chǎn)業(yè)互聯(lián)網(wǎng)、工業(yè)互聯(lián)網(wǎng)等領(lǐng)域的業(yè)務(wù)布局,準(zhǔn)備以全新的姿態(tài)迎接新時(shí)代的到來(lái)。

1)支付在產(chǎn)業(yè)互聯(lián)網(wǎng)時(shí)代將逐漸成為商業(yè)社會(huì)運(yùn)行基礎(chǔ)設(shè)施

隨著產(chǎn)業(yè)互聯(lián)網(wǎng)的來(lái)臨,數(shù)據(jù)對(duì)于各個(gè)企業(yè)的生產(chǎn)、經(jīng)營(yíng)和創(chuàng)新都開(kāi)始發(fā)揮越來(lái)越重要的作用。在這樣的大背景下,支付數(shù)據(jù)覆蓋用戶(hù)廣泛、真實(shí)有效、數(shù)量龐大的優(yōu)勢(shì)開(kāi)始逐漸體現(xiàn)。支付數(shù)據(jù)和支付機(jī)構(gòu)開(kāi)始在商業(yè)社會(huì)的運(yùn)行過(guò)程中發(fā)揮越來(lái)越大的價(jià)值。支付也逐漸演變成商業(yè)社會(huì)運(yùn)行的基礎(chǔ)設(shè)施。

02 支付機(jī)構(gòu)拓展增值服務(wù)業(yè)務(wù),轉(zhuǎn)型綜合型產(chǎn)業(yè)服務(wù)商

1. 第三方支付機(jī)構(gòu)開(kāi)啟轉(zhuǎn)型變革之路,積極尋求自身二次增長(zhǎng)

高速發(fā)展過(guò)后,我國(guó)的第三方支付行業(yè)迎來(lái)了發(fā)展變革的十字路口:一方面,受到監(jiān)管政策趨嚴(yán)、成交額基數(shù)增大等原因的影響,第三方支付機(jī)構(gòu)傳統(tǒng)支付收單業(yè)務(wù)的增速開(kāi)始放緩,業(yè)務(wù)的天花板逐漸開(kāi)始見(jiàn)頂;另一方面,隨著我國(guó)數(shù)字經(jīng)濟(jì)的發(fā)展和產(chǎn)業(yè)互聯(lián)網(wǎng)時(shí)代的到來(lái),越來(lái)越多的企業(yè)開(kāi)始產(chǎn)生一系列金融服務(wù)、營(yíng)銷(xiāo)、風(fēng)控等方面的增值服務(wù)需求,企業(yè)服務(wù)市場(chǎng)的發(fā)展?jié)摿﹂_(kāi)始逐漸凸顯。在這樣的背景下,越來(lái)越多的支付機(jī)構(gòu)開(kāi)始深挖自身已有數(shù)據(jù)資源的價(jià)值,積極利用人工智能、云計(jì)算、大數(shù)據(jù)等一系列前沿科技進(jìn)行企業(yè)服務(wù)業(yè)務(wù)的拓展,開(kāi)始進(jìn)行由單一支付服務(wù)商向綜合型產(chǎn)業(yè)服務(wù)商轉(zhuǎn)型的嘗試,積極尋求自身的二次增長(zhǎng)。

2. B端企業(yè)服務(wù)與C端用戶(hù)深度運(yùn)營(yíng)成為支付公司兩種升級(jí)路徑

根據(jù)易觀(guān)分析的觀(guān)察,目前階段,我國(guó)第三方支付機(jī)構(gòu)轉(zhuǎn)型綜合型產(chǎn)業(yè)服務(wù)商的路徑主要有兩條:一條是以側(cè)重于B端企業(yè)或機(jī)構(gòu)的深度服務(wù),努力為合作的B端企業(yè)或機(jī)構(gòu)創(chuàng)造更大的價(jià)值;另一種則更加偏向C端消費(fèi)者的深度運(yùn)營(yíng),通過(guò)持續(xù)拓展服務(wù)場(chǎng)景和業(yè)務(wù)邊界來(lái)鞏固C端消費(fèi)者與自身產(chǎn)品之間的關(guān)系,并為C端用戶(hù)提供更加豐富的產(chǎn)品服務(wù)。

3. 市場(chǎng)競(jìng)爭(zhēng)、產(chǎn)品研發(fā)等問(wèn)題將成為支付機(jī)構(gòu)轉(zhuǎn)型阻礙

盡管我國(guó)的很多第三方支付機(jī)構(gòu)已經(jīng)開(kāi)始進(jìn)行轉(zhuǎn)型綜合型產(chǎn)業(yè)服務(wù)商的努力與嘗試,但是其在轉(zhuǎn)型的過(guò)程當(dāng)中也不可避免的會(huì)面臨來(lái)自產(chǎn)品研發(fā)、營(yíng)銷(xiāo)推廣、外部競(jìng)爭(zhēng)、市場(chǎng)成熟度不高、數(shù)據(jù)安全等各種各樣潛在的風(fēng)險(xiǎn)與挑戰(zhàn)。

  • 更加激烈的市場(chǎng)競(jìng)爭(zhēng):大量的軟件公司和互聯(lián)網(wǎng)企業(yè)同樣也看到了產(chǎn)業(yè)互聯(lián)網(wǎng)和企業(yè)服務(wù)市場(chǎng)未來(lái)巨大的發(fā)展?jié)摿?,紛紛開(kāi)始進(jìn)行對(duì)應(yīng)業(yè)務(wù)的戰(zhàn)略布局,這可能會(huì)使得未來(lái)企業(yè)服務(wù)市場(chǎng)的競(jìng)爭(zhēng)變得更加激烈。
  • 我國(guó)企業(yè)服務(wù)市場(chǎng)商業(yè)模式尚不成熟:目前階段,我國(guó)很多公司對(duì)企業(yè)服務(wù)產(chǎn)品的付費(fèi)意愿依舊不高,這使得我國(guó)很多企業(yè)服務(wù)公司目前仍然沒(méi)有形成相對(duì)成熟的商業(yè)模式,很多企業(yè)依舊在持續(xù)的虧損。支付機(jī)構(gòu)在進(jìn)行企業(yè)服務(wù)業(yè)務(wù)拓展時(shí)可能會(huì)面臨同樣的風(fēng)險(xiǎn)。
  • 更高的產(chǎn)品研發(fā)和市場(chǎng)推廣風(fēng)險(xiǎn):B端企業(yè)服務(wù)產(chǎn)品的研發(fā)往往要投入大量相關(guān)資源。產(chǎn)品開(kāi)發(fā)周期長(zhǎng),開(kāi)發(fā)難度大;市場(chǎng)營(yíng)銷(xiāo)方面,由于企業(yè)服務(wù)產(chǎn)品的單價(jià)往往偏高,而市面上目標(biāo)企業(yè)客戶(hù)的數(shù)量遠(yuǎn)遠(yuǎn)少于C端用戶(hù),這也就使得B端企業(yè)客戶(hù)的觸達(dá)和成單難度更大。
  • 更高的數(shù)據(jù)安全要求:隨著各個(gè)企業(yè)對(duì)數(shù)據(jù)的重視程度不斷提高,數(shù)據(jù)安全的問(wèn)題也變得越來(lái)越重要。私有化部署往往會(huì)需要企業(yè)付出較高的時(shí)間和人力成本,因此如何以合理的成本在保障客戶(hù)企業(yè)的數(shù)據(jù)安全也成為支付機(jī)構(gòu)需要解決的重要問(wèn)題之一。

03 新競(jìng)爭(zhēng)者入局將再次引發(fā)移動(dòng)支付市場(chǎng)爭(zhēng)奪

1. 牌照價(jià)值凸顯,未持牌公司加速搶購(gòu)支付業(yè)務(wù)“入場(chǎng)券”

2011年至今,央行共計(jì)發(fā)放了9批271張支付牌照,但是在2015年3月之后,央行就基本停止了第三方支付牌照的發(fā)放。這也就使得后續(xù)的公司只能通過(guò)收并購(gòu)的方式來(lái)獲得相關(guān)的支付資質(zhì)。第三方支付牌照快速成為市面上的稀缺資源。

根據(jù)易觀(guān)分析不完全統(tǒng)計(jì),2012年至今,我國(guó)境內(nèi)共發(fā)生了近100起支付牌照交易案例,國(guó)美、美團(tuán)、唯品會(huì)、小米、滴滴、字節(jié)跳動(dòng)等眾多企業(yè)均通過(guò)收并購(gòu)的方式獲得了支付業(yè)務(wù)的“入場(chǎng)券”。

2. 合規(guī)、節(jié)約開(kāi)支和底層數(shù)據(jù)成為企業(yè)獲取支付牌照主要原因

易觀(guān)分析認(rèn)為,未持牌企業(yè)積極收購(gòu)支付牌照主要是出于以下三個(gè)方面的考慮:1、確保自己支付收單業(yè)務(wù)的合規(guī)性,規(guī)避潛在的合規(guī)風(fēng)險(xiǎn);2、節(jié)省下對(duì)應(yīng)的支付通道服務(wù)費(fèi)用,獲得對(duì)應(yīng)的備付金利息;3、獲得底層的支付數(shù)據(jù),方便企業(yè)構(gòu)建更加詳細(xì)的消費(fèi)者和商家畫(huà)像,進(jìn)行后續(xù)的精細(xì)化運(yùn)營(yíng)和業(yè)務(wù)拓展。

3. 新競(jìng)爭(zhēng)者入場(chǎng)將為第三方支付行業(yè)帶來(lái)“鯰魚(yú)效應(yīng)”

易觀(guān)分析預(yù)測(cè),拼多多、字節(jié)跳動(dòng)等企業(yè)的先后入場(chǎng)將會(huì)再次引發(fā)移動(dòng)支付機(jī)構(gòu)對(duì)于C端市場(chǎng)的爭(zhēng)奪;另一方面,更有實(shí)力的市場(chǎng)參與者的加入也將對(duì)市面上的獨(dú)立第三方支付公司產(chǎn)生影響:依舊希望繼續(xù)獨(dú)立運(yùn)營(yíng)的第三方支付公司在未來(lái)將進(jìn)一步加快自己對(duì)于場(chǎng)景和產(chǎn)品服務(wù)的建設(shè),努力構(gòu)建起自身的核心競(jìng)爭(zhēng)力;而難以構(gòu)建起核心競(jìng)爭(zhēng)壁壘的第三方支付公司則可能寄希望于其他公司的收并購(gòu)需求。

04 泛支付公司掀起登陸資本市場(chǎng)熱潮,將成為重要構(gòu)成板塊

1. 進(jìn)入發(fā)展成熟期,持牌第三方支付公司逐漸成為資本市場(chǎng)寵兒

隨著我國(guó)第三方支付行業(yè)的發(fā)展,我國(guó)的持牌第三方支付公司也進(jìn)入相對(duì)成熟的發(fā)展階段,拉卡拉行業(yè)頭部企業(yè)開(kāi)始逐漸得到資本市場(chǎng)的關(guān)注加碼。在這樣的背景下,我國(guó)的持牌第三方支付公司在近幾年開(kāi)始頻繁的登陸資本市場(chǎng)。

2. 產(chǎn)業(yè)鏈上下游公司協(xié)同受益,資本市場(chǎng)全新板塊開(kāi)始崛起

隨著持牌支付機(jī)構(gòu)陸續(xù)獲得資本市場(chǎng)認(rèn)可,同樣位于支付產(chǎn)業(yè)鏈上的非持牌支付產(chǎn)業(yè)服務(wù)商和終端廠(chǎng)商也開(kāi)始逐漸獲得資本市場(chǎng)關(guān)注,二者與持牌支付機(jī)構(gòu)共同推動(dòng)泛支付行業(yè)逐漸成為資本市場(chǎng)上一個(gè)重要的獨(dú)立板塊。

3. 企業(yè)融資熱度不減,泛支付上市公司未來(lái)陣容將繼續(xù)擴(kuò)大

除了拉卡拉等已經(jīng)成功上市的泛支付公司外,收錢(qián)吧、PingPong等公司在近幾年均獲得高額融資;以銀聯(lián)商務(wù)為代表的幾家持牌支付機(jī)構(gòu)也在積極的謀求上市??梢灶A(yù)見(jiàn)的是,泛支付上市公司的陣容在未來(lái)將變得越來(lái)越大。

4. 相關(guān)公司獲得全新發(fā)展機(jī)遇,行業(yè)整體影響力持續(xù)提升

對(duì)于泛支付板塊中的相關(guān)公司來(lái)說(shuō),獲得資本市場(chǎng)的青睞將會(huì)為公司帶來(lái)更加充足的市場(chǎng)關(guān)注度、資金等相關(guān)資源,也可以推動(dòng)公司的規(guī)范化發(fā)展。隨著頭部公司逐漸得到資本認(rèn)可,越來(lái)越多的泛支付公司在將來(lái)也會(huì)開(kāi)始嘗試登陸資本市場(chǎng),整個(gè)泛支付板塊未來(lái)在資本市場(chǎng)的影響力和重要性也將不斷的得到提高。

泛支付板塊公司獲得資本市場(chǎng)關(guān)注的積極意義

  • 推動(dòng)企業(yè)發(fā)展更加規(guī)范:企業(yè)接觸資本市場(chǎng)可以幫助其進(jìn)一步明晰產(chǎn)權(quán)關(guān)系,規(guī)范納稅行為,完善公司治理,建立更規(guī)范的現(xiàn)代企業(yè)制度和更完善的激勵(lì)機(jī)制。
  • 幫助公司獲得更多資金和資源:獲得資本市場(chǎng)的關(guān)注可以幫助支付公司更好的利用資本市場(chǎng)進(jìn)行融資,獲得公司發(fā)展必須的資金和相關(guān)資源。
  • 有效提升企業(yè)的品牌價(jià)值和市場(chǎng)影響力:成功上市本身就是公司榮譽(yù)的象征。此外,上市也可以幫助公司獲更多投資機(jī)構(gòu),研究機(jī)構(gòu)和媒體的關(guān)注,幫助自己獲得更多的品牌溢價(jià)。
  • 有機(jī)會(huì)實(shí)現(xiàn)公司股權(quán)的進(jìn)一步增值:對(duì)上市公司來(lái)說(shuō),自身的表現(xiàn)可以直接反映到股價(jià)上,表現(xiàn)良好的公司也更容易獲得更高的市場(chǎng)估值,從而幫助自己更好的進(jìn)行資本運(yùn)作。提升行業(yè)整體的影響力,推動(dòng)行業(yè)整體發(fā)展:越來(lái)越多的泛支付企業(yè)登陸資本市場(chǎng)可以幫助整個(gè)板塊提升自己在資本市場(chǎng)的影響力;整個(gè)行業(yè)也可以憑借資本的助力實(shí)現(xiàn)進(jìn)一步的發(fā)展。

05 海外市場(chǎng)將成為支付機(jī)構(gòu)增長(zhǎng)新引擎

海外市場(chǎng)前景依然廣闊,支付機(jī)構(gòu)積極構(gòu)建全球業(yè)務(wù)版圖。

除了繼續(xù)關(guān)注國(guó)內(nèi)市場(chǎng)的發(fā)展外,不少支付公司也已經(jīng)將自己的目光轉(zhuǎn)移到了海外市場(chǎng)。相關(guān)需求方面,隨著留學(xué)、旅游、購(gòu)物等海外消費(fèi)的快速發(fā)展,我國(guó)居民和商戶(hù)對(duì)跨境收付款的需求增長(zhǎng)明顯;市場(chǎng)想象空間方面,以東南亞市場(chǎng)為代表的移動(dòng)互聯(lián)網(wǎng)和移動(dòng)支付依然處于快速發(fā)展階段,整個(gè)市場(chǎng)依然有著不小的增量空間;從產(chǎn)業(yè)成熟度的角度來(lái)看,我國(guó)移動(dòng)支付的相關(guān)技術(shù)和商業(yè)模式已經(jīng)非常成熟,具備進(jìn)行海外輸出的能力和條件。

06 支付公司拓展跨境支付業(yè)務(wù)的原因

國(guó)內(nèi)消費(fèi)者和商戶(hù)跨境收付款需求增長(zhǎng)明顯:

  • 根據(jù)國(guó)家統(tǒng)計(jì)局和易觀(guān)分析數(shù)據(jù)顯示,2019年,我國(guó)跨境進(jìn)口電商交易規(guī)模、居民因私出境人數(shù)及出國(guó)留學(xué)人數(shù)相較去年分別增長(zhǎng)15.8%、4.6%和7.2%;
  • 根據(jù)易觀(guān)分析相關(guān)數(shù)據(jù)顯示,2020年我國(guó)B2C類(lèi)跨境出口電商通過(guò)第三方支付機(jī)構(gòu)的收款規(guī)模預(yù)計(jì)將達(dá)到7300億元人民幣,相較2019年將增長(zhǎng)24%。

東南亞等海外移動(dòng)支付市場(chǎng)依然有著不小的增量空間:

  • 根據(jù)互聯(lián)網(wǎng)公開(kāi)數(shù)據(jù)顯示,到2025年,東南亞的數(shù)字支付交易規(guī)模將突破1萬(wàn)億美元大關(guān),2019-2025年的復(fù)核增長(zhǎng)率將達(dá)到10%;
  • 根據(jù)互聯(lián)網(wǎng)公開(kāi)數(shù)據(jù)顯示,越南移動(dòng)支付用戶(hù)數(shù)量的增長(zhǎng)率從2018年的37%增加到2019年的61%;泰國(guó)從19%增加到67%,馬來(lái)西亞從17%增長(zhǎng)到40%;菲律賓從14%增長(zhǎng)到45%。

我國(guó)移動(dòng)支付市場(chǎng)發(fā)展成熟,具備進(jìn)行海外輸出的能力:

  • 根據(jù)CNNIC數(shù)據(jù)顯示,2020年上半年,我國(guó)移動(dòng)支付金額繼續(xù)穩(wěn)居全球第一,而這也是我國(guó)移動(dòng)支付交易規(guī)模連續(xù)三年居全球首位;
  • 以拉卡拉為代表的眾多國(guó)內(nèi)支付公司在近些年積極進(jìn)行跨境支付業(yè)務(wù)的發(fā)展,幫助中國(guó)的跨境電商企業(yè)快速實(shí)現(xiàn)資金結(jié)算。

1. 自營(yíng)與合作成為支付機(jī)構(gòu)“出?!敝饕J?

目前階段,我國(guó)支付機(jī)構(gòu)拓展海外市場(chǎng)有兩種比較主要的業(yè)務(wù)模式:一種是國(guó)內(nèi)支付機(jī)構(gòu)自己直接進(jìn)行海外相關(guān)業(yè)務(wù)的展業(yè);另一種更為普遍的則是“出海造船”模式,即通過(guò)投資或合作的方式尋找本地的合作伙伴進(jìn)行技術(shù)、商業(yè)模式的輸出或業(yè)務(wù)的合作推進(jìn)。

在主要面向的客戶(hù)群體方面,在國(guó)內(nèi)C端移動(dòng)支付市場(chǎng)有明顯流量?jī)?yōu)勢(shì)的支付企業(yè)在海外可能同樣傾向于C端錢(qián)包賬戶(hù)體系的打造和消費(fèi)者支付場(chǎng)景的拓展;而以拉卡拉為代表的其他支付機(jī)構(gòu)則把業(yè)務(wù)發(fā)展的重心放在了B端商戶(hù)上。

2. 支付機(jī)構(gòu)“出?!眱?yōu)化用戶(hù)支付體驗(yàn),推動(dòng)我國(guó)跨境貿(mào)易發(fā)展

易觀(guān)分析認(rèn)為,對(duì)于進(jìn)行海外購(gòu)物的消費(fèi)者來(lái)說(shuō),支付機(jī)構(gòu)紛紛“出?!笨梢赃M(jìn)一步優(yōu)化其跨境支付的體驗(yàn),更好的保障自身的資金安全;對(duì)我國(guó)的跨境貿(mào)易來(lái)說(shuō),跨境收付款產(chǎn)品服務(wù)的升級(jí)可以幫助相關(guān)企業(yè)減少收付款過(guò)程中遇到的問(wèn)題,推動(dòng)我國(guó)整個(gè)跨境貿(mào)易的發(fā)展和增長(zhǎng);對(duì)于拓展跨境支付業(yè)務(wù)的第三方支付機(jī)構(gòu)來(lái)說(shuō),跨境支付及相關(guān)增值服務(wù)可以幫助支付機(jī)構(gòu)尋找到新的業(yè)務(wù)增長(zhǎng)點(diǎn),實(shí)現(xiàn)公司的二次發(fā)展。

3. 支付公司拓展跨境支付業(yè)務(wù)所產(chǎn)生的積極意義

對(duì)消費(fèi)者:可以讓更多的消費(fèi)者在海外通過(guò)國(guó)內(nèi)的支付APP進(jìn)行付款,進(jìn)一步提高消費(fèi)者跨境收付款的效率,優(yōu)化消費(fèi)者跨境支付的體驗(yàn),更好的保障消費(fèi)者的資金安全。

對(duì)我國(guó)的跨境貿(mào)易:跨境收付款及相關(guān)增值產(chǎn)品服務(wù)的升級(jí)可以幫助相關(guān)企業(yè)減少展業(yè)過(guò)程中遇到的問(wèn)題,提高自身生產(chǎn)經(jīng)營(yíng)的效率,推動(dòng)跨境貿(mào)易企業(yè)以及我國(guó)整個(gè)跨境貿(mào)易行業(yè)的發(fā)展。

對(duì)第三方支付機(jī)構(gòu)自身:跨境支付及相關(guān)增值服務(wù)更高的利潤(rùn)水平和更大的想象空間將使其成為支付機(jī)構(gòu)下一階段重要的業(yè)務(wù)增長(zhǎng)引擎,幫助支付機(jī)構(gòu)優(yōu)化自身收入結(jié)構(gòu),實(shí)現(xiàn)營(yíng)收和利潤(rùn)的良性增長(zhǎng)。

4. 支付機(jī)構(gòu)“走出去”依舊需面臨監(jiān)管、業(yè)務(wù)本地化等多挑戰(zhàn)

盡管“出?!痹诮鼉赡瓿蔀橹Ц缎袠I(yè)的熱門(mén)話(huà)題,但是支付機(jī)構(gòu)在境內(nèi)境外跨境支付業(yè)務(wù)拓展的過(guò)程中依舊可能面臨來(lái)自多方面的挑戰(zhàn)。境外業(yè)務(wù)拓展方面,海外市場(chǎng)的監(jiān)管政策、宏觀(guān)環(huán)境、用戶(hù)偏好、業(yè)務(wù)合作模式和國(guó)內(nèi)可能都存在著巨大的差異,這些外部因素的變化很可能使得國(guó)內(nèi)支付機(jī)構(gòu)之前積累的很多經(jīng)驗(yàn)并不能發(fā)揮足夠的效用;相關(guān)人才的不足也對(duì)支付機(jī)構(gòu)的業(yè)務(wù)拓展造成了一定的影響。境內(nèi)業(yè)務(wù)拓展方面,相比較于傳統(tǒng)的境內(nèi)支付業(yè)務(wù),支付機(jī)構(gòu)對(duì)于跨境商戶(hù)的相關(guān)資質(zhì)審核、交易真實(shí)性的驗(yàn)證和可疑交易篩查的難度也都會(huì)更大。

文章來(lái)源:人人都是產(chǎn)品經(jīng)理   作者:易觀(guān)分析

藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)


【交互設(shè)計(jì)】B端產(chǎn)品中后臺(tái)列表頁(yè)設(shè)計(jì)方法總結(jié)

前端達(dá)人

接觸b端產(chǎn)品設(shè)計(jì)差不多半年多了,每天面對(duì)的都是各種控制臺(tái),本次自己試著總結(jié)了下工作中遇到的各種列表設(shè)計(jì)的小tips。


轉(zhuǎn)自:站酷

藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

從需求分析到上手設(shè)計(jì),如何快準(zhǔn)狠?收好這3大秘籍

周周

設(shè)計(jì)師這些年,我一直有個(gè)類(lèi)似“閃電俠”的標(biāo)簽——就是在保證一定質(zhì)量的情況下,出活賊快。這個(gè)特質(zhì)最大的好處就是每天可以給自己騰出多一點(diǎn)時(shí)間做別的,比如我寫(xiě)文章學(xué)習(xí)(打wangzherongyao),這點(diǎn)哪怕是血汗工廠(chǎng)或沒(méi)事兒也要996的福報(bào)廠(chǎng)也適用。同時(shí)它也是不當(dāng)狗腿子也能獲得不錯(cuò)績(jī)效(認(rèn)可)的一種特質(zhì)。

今天這篇脫離理論派純實(shí)用性的和大嘎聊聊:如何提升需求分析及上手能力,降低返工率。

分析需求方的動(dòng)機(jī)

和設(shè)計(jì)師打交道的4個(gè)最重要的角色方:產(chǎn)品經(jīng)理/開(kāi)發(fā)/你的直屬老板/你的組內(nèi)設(shè)計(jì)成員,每個(gè)人都有自己的脾氣/處事方式以及雞血程度,每個(gè)人也都帶著不同的目的性在做事情。磨刀不誤砍柴工,先了解合作方,再了解他們提需求的目的,會(huì)讓你更快get到正確的需求點(diǎn)。

舉個(gè)例子,估計(jì)大家都遇到過(guò)熱衷改需求的產(chǎn)品經(jīng)理,昨天圖出了一半,今天他又要改了!

很多鐵汁這個(gè)時(shí)候會(huì)抑制不住掀桌的沖動(dòng)去直接討伐產(chǎn)品經(jīng)理,但實(shí)際上建議大家先了解更改需求的原因是什么再做打算。比如:是不是他們老板臨時(shí)又下達(dá)了新的旨意?如果是的話(huà)是不是建議他們?cè)诤屠习宕_認(rèn)完需求后再提交設(shè)計(jì),又或者可以直接拿統(tǒng)計(jì)工時(shí)和prd返工率導(dǎo)致的整體排期拖延直接與他溝通問(wèn)題嚴(yán)重性。

最后就算實(shí)在不行,建議大家對(duì)自己的上級(jí)進(jìn)行清晰的問(wèn)題反饋,一個(gè)好的上級(jí)是可以很妥善幫大家解決這些躍級(jí)不好解決的問(wèn)題。不建議在群里硬杠或者直接向他們的老板反饋,因?yàn)檫@樣容易制造長(zhǎng)期對(duì)峙的狀態(tài)對(duì)于我們做任何事情都是百無(wú)一利的,所有的交流都盡量以和平相處為主。

再舉個(gè)例子,老板讓鐵汁你做個(gè)設(shè)計(jì)自驅(qū)的產(chǎn)品優(yōu)化設(shè)計(jì)方案ppt。

上手之前,先分析下你老板要這個(gè)ppt干啥子。

大部分情況下類(lèi)似的這種產(chǎn)出目的性只有一個(gè):這是給老板的老板看的,讓他覺(jué)得設(shè)計(jì)團(tuán)隊(duì)有在好好積極的干事情,且還干出了點(diǎn)東西。那么其實(shí)這個(gè)ppt的真實(shí)需求方其實(shí)不是你的老板,而是你老板的老板(業(yè)務(wù)線(xiàn)負(fù)責(zé)人:一個(gè)可能壓根看不懂設(shè)計(jì)的人)。這個(gè)時(shí)候如果你把ppt的內(nèi)容重心放到了設(shè)計(jì)的細(xì)節(jié)以及ppt的美化上,就很容易躺槍?zhuān)簿褪抢哿藗€(gè)半死還不落著好(真實(shí)發(fā)生在我周邊的案例)。

因?yàn)榭床欢O(shè)計(jì)的人對(duì)于這些東西是沒(méi)有太大感知的。相反,如果你能注重設(shè)計(jì)與數(shù)據(jù)的結(jié)合,多放一些前后對(duì)比案例以及針對(duì)用研去做的設(shè)計(jì)提案就會(huì)是完全不同的效果。

對(duì)新需求的快速定位與預(yù)判

在開(kāi)始著手設(shè)計(jì)前,我們可以先對(duì)需求進(jìn)行基礎(chǔ)分析與規(guī)劃。首先定義好需求的量級(jí)/優(yōu)先級(jí)以及排期,接下來(lái)就需要根據(jù)需求的實(shí)際情況判斷需要參與的上中下游成員。

舉個(gè)例子,這里我們收到了一個(gè)需求:一個(gè)直播app需要在原有功能基礎(chǔ)上增加一個(gè)直播間的類(lèi)型(情感解憂(yōu)節(jié)目)。

從需求分析到上手設(shè)計(jì),如何快準(zhǔn)狠?收好這3大秘籍

那么我們先快速過(guò)一遍prd原型,超過(guò)3個(gè)核心頁(yè)的明顯體驗(yàn)改動(dòng),外加上N種小細(xì)節(jié)狀態(tài)以及三級(jí)頁(yè)?;疚覀兛梢耘卸ㄋ鼘儆谝粋€(gè)中型量級(jí)的頁(yè)面,排期緊急的話(huà)大概在3天左右。從原型上看,應(yīng)該會(huì)涉及到交互/ui/運(yùn)營(yíng)推廣設(shè)計(jì)/前端+開(kāi)發(fā)這種人員組合。

那么在明白了人員配置之后,需要申請(qǐng)運(yùn)營(yíng)推廣設(shè)計(jì)組幫忙設(shè)計(jì)的部分就需要提前告知給相應(yīng)的負(fù)責(zé)人進(jìn)行提前排期,而對(duì)于一部分頁(yè)面的具體實(shí)現(xiàn)方式在不確定的情況下提前和對(duì)應(yīng)技術(shù)鐵汁溝通。

再舉個(gè)例子,這里我們希望延續(xù)在app里面沉浸式黑色面板的體驗(yàn),所以新發(fā)布的故事也希望做成和常規(guī)白色不一樣的深色面板。

從需求分析到上手設(shè)計(jì),如何快準(zhǔn)狠?收好這3大秘籍

但實(shí)際上這個(gè)新故事發(fā)布頁(yè)面屬于非native原生的H5頁(yè)面,是由前端鐵汁操刀的,實(shí)現(xiàn)起來(lái)并不像原生頁(yè)面可以直接設(shè)置默認(rèn)背景色。這種時(shí)候很多技術(shù)鐵汁選擇直接忽略這個(gè)問(wèn)題去開(kāi)發(fā),或者直接告訴你進(jìn)頁(yè)面的時(shí)候會(huì)有一道白閃,巴特,解決不了。接下來(lái)設(shè)計(jì)師們很多也會(huì)選擇返工重改白色版本。

但更且高質(zhì)的解決方法建議大家先看下竟品和自身app里是否有同樣情況解決問(wèn)題的案例,抽出來(lái)擺在他們面前就會(huì)比較有說(shuō)服力,通常情況下不是特別難搞的他們也會(huì)爭(zhēng)取搞定,你也減少了返稿,保障了用戶(hù)的體驗(yàn)。

這里很多鐵汁可能會(huì)說(shuō),和他們bibi半天也許最后的結(jié)果還是得改稿子,還不如我直接改了來(lái)得快。因此這個(gè)問(wèn)題就又回到了第一點(diǎn),你得先了解你合作方/需求方的秉性,在決定效率優(yōu)先的前提下這個(gè)溝通是否有必要,且控制在多長(zhǎng)的溝通時(shí)間范圍內(nèi)是性?xún)r(jià)比最高的。

競(jìng)品分析用好了是AK47瞄準(zhǔn)鏡

很多鐵汁想知道該用什么樣的方法論去控制自己的輸出,好達(dá)到專(zhuān)業(yè)規(guī)范且能很好說(shuō)服他人的目標(biāo)。其實(shí)無(wú)論是分析需求優(yōu)先級(jí)的kano模型/大項(xiàng)目問(wèn)題挖掘的雙鉆模型/尼爾森十大交互原則還是設(shè)計(jì)排版的那些格式塔原理,在做真槍實(shí)戰(zhàn)中你會(huì)發(fā)現(xiàn)它們就像一個(gè)上真戰(zhàn)場(chǎng)廝殺的戰(zhàn)士帶了把華麗的歌舞劇假刀的感覺(jué)。

這個(gè)原因很簡(jiǎn)單,因?yàn)樗麄兌际峭ㄓ梅椒ㄕ?。?shí)際工作中我們遇到的項(xiàng)目通常緊急且各有不同的訴求,而通用方法論只是我們的一種知識(shí)儲(chǔ)備,在我們上手設(shè)計(jì)時(shí)會(huì)對(duì)我們的設(shè)計(jì)產(chǎn)生基礎(chǔ)的正向引導(dǎo),幫我們規(guī)避一些低級(jí)的體驗(yàn)錯(cuò)誤,比如莫名其變的交互手勢(shì)設(shè)計(jì)or和WCAG色值對(duì)比度偏差很大的視覺(jué)設(shè)計(jì)。

但如果我們想要最快速精準(zhǔn)的對(duì)癥下藥,那核心武器只有一個(gè)——做競(jìng)品分析。這里的競(jìng)品不是說(shuō)和你家產(chǎn)品一模一樣商業(yè)模式的才算,哪怕你家是0-1的產(chǎn)品創(chuàng)新,沒(méi)有垂直類(lèi)競(jìng)品可以參考,也可以挖掘到很多相似的同類(lèi)竟品分析細(xì)節(jié)。

在分析競(jìng)品的ui和交互的同時(shí)你可以快速get到被驗(yàn)證過(guò)的設(shè)計(jì)方案,還可以補(bǔ)充很多“不成文的”經(jīng)驗(yàn),比如為什么有的細(xì)節(jié)大家都是這樣的設(shè)計(jì),去度娘搜索一下原因,保證你的經(jīng)驗(yàn)值又增加了1個(gè)百分點(diǎn)。同時(shí)拿線(xiàn)上產(chǎn)品多次試驗(yàn)過(guò)的經(jīng)驗(yàn)來(lái)做方案參考是相對(duì)風(fēng)險(xiǎn)性低的一件事情,這個(gè)對(duì)于產(chǎn)品和技術(shù)也有一定的說(shuō)服力。

但這里有個(gè)特別需要注意的事情,很多鐵汁做競(jìng)品分析做著做著就變成了抄竟品?

其實(shí)沒(méi)有什么創(chuàng)新是真正的從0-1,哪怕汽車(chē)的創(chuàng)造也是建立在馬車(chē)基礎(chǔ)上的,因此該如何有效的做競(jìng)品分析,青出于藍(lán)而勝于藍(lán),是個(gè)非常大的課題。

這里簡(jiǎn)單來(lái)說(shuō)分為3步:

  • 確定哪些是垂直競(jìng)品,哪些是同類(lèi)競(jìng)品
  • 對(duì)多個(gè)垂直競(jìng)品進(jìn)行深入剖析與比對(duì)(具體模塊的框架/交互/視覺(jué)樣式)
  • 結(jié)合與產(chǎn)品的溝通,判斷怎樣的升級(jí)或過(guò)渡帶更適合自己產(chǎn)品的設(shè)計(jì)。


文章來(lái)源:彩云譯設(shè)計(jì)     作者:Nana的設(shè)計(jì)錦囊



藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)


項(xiàng)目不同階段 UED如何發(fā)力

ui設(shè)計(jì)分享達(dá)人

項(xiàng)目有自己的生命周期,我們作為設(shè)計(jì)師也應(yīng)該學(xué)會(huì)變通,在項(xiàng)目的不同生命周期采用不同的設(shè)計(jì)策略,脫離現(xiàn)實(shí)情況空談體驗(yàn)往往難以推進(jìn)……
設(shè)計(jì)的本質(zhì)是解決問(wèn)題,守住內(nèi)核,保持匠心……

 

文章來(lái)源:站酷   作者:小木喵


藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

微交互:設(shè)計(jì)師的超能力

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

微交互在用戶(hù)體驗(yàn)中占據(jù)越來(lái)越重要的位置,來(lái)看看微交互該如何應(yīng)用吧~


大概幾周前,在他的朋友和孩子們的大力勸說(shuō)下,我并不那么精通互聯(lián)網(wǎng)的爺爺加入了Facebook。最后。在我教他設(shè)置個(gè)人資料,創(chuàng)建帖子和后續(xù)頁(yè)面時(shí),他遇到了一個(gè)有趣的事,在嘗試摸索頁(yè)面中不知何故偶然發(fā)現(xiàn)了著名的LIKE按鈕。他將鼠標(biāo)懸停在“贊”按鈕上,彈出了6個(gè)表情符號(hào),然后單擊“ HAHA”笑臉,這使他對(duì)這個(gè)小動(dòng)畫(huà)感到敬畏。這就是微交互對(duì)產(chǎn)品或應(yīng)用程序的強(qiáng)大功能。


資料來(lái)源:Giphy


我們作為用戶(hù),每天都能看到和應(yīng)用這些微交互,有些甚至沒(méi)有意識(shí)到?!跋矚g”按鈕是最簡(jiǎn)單的示例之一。其他幾個(gè)是:

  • 滾動(dòng)鼠標(biāo)時(shí)出現(xiàn)的簡(jiǎn)單滾動(dòng)條

  • 向左滑動(dòng)即可清除iPhone主屏幕上的通知

  • 能夠看到其他人在消息傳遞應(yīng)用程序上“打字”

  • 一個(gè)進(jìn)度條顯示下載百分比

  • 拉動(dòng)以刷新,以在應(yīng)用程序屏幕上重新加載內(nèi)容

  • 交互式錯(cuò)誤頁(yè)面,例如Google Chrome和為文章點(diǎn)贊是一些最常見(jiàn)的微交互。那么,為什么這些非常有效?為什么每個(gè)應(yīng)用程序都有它們?


資料來(lái)源:Dribbble

一.什么是微互動(dòng)?

微交互就像與設(shè)備的任何其他交互一樣,用于將有意義的反饋傳達(dá)給用戶(hù),因?yàn)橛脩?hù)必須不斷知道執(zhí)行某項(xiàng)操作時(shí)會(huì)發(fā)生什么。這是一種人們期望發(fā)生某些事情的趨勢(shì)。例如:?jiǎn)螕舭粹o,滾動(dòng)頁(yè)面,將商品添加到購(gòu)物車(chē),向左滑動(dòng)卡片。

資料來(lái)源:Dribbble

這通常是通過(guò)提供系統(tǒng)狀態(tài)(尼爾森的啟發(fā)式方法)或幫助用戶(hù)避免常見(jiàn)錯(cuò)誤來(lái)實(shí)現(xiàn)的。當(dāng)您未填寫(xiě)必填字段時(shí),帶有錯(cuò)誤消息的紅色邊框就是微交互。


例如看下面的互動(dòng)

豎起大拇指— Facebook Messenger


該動(dòng)畫(huà)是微交互的一個(gè)很好的例子,因?yàn)樗鼘?shí)現(xiàn)了三個(gè)重要功能:

  • 溝通狀態(tài)并提供反饋

  • 增強(qiáng)直接操縱感

  • 幫助人們看到自己行動(dòng)的結(jié)果


二.微交互的構(gòu)成

分解

微觀(guān)互動(dòng)包括四個(gè)部分:

  • 觸發(fā)器啟動(dòng)微交互。觸發(fā)器可以由用戶(hù)啟動(dòng)或由系統(tǒng)啟動(dòng)。

  • 在用戶(hù)啟動(dòng)的觸發(fā)器中,用戶(hù)必須啟動(dòng)一個(gè)動(dòng)作。

  • 在系統(tǒng)啟動(dòng)的觸發(fā)器中,軟件檢測(cè)到滿(mǎn)足某些資格并啟動(dòng)操作。

  • 規(guī)則確定了觸發(fā)微交互后會(huì)發(fā)生什么。

  • 反饋使人們知道發(fā)生了什么事。發(fā)生微交互時(shí),用戶(hù)看到,聽(tīng)到或感覺(jué)到的任何東西都是反饋。

  • 循環(huán)和模式決定了微交互的元規(guī)則。當(dāng)條件改變時(shí),微相互作用會(huì)發(fā)生什么?


三.微交互的作用


如果微交互僅僅是微小的設(shè)計(jì)元素,為什么還要關(guān)心它們呢?

很多Web開(kāi)發(fā)人員和設(shè)計(jì)人員還在問(wèn)這樣一個(gè)問(wèn)題。注重細(xì)節(jié)是一個(gè)優(yōu)秀網(wǎng)站與普通網(wǎng)站的根本區(qū)別。 這些就是使用微交互的原因:

  • 他們改善了網(wǎng)站導(dǎo)航

  • 它們使用戶(hù)更輕松地與您的網(wǎng)站進(jìn)行交互

  • 他們向用戶(hù)提供有關(guān)已完成操作的即時(shí)和相關(guān)反饋

  • 他們給您的用戶(hù)提示

  • 他們交流有關(guān)某些元素的信息,例如是否互動(dòng)

  • 它們使用戶(hù)體驗(yàn)更有意義

  • 他們鼓勵(lì)分享,喜歡和評(píng)論您的內(nèi)容

  • 他們引起用戶(hù)的注意

  • 最后,它們只是使您的網(wǎng)站更具情感性


精心設(shè)計(jì)的微交互是用戶(hù)關(guān)心的明顯標(biāo)志。這就是為什么他們?nèi)绱酥匾?。用?hù)可以做什么,以及他們的行為是否正確并得到系統(tǒng)的批準(zhǔn)-應(yīng)用程序或網(wǎng)站可提供即時(shí)的視覺(jué)反饋,并教會(huì)用戶(hù)使用系統(tǒng)。

正確進(jìn)行微互動(dòng)后,它們往往會(huì)給您的品牌帶來(lái)積極的感覺(jué)并影響用戶(hù)的行為,而人們甚至根本沒(méi)有意識(shí)到為什么這樣做。如果您喜歡或不喜歡產(chǎn)品的某個(gè)方面,則通常對(duì)產(chǎn)品有正面或負(fù)面的傾向。這種所謂的“哈洛效果”既可以支持您也可以對(duì)您不利。在明智的情況下,這些知識(shí)可以幫助改善用戶(hù)對(duì)您網(wǎng)站的反饋-通過(guò)適當(dāng)注意細(xì)節(jié),可以使用戶(hù)滿(mǎn)意。


四.什么時(shí)候使用微交互

在UX / UI世界中,盡管微交互非常微小,但與用戶(hù)進(jìn)行交流時(shí)卻是強(qiáng)大的動(dòng)力。以下是最常見(jiàn)的微交互及其對(duì)用戶(hù)體驗(yàn)的影響:


輕滑

“輕滑”動(dòng)作消除了輕擊,并且更具交互性和流暢性。它可以幫助用戶(hù)在選項(xiàng)卡之間快速切換并獲取有關(guān)產(chǎn)品的更多信息。此外,輕滑是一種非常常見(jiàn)的手勢(shì),可以在不引起用戶(hù)思考的情況下潛意識(shí)地引導(dǎo)用戶(hù)。就像我們一直在讀“不要讓您的用戶(hù)思考”一樣,既有趣又令人上癮。


數(shù)據(jù)輸入

我們所有人都知道設(shè)置密碼或創(chuàng)建帳戶(hù)的麻煩。這個(gè)動(dòng)作很容易引起用戶(hù)反感。關(guān)于密碼強(qiáng)度和用法的前瞻性建議可以使用戶(hù)輕松前進(jìn),而在輸入數(shù)據(jù)時(shí)進(jìn)行一些交互也可以使用戶(hù)參與該過(guò)程并有助于實(shí)現(xiàn)目標(biāo)。


動(dòng)畫(huà)

動(dòng)畫(huà)可以簡(jiǎn)單地啟用并改善微交互。他們的存在可能不會(huì)被注意到,但是缺席給每個(gè)人造成了損失。它們就像膠水一樣,可以幫助設(shè)計(jì)師使最簡(jiǎn)單的過(guò)程變得有趣和令人上癮。但是要非常小心,因?yàn)樗鼈円庠谖脩?hù),而不會(huì)使他們分心或沮喪。延遲處理或在網(wǎng)站中引入新樣式可能會(huì)引起混亂。


當(dāng)前系統(tǒng)狀態(tài)

必須使用戶(hù)了解網(wǎng)站或應(yīng)用程序上當(dāng)前發(fā)生的狀態(tài),這一點(diǎn)很重要。如果不通知用戶(hù),他們將很生氣并關(guān)閉網(wǎng)站或應(yīng)用程序。微交互使用戶(hù)可以準(zhǔn)確地知道發(fā)生了什么,完成該過(guò)程需要多長(zhǎng)時(shí)間等。即使失敗消息也很幽默,但有效地保持了用戶(hù)的信任。


使教程變得有趣

每個(gè)人都在不斷尋求信息。借助微交互功能的教程通過(guò)簡(jiǎn)化和突出顯示基本功能和重要控件以方便用戶(hù)理解,從而指導(dǎo)用戶(hù)進(jìn)行應(yīng)用程序的工作。


號(hào)召性用語(yǔ)

微交互實(shí)質(zhì)上是在推動(dòng)用戶(hù)與應(yīng)用程序或網(wǎng)站進(jìn)行交互。號(hào)召性用語(yǔ)給用戶(hù)帶來(lái)了成就感,也給用戶(hù)行為灌輸了同理心,使用戶(hù)與CTA互動(dòng)的最佳方法是使CTA吸引用戶(hù)的興趣。


動(dòng)畫(huà)按鈕

通過(guò)讓用戶(hù)知道他們通過(guò)您的應(yīng)用程序或網(wǎng)站的方式,它們起到了信息管理器的作用。我們需要注意顏色、形狀、特殊效果、動(dòng)畫(huà)、位置和紋理,以使用戶(hù)體驗(yàn)自然而順暢。


滑動(dòng)手勢(shì)

通過(guò)使用手勢(shì)隱藏一些動(dòng)作項(xiàng),這些類(lèi)型的交互可用于節(jié)省移動(dòng)設(shè)備上的空間。例如,您可以看到向左滑動(dòng)將刪除電子郵件,向右滑動(dòng)將存檔電子郵件。同樣,在鎖定屏幕上取消/清除通知。

快速操作

一個(gè)簡(jiǎn)單的快速動(dòng)作示例就是,當(dāng)您點(diǎn)擊并按住應(yīng)用程序圖標(biāo)時(shí),在Apple設(shè)備上進(jìn)行3D觸摸,它將為您提供用戶(hù)最常使用的上下文動(dòng)作項(xiàng)。這樣可以節(jié)省點(diǎn)擊次數(shù)和時(shí)間。例如,Instagram會(huì)呈現(xiàn)諸如相機(jī)、新帖、活動(dòng)等動(dòng)作。


交流信息

這些類(lèi)型的交互會(huì)分解復(fù)雜的信息,并使用視覺(jué),動(dòng)畫(huà)將信息輕松傳達(dá)給消費(fèi)者。一個(gè)完美的例子是解釋信用卡上的利息費(fèi)用。這是一個(gè)敏感的話(huà)題,Apple Card通過(guò)使用圓形互動(dòng)動(dòng)畫(huà)來(lái)告知用戶(hù)和最高費(fèi)用,再次贏得了客戶(hù)。


互動(dòng)參與

有時(shí),您希望用戶(hù)通過(guò)使他們感到驚奇的方式來(lái)與界面進(jìn)行交互。這種令人驚訝的結(jié)合動(dòng)作會(huì)更加產(chǎn)生更強(qiáng)大的影響。Robinhood App最近發(fā)布了一張借記卡,其候補(bǔ)名單超過(guò)一百萬(wàn)。要在候補(bǔ)名單中上移您的位置,用戶(hù)可以轉(zhuǎn)到其應(yīng)用并點(diǎn)擊該卡(最多60次)。這是使用戶(hù)與應(yīng)用程序交互的一種有趣方式。

提供反饋

在用戶(hù)觸發(fā)某些內(nèi)容或輸入某些內(nèi)容之后,Motion可以有效地用于向用戶(hù)發(fā)送反饋。錯(cuò)誤狀態(tài)和成功狀態(tài)就是這些示例,下面是移動(dòng)應(yīng)用程序正確和不正確密碼輸入的示例。

向用戶(hù)介紹界面

每當(dāng)啟動(dòng)具有精美功能的新產(chǎn)品或應(yīng)用程序時(shí),如果用戶(hù)發(fā)現(xiàn)它太難理解,它終將失敗。因此,在此類(lèi)情況下,應(yīng)用程序可以利用微交互來(lái)向用戶(hù)介紹功能。例如,N26 Fintech App使用動(dòng)畫(huà)來(lái)演示用戶(hù)如何將錢(qián)從一個(gè)儲(chǔ)蓄桶轉(zhuǎn)移到另一個(gè)。


引起用戶(hù)的注意

當(dāng)移動(dòng)屏幕上的大部分空間都充滿(mǎn)信息時(shí),很難突出顯示我們希望用戶(hù)注意到的特定功能。通過(guò)使用動(dòng)畫(huà)和過(guò)渡效果,微交互可以在為用戶(hù)帶來(lái)愉悅感方面發(fā)揮至關(guān)重要的作用。例如,在Slack上,在您開(kāi)始鍵入之前,發(fā)送按鈕變灰,一旦開(kāi)始鍵入,它將變?yōu)樗{(lán)色,向用戶(hù)指示這是號(hào)召性用語(yǔ)按鈕。


使加載屏幕有趣

大多數(shù)加載屏幕都很無(wú)聊,但是微交互和動(dòng)畫(huà)可以將它們變成非常有趣的東西。每當(dāng)加載或設(shè)置過(guò)程中有等待時(shí)間時(shí),Google都會(huì)利用此空間為其用戶(hù)創(chuàng)造出色的直觀(guān)體驗(yàn)。這是一個(gè)例子:


我們?nèi)祟?lèi)一直在努力尋求即時(shí)滿(mǎn)足。在更大的事物方案中,忽略微交互是一種普遍的趨勢(shì),但不可否認(rèn)微交互對(duì)于保持用戶(hù)對(duì)產(chǎn)品的興趣和好奇非常重要。每個(gè)人都說(shuō)細(xì)節(jié)就是魔鬼。小小的體驗(yàn)和設(shè)計(jì)功能(例如在屏幕之間切換或突出顯示功能或彈出新通知)可以在增強(qiáng)用戶(hù)體驗(yàn)方面產(chǎn)生巨大差異。


五.如何設(shè)計(jì)微互動(dòng)?

進(jìn)行微交互對(duì)于設(shè)計(jì)師來(lái)說(shuō)是令人興奮的,因?yàn)榭梢試L試新的設(shè)計(jì)解決方案并尋找使用戶(hù)感到驚訝的新方法。但是為此,您必須牢記以下幾點(diǎn):

  • 把自己放在用戶(hù)的角度考度,并使用所有您要弄清楚他們?nèi)绾问褂媚膽?yīng)用程序。

  • 創(chuàng)建功能動(dòng)畫(huà)。不僅具有美學(xué)效果而且能夠增強(qiáng)用戶(hù)體驗(yàn)的動(dòng)畫(huà)。

  • 讓用戶(hù)保持愉悅。用戶(hù)使用該應(yīng)用程序時(shí)的感受是其不斷使用該應(yīng)用程序的原因。如果用戶(hù)喜歡并感到愉快,他將再次使用產(chǎn)品。

  • 不要打擾到用戶(hù)。過(guò)多的動(dòng)畫(huà)會(huì)對(duì)用戶(hù)產(chǎn)生相反的影響。令人討厭的用戶(hù)使他們遠(yuǎn)離您的應(yīng)用程序。

  • 使用人類(lèi)語(yǔ)言和非技術(shù)性語(yǔ)言。有趣的文案可能會(huì)讓用戶(hù)暫時(shí)忘卻應(yīng)用程序中空白頁(yè)面的沮喪。


六.設(shè)計(jì)微互動(dòng)的工具

那么,設(shè)計(jì)人員應(yīng)該熟悉哪些原型制作工具?那里有很多工具,但并不是每個(gè)人都知道哪種工具最適合特定的微交互任務(wù)。根據(jù)我個(gè)人設(shè)計(jì)這些元素的經(jīng)驗(yàn),以下是我的建議。

如果你熟悉編碼:

  • 手機(jī):Xcode,Android Studio

  • 手機(jī)或網(wǎng)頁(yè):Framer

  • 網(wǎng)頁(yè):CSS動(dòng)畫(huà)

如果要?jiǎng)?chuàng)建更詳細(xì)的交互:

  • Principle,Adobe CC,origami Studio和Protopie

如果要?jiǎng)?chuàng)建詳細(xì)的交互+動(dòng)畫(huà):

  • After Effects


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


藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)





十年知乎,一體兩面

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

作為一個(gè)知名的問(wèn)答社區(qū),知乎已經(jīng)走過(guò)了十年。面對(duì)十年間不斷變化的用戶(hù)習(xí)慣和互聯(lián)網(wǎng)環(huán)境,知乎都做出了哪些改變?未來(lái),知乎會(huì)朝著什么樣的方向發(fā)展?本文作者從用戶(hù)構(gòu)成、內(nèi)容形態(tài)和商業(yè)模式各個(gè)方面,對(duì)知乎進(jìn)行分析,希望對(duì)你有幫助。

一轉(zhuǎn)眼,知乎已經(jīng)十年了。

2010 年,新浪、騰訊、網(wǎng)易、搜狐都在搞微博,展開(kāi)搶人大戰(zhàn)。當(dāng)時(shí)微博客的形式已經(jīng)被國(guó)外老師 Twitter 證明了成功,而問(wèn)答類(lèi)網(wǎng)站的原型 Quora 和 Formspring 才剛蹣跚起步,前途未卜。

很快,新浪微博就帶著“圍觀(guān)改變中國(guó)”的光環(huán)出了圈,但人們真正認(rèn)識(shí)到知乎的威力,還要等上幾年。現(xiàn)在,知乎積累了近 4400 萬(wàn)個(gè)問(wèn)題和 2.4 億個(gè)回答,成為中文互聯(lián)網(wǎng)最大的原創(chuàng)內(nèi)容策源地之一。

十年間,中國(guó)從 PC 互聯(lián)網(wǎng)邁入移動(dòng)互聯(lián)網(wǎng)時(shí)代,內(nèi)容產(chǎn)業(yè)蓬勃興起,網(wǎng)絡(luò)前所未見(jiàn)地深刻影響中國(guó)社會(huì)。知乎積累的海量?jī)?nèi)容,加上每天源源不斷生成的新內(nèi)容,深度參與塑造了中國(guó)網(wǎng)民的眼界和思想。

2011 年 4 月 7 日,開(kāi)站不到 5 個(gè)月,社長(zhǎng)成為知乎第 6332 位用戶(hù)。作為一個(gè)知乎深度老用戶(hù),社長(zhǎng)愿意用“兩個(gè)知乎”來(lái)形容自己觀(guān)察到的知乎十年。

從用戶(hù)構(gòu)成、內(nèi)容形態(tài)和商業(yè)模式各個(gè)方面,我們都能看到相對(duì)著存在的“兩個(gè)知乎”。它們互為表里,共同構(gòu)成了知乎精彩紛呈的景象。

01 知乎的用戶(hù)

1.“精英用戶(hù)”vs 普通讀者

2013 年,社長(zhǎng)寫(xiě)過(guò)一篇《知乎:為“精英用戶(hù)”服務(wù)》,這是航通社最早對(duì)知乎的觀(guān)察文章。知乎符合所謂“二八定律”,創(chuàng)作者只是極少數(shù),絕大部分人都是看客。

根據(jù)知乎官方數(shù)據(jù),在冷啟動(dòng)的 40 天里,知乎 200 位原始用戶(hù)創(chuàng)造了 8000 個(gè)問(wèn)題和 2 萬(wàn)個(gè)回答,早期邀請(qǐng)注冊(cè)的用戶(hù)都有很高的分享欲望和出品質(zhì)量。所以,為當(dāng)時(shí)還不多的創(chuàng)作者做“私人定制”的服務(wù),成為知乎催化優(yōu)質(zhì)內(nèi)容的選擇。

當(dāng)知乎開(kāi)放注冊(cè)之后,原來(lái)的“精英用戶(hù)”可能感覺(jué)到知乎的變化,并且不一定適應(yīng)。有一些人退出,但更多的人進(jìn)入。

如今的知乎給每個(gè)用戶(hù)都提供了開(kāi)放易用的創(chuàng)作輔助和數(shù)據(jù)統(tǒng)計(jì)工具,通過(guò)想法、專(zhuān)欄、視頻等多樣形態(tài)降低分享門(mén)檻,讓任何有志耕耘內(nèi)容,或只想簡(jiǎn)單分享的人,都能夠找到其中的樂(lè)趣。算法的進(jìn)化,也讓人們收到的信息流總體上日趨精準(zhǔn)。

2. 規(guī)則破壞者 vs 秩序維護(hù)者

在知乎,有些人出言不遜,大肆騷擾,降低了他人的瀏覽體驗(yàn);另一些人從事虛假營(yíng)銷(xiāo)、詐騙等活動(dòng),有的已經(jīng)構(gòu)成違法犯罪。在其它平臺(tái),總有人盜用知乎站內(nèi)原創(chuàng)內(nèi)容,轉(zhuǎn)換為視頻等其它形式,造成盜版比原版還火,也讓創(chuàng)作者們深受困擾。

近年來(lái),知乎不斷加大用算法和人工混合處理違規(guī)的力度。在中文互聯(lián)網(wǎng)當(dāng)中,知乎是最早實(shí)現(xiàn)對(duì)所謂“陰陽(yáng)怪氣”的不友善言論識(shí)別的平臺(tái)之一,其他平臺(tái)的互動(dòng)信息審核很難到如此細(xì)的顆粒度。熱烈且長(zhǎng)尾的評(píng)論互動(dòng)是知乎的重要特色,激勵(lì)了很多創(chuàng)作者將知乎作為原發(fā)平臺(tái)。

同時(shí),知乎也加大了版權(quán)保護(hù)的力度,如起訴微博營(yíng)銷(xiāo)號(hào)“知乎大神”勝訴等;并主動(dòng)切入視頻領(lǐng)域,讓圖文作者可以更主動(dòng)地分享短視頻紅利。

3. 付費(fèi)會(huì)員 vs 免費(fèi)用戶(hù)

知乎對(duì)直接付費(fèi)購(gòu)買(mǎi)內(nèi)容的商業(yè)模式一直寄予厚望,前后走過(guò)付費(fèi)咨詢(xún),音頻內(nèi)容,賣(mài)課程等幾條路線(xiàn)。經(jīng)過(guò)一陣探索,小說(shuō)、圖書(shū)、文字專(zhuān)輯售賣(mài)等最終脫穎而出。綜合了紙書(shū)電子版、純網(wǎng)絡(luò)出版、私家課等資源的全包式“鹽選會(huì)員”,已經(jīng)成為創(chuàng)作者獲取回報(bào)的一個(gè)重要來(lái)源。

2019 年起,知乎將站內(nèi)優(yōu)秀網(wǎng)文作品放上會(huì)員平臺(tái)。知乎網(wǎng)文作者出現(xiàn)了月收入超 10 萬(wàn)、單本收入超 60 萬(wàn)的銷(xiāo)售記錄,那些“剛編的故事”再也不能被等閑視之。

為了推廣優(yōu)質(zhì)的付費(fèi)內(nèi)容,知乎在眾多問(wèn)題下將可能切題的付費(fèi)內(nèi)容,以“故事檔案局”等官方賬號(hào)推送,嵌入到回答流當(dāng)中。在評(píng)論區(qū)下面,不乏“我就是為看這個(gè)而開(kāi)了會(huì)員”的聲音。除此之外,原先免費(fèi)的內(nèi)容都沒(méi)有被付費(fèi)墻擋住,包括原有的海量長(zhǎng)尾答案,免費(fèi)用戶(hù)的體驗(yàn)也得到了尊重。

02 知乎的內(nèi)容

1. 非虛構(gòu)嚴(yán)肅內(nèi)容 vs “如何評(píng)價(jià)”和故事

知乎早期的邀請(qǐng)注冊(cè)制,令它以專(zhuān)業(yè)人士的獨(dú)到分析、獨(dú)家資源和親身經(jīng)歷而著稱(chēng)?!罢J(rèn)真你就贏了”是當(dāng)時(shí)知乎的流行語(yǔ)。

但在開(kāi)放注冊(cè)之后,新用戶(hù)可能會(huì)“水”回答,“抖機(jī)靈”也同樣獲得讀者歡迎。一些曾經(jīng)堅(jiān)持的編輯規(guī)范如“直角引號(hào)”,也逐漸變得不那么嚴(yán)格要求,純粹寫(xiě)作虛構(gòu)內(nèi)容的人也在知乎上活躍起來(lái)。

知乎決定讓喜歡每種不同內(nèi)容的人,都通過(guò)算法推薦而各得其所。針對(duì)虛構(gòu)內(nèi)容,知乎推出了作者聲明功能,同時(shí)通過(guò)會(huì)員付費(fèi)實(shí)現(xiàn)優(yōu)秀故事的產(chǎn)業(yè)化發(fā)展。對(duì)于仍然愿意堅(jiān)持“認(rèn)真”的人,知乎提供“親自答”標(biāo)簽、學(xué)歷及工作經(jīng)驗(yàn)認(rèn)證,由資深用戶(hù)發(fā)放“專(zhuān)業(yè)”標(biāo)簽等方式,且同樣輔以?xún)?nèi)容商業(yè)化的激勵(lì)。

2. 長(zhǎng)尾、長(zhǎng)保質(zhì)期內(nèi)容 vs 即時(shí)熱搜內(nèi)容

人們驚嘆于知乎居然已經(jīng)十周年了,也同樣對(duì)知乎上的“神預(yù)言”問(wèn)答驚嘆不已。

2011 年十大熱議問(wèn)題中,足球、晚睡習(xí)慣、金庸小說(shuō)等問(wèn)題,直到現(xiàn)在依然吸引著大量讀者前來(lái)“瞻仰”。在 2011 年底一個(gè)推薦購(gòu)買(mǎi)比特幣的回答,累積至今獲得 4.2 萬(wàn)個(gè)贊同。像這樣的“預(yù)言家”在知乎上還有很多。他們就當(dāng)時(shí)當(dāng)?shù)氐那闆r寫(xiě)下的內(nèi)容,可能在幾年、十幾年甚至更長(zhǎng)時(shí)間,都始終具有借鑒和參考意義。

隨著越來(lái)越多的人注意到知乎,每次有熱點(diǎn)事件發(fā)生時(shí),很容易在知乎找到事件親歷者、行業(yè)內(nèi)人士、專(zhuān)家學(xué)者提供多方位的視角和解讀,這些信息“養(yǎng)活”了包括航通社在內(nèi)的不少“自媒體”。知乎熱榜成為百度搜索指數(shù)、微博熱搜、微信指數(shù)等等之外,又一個(gè)衡量中國(guó)輿論場(chǎng)的風(fēng)向標(biāo)。

跟保質(zhì)期長(zhǎng)的沉淀內(nèi)容相比,即時(shí)熱搜并非“速朽”,而是對(duì)“新聞是歷史的底稿”這句話(huà)的最佳詮釋。

3. 專(zhuān)業(yè) UPGC 視頻 vs 自動(dòng)生成視頻

知乎切入視頻的決心不可謂不大,方式也多種多樣,從單獨(dú)的視頻制作工具,到首頁(yè)為視頻開(kāi)辟獨(dú)立版塊,再到問(wèn)題頁(yè)將視頻回答單獨(dú)列出??梢哉f(shuō),有視頻創(chuàng)造力的人士將會(huì)獲得越來(lái)越多的展示機(jī)會(huì)。

知乎也推出了一系列以視頻為載體的 PGC 節(jié)目,如《職人介紹所》,也有郎朗鋼琴課等付費(fèi)視頻課程。不過(guò)近期最值得一提的,還是知乎推出的將文字答案一鍵轉(zhuǎn)視頻的功能。這方便了非常多的文字創(chuàng)作者。

任何一種內(nèi)容形態(tài),恐怕都是最適合該形態(tài)的創(chuàng)作者才能玩轉(zhuǎn)。在社長(zhǎng)的印象中,很多文字創(chuàng)作者(含本人)是比較內(nèi)向的,需要長(zhǎng)時(shí)間的沉淀才能將思路組織出來(lái)。而視頻更需要外向開(kāi)朗和具備親和力的面孔,甚至可以說(shuō)是對(duì)年輕人更友好的。

此外,對(duì)長(zhǎng)期習(xí)慣于文字創(chuàng)作的人來(lái)說(shuō),視頻制作也有一定難度。隨著知乎的自動(dòng)化工具上線(xiàn),視頻的產(chǎn)能將會(huì)提升,也可以打擊一些將優(yōu)秀文字內(nèi)容掐頭去尾,再搬運(yùn)到其他視頻平臺(tái)上的人。

03 知乎的商業(yè)模式

1. 謹(jǐn)慎看待商業(yè)化 vs 商業(yè)化順勢(shì)而為

早期的知乎以專(zhuān)業(yè)回答著稱(chēng),讀者對(duì)于回答與商業(yè)內(nèi)容相結(jié)合很難接受,會(huì)說(shuō)這樣的答主是“恰飯”。當(dāng)時(shí),答主只能通過(guò)“贊賞”等有限的渠道獲得微不足道的收入。這使得知乎雖然擁有日益顯著的流量,商業(yè)變現(xiàn)能力卻長(zhǎng)期被外界質(zhì)疑。

不能找到合適的盈利模式的話(huà),一家商業(yè)公司是無(wú)法持續(xù)經(jīng)營(yíng)下去的。好在,隨著知乎的用戶(hù)基數(shù)擴(kuò)大,更多人有機(jī)會(huì)擺脫單純讀者的身份,自己也成為創(chuàng)作者,體會(huì)到答案被人認(rèn)同的快樂(lè)。此時(shí),更多的人學(xué)會(huì)了換位思考。

近一兩年來(lái),特別是 2019 年知乎完成 4.5 億美元 F 輪融資之后,人們對(duì)知乎闊步走向商業(yè)化已經(jīng)習(xí)慣,而知乎的探索也終于有了收獲,開(kāi)始找到適合自己的商業(yè)路線(xiàn)。

2. 軟性植入 vs 好物推薦

很多人信賴(lài)知乎一些領(lǐng)域的專(zhuān)業(yè)答主,當(dāng)他們?cè)诨卮鹜扑]自己信得過(guò)的商品時(shí),也會(huì)帶來(lái)跟隨購(gòu)買(mǎi)的效應(yīng)。不過(guò),由于早期知乎風(fēng)氣使然,如果答主獲得品牌贊助進(jìn)行推薦時(shí),哪怕真的有推薦的充分理由,也不得不小心翼翼,避免被人發(fā)現(xiàn)。

2020 年 1 月,知乎“好物推薦”功能全量開(kāi)放,這同時(shí)解決了兩個(gè)問(wèn)題:一是在知乎回答看到商品后,不能及時(shí)跳轉(zhuǎn)到購(gòu)買(mǎi)鏈接,導(dǎo)致決策鏈條斷開(kāi);二是答主推薦商品后往往需要讀者自行搜索,其中可能弄錯(cuò)關(guān)鍵字或被相近的冒牌誤導(dǎo)。更重要的是,它給部分專(zhuān)業(yè)答主帶來(lái)的收益是清晰可見(jiàn)的。

2020 年雙 11 期間,知乎“好物推薦”帶貨內(nèi)容閱讀量突破 8 億;GMV 相比 618 翻倍,訂單量提升 113%?!八{(lán)大仙人”是最經(jīng)常被提到的“好物推薦”受益者,他專(zhuān)攻的智能電視領(lǐng)域有著得天獨(dú)厚的優(yōu)勢(shì)——有專(zhuān)業(yè)門(mén)檻,客單價(jià)高,銷(xiāo)量及咨詢(xún)需求長(zhǎng)期穩(wěn)定。他的一篇測(cè)評(píng)文章 GMV 超過(guò) 5000 萬(wàn)。

3. 大 V 自發(fā)接單 vs 品牌、平臺(tái)、創(chuàng)作者聯(lián)動(dòng)

知乎商業(yè)化逐步走向正軌還帶來(lái)另一個(gè)原本未曾設(shè)想的改變,就是品牌在知乎有了更多的露出、更真誠(chéng)的聲音和總體上更正面的形象。

知乎首先為品牌方提供了機(jī)構(gòu)認(rèn)證、品牌提問(wèn)等能力,讓品牌在知乎保持“人格化”運(yùn)營(yíng),提升親和力,與用戶(hù)建立互信。而品牌也可以通過(guò)平臺(tái)邀約相關(guān)領(lǐng)域優(yōu)秀回答者,推薦產(chǎn)品,講述原理或歷史故事,以及做出客觀(guān)評(píng)價(jià)。

此前,品牌如有此需求,只能繞過(guò)平臺(tái)聯(lián)系頭部資源或 MCN,效率低下也很容易“翻車(chē)”。2020 年,知乎將對(duì)企業(yè)的內(nèi)容服務(wù)打包成“知+”方案,由平臺(tái)牽頭,精準(zhǔn)對(duì)接熱度話(huà)題與優(yōu)秀創(chuàng)作者,盤(pán)活存量 UGC 內(nèi)容,全面激活創(chuàng)作能力。

目前,社長(zhǎng)就可以在知乎的創(chuàng)作中心開(kāi)啟“知+自選”內(nèi)容創(chuàng)作,挑選品牌任務(wù)當(dāng)中自己覺(jué)得能寫(xiě)好的,比較切題的來(lái)寫(xiě)作。這種“人找品牌”加上以前就有的“品牌找人”,實(shí)現(xiàn)了比以往“盲人摸象”式配對(duì)更為精準(zhǔn)的供需匹配。

需要指出的是,任何形式的品牌贊助內(nèi)容,在寫(xiě)作時(shí)依然要嚴(yán)格遵守知乎社區(qū)規(guī)范,也要經(jīng)歷讀者的考驗(yàn)與事實(shí)核查,關(guān)乎作者苦心經(jīng)營(yíng)的公信力。

04 結(jié)論

十年來(lái),知乎的形象和角色不斷變化,從一個(gè)小眾又帶點(diǎn)“曲高和寡”的討論社區(qū),過(guò)渡為繁榮而包羅萬(wàn)象的虛擬城邦,以及為人們提供實(shí)際幫助的解憂(yōu)雜貨鋪?,F(xiàn)在,知乎保持著中文互聯(lián)網(wǎng)最大的原創(chuàng)內(nèi)容策源地之一的地位,是中國(guó)輿論場(chǎng)的重要組成部分。

過(guò)去十年,有很多的殊途同歸。移動(dòng)互聯(lián)網(wǎng)和 PC 互聯(lián)網(wǎng)逐漸融合,網(wǎng)絡(luò)與現(xiàn)實(shí)社會(huì)的鴻溝被填平,科技企業(yè)從創(chuàng)新顛覆的光環(huán)中走出,向商業(yè)的本質(zhì)邏輯回歸。在知乎,作者與讀者、知識(shí)與故事、內(nèi)容與商業(yè)本是一體兩面。十年之后驀然回首,“兩個(gè)知乎”合二為一。

正所謂“內(nèi)容即商業(yè),商業(yè)即內(nèi)容”。知乎十年積累的長(zhǎng)尾內(nèi)容是它最寶貴的資源,最終知乎的商業(yè)化道路,也從外圍探索收斂回歸到內(nèi)容本身。海量的內(nèi)容、良性的互動(dòng)和進(jìn)入正循環(huán)的商業(yè)模式,正在為知乎開(kāi)啟下一個(gè)十年。

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

藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)


接好了!這是你要的6個(gè)小眾但特別好用Ai技法

周周

軟件熟練度屬于“器”的范疇,對(duì)主要靠作品集吃飯的設(shè)計(jì)師來(lái)說(shuō)很難對(duì)外體現(xiàn)。但是我們不能說(shuō)它不重要,軟件的熟練度依然是設(shè)計(jì)是否能夠產(chǎn)出的重要因素之一??!

今天結(jié)合我自己之前的經(jīng)驗(yàn),來(lái)談?wù)凙I中的一些相對(duì)比較冷門(mén)的小干貨(很多是我最近才get到的- -),但愿這些快捷操作能幫助你進(jìn)行產(chǎn)出~~

大綱:

  • 快速調(diào)節(jié)參數(shù)
  • 平行四邊形圓角
  • 快速平滑縮放
  • 手柄波浪線(xiàn)
  • 路徑快速消除
  • 填充快速消除

快速調(diào)節(jié)參數(shù)

AI中存在很多參數(shù)需要我們自己去調(diào)節(jié)。比如一個(gè)形狀的寬高圓角,對(duì)形狀進(jìn)行變換的旋轉(zhuǎn)、扭曲等參數(shù)等等??赡芎芏嗯笥迅乙粯樱匆粋€(gè)個(gè)手動(dòng)輸入要么通過(guò)拖動(dòng)滑塊進(jìn)行調(diào)節(jié)。

這么做造成的問(wèn)題有兩個(gè),一個(gè)是交互的繁瑣,一個(gè)是參數(shù)調(diào)節(jié)顆粒度過(guò)細(xì),在進(jìn)行往返調(diào)試時(shí)需要耗費(fèi)大量的重復(fù)工作量。對(duì)于我們時(shí)間寶貴的設(shè)計(jì)師來(lái)說(shuō)這種方法簡(jiǎn)直太弱了好嘛!!

不過(guò)這些完全可以通過(guò)一個(gè)方法來(lái)解決——快捷鍵調(diào)節(jié)即可!結(jié)合shift、cmd(即win系統(tǒng)的ctrl)以及上下方向鍵完完全全地提升效率。具體的方法如下:

  • 上下方向鍵:1px為增量進(jìn)行調(diào)節(jié)
  • shift+上下方向鍵:以10px為增量調(diào)節(jié)
  • cmd+上下方向鍵:以0.1px為增量進(jìn)行調(diào)節(jié)

比如對(duì)形狀的變換,我們就可以使用上下方向鍵1px微調(diào),結(jié)合shift以10px數(shù)調(diào)。鍵入位置通過(guò)tab切換。

接好了!這是你要的6個(gè)小眾但特別好用Ai技法

再比如變換效果的參數(shù),同樣可以使用這種方法快速地調(diào)試,全程只需要快捷鍵操作即可。而且這種一邊敲擊鍵盤(pán)一邊實(shí)時(shí)預(yù)覽的趕腳也讓人心情莫名得順暢!

這種方法也可以迅速地讓水平和垂直數(shù)值保持一致,比我以前的滑塊拖動(dòng)、數(shù)值輸入的操作好太多了。

接好了!這是你要的6個(gè)小眾但特別好用Ai技法

順帶一提,sketch參數(shù)數(shù)值調(diào)節(jié)也支持這種快捷操作哦。

平行四邊形圓角

我們?cè)谡{(diào)節(jié)形狀的圓角時(shí),一般情況有兩種方法,要么在菜單欄or變換工具中數(shù)值調(diào)整,要么直接在角落的圓角點(diǎn)上拖動(dòng)。

接好了!這是你要的6個(gè)小眾但特別好用Ai技法

但是對(duì)于平行四邊形這種四個(gè)頂角度數(shù)不一樣的形狀,即使四個(gè)圓角大小是一致的,由于銳角和鈍角的存在導(dǎo)致圓角看起來(lái)并不一樣。

接好了!這是你要的6個(gè)小眾但特別好用Ai技法

這時(shí)候,外觀(guān)效果就派上用場(chǎng)了。

接好了!這是你要的6個(gè)小眾但特別好用Ai技法

我們?cè)谛Ч?風(fēng)格化中找到圓角選項(xiàng),為平行四邊形添加一個(gè)圓角外觀(guān)效果。

風(fēng)格中找到圓角選項(xiàng)就可以自己設(shè)置。這里給一個(gè)和剛剛一樣的圓角10px。

接好了!這是你要的6個(gè)小眾但特別好用Ai技法

最后(右圖)得出的四個(gè)圓角看上去明顯比之前的方案更加一致。

接好了!這是你要的6個(gè)小眾但特別好用Ai技法

另外,這種外觀(guān)的好處就是,后期隨時(shí)可以在外觀(guān)中編輯!

快速平滑縮放

我們更多時(shí)候縮放是滾輪縮放,但是這樣的縮放的顆粒度太大,尤其在小屏電腦上想要定在某個(gè)合適的窗口大小比較麻煩。

這時(shí)候我們可以利用快捷鍵Z激活縮放功能,然后通過(guò)左、右拖曳的手勢(shì)進(jìn)行快速而平滑的縮放操作。我們可以輕易定格在我們想要的窗口大小。一開(kāi)始可能很多朋友和我一樣習(xí)慣上下縮放,但是ai里的縮放并不是上下,而是左右。

接好了!這是你要的6個(gè)小眾但特別好用Ai技法

手柄波浪線(xiàn)

一般我們畫(huà)波浪線(xiàn)是通過(guò)扭曲與變換中的波紋效果來(lái)變換。

但是我們也可以使用鋼筆來(lái)直接畫(huà)。

向一個(gè)方向拖拽生成手柄(不知道有沒(méi)有朋友和我一樣用鋼筆工具都有點(diǎn)一下去繪制形狀的毛?。?,然后在合適的位置再拖拽一次即可繪制出波浪線(xiàn)。在對(duì)精準(zhǔn)度要求不高的情況下完全可以采用這種辦法,方便快速。

接好了!這是你要的6個(gè)小眾但特別好用Ai技法

路徑快速消除

在以往,我在進(jìn)行路徑消除操作(比如繪制一些斷線(xiàn)icon時(shí)),通過(guò)這樣的步驟,添加錨點(diǎn)工具在路徑上添加兩個(gè)錨點(diǎn),然后直接選擇工具選中錨點(diǎn)間的路徑刪除。拜托,都2120年了,別用這么古老的方式了好嘛?。。ê孟氤藭r(shí)光機(jī)回去拯救年少迷茫的自己)

接好了!這是你要的6個(gè)小眾但特別好用Ai技法

但其實(shí)壓根不需要這么麻煩,一個(gè)工具就可以迅速解決,而且可以連續(xù)消除!

這個(gè)工具就是路徑橡皮擦工具,說(shuō)實(shí)話(huà)知道這個(gè)工具后我再也回不去了。

接好了!這是你要的6個(gè)小眾但特別好用Ai技法

只需要激活它,你就可以在任意的路徑中像使用橡皮擦那樣,迅速地消除你想消除的地方。另外,我提前給這個(gè)工具設(shè)置了E這個(gè)快捷鍵,以便我能迅速調(diào)用它進(jìn)行路徑消除工作。

接好了!這是你要的6個(gè)小眾但特別好用Ai技法

填充快速消除

路徑橡皮擦用在填充的色塊中同樣只能消除路徑,但我們想要消除色塊時(shí),則可以用到另外一個(gè)工具——橡皮擦工具。

shift+E直接調(diào)用到它,按住shift即可直接在填充色塊中進(jìn)行切割。而且最后被切割出的圖形都是互相獨(dú)立的閉合形狀。

接好了!這是你要的6個(gè)小眾但特別好用Ai技法

當(dāng)我們按住alt后,就可以隨意地繪制出不同寬度的矩形進(jìn)行切割,相比形狀生成器或布爾運(yùn)算更加方便點(diǎn)。

接好了!這是你要的6個(gè)小眾但特別好用Ai技法

最后

一點(diǎn)點(diǎn)平時(shí)積累的ai小干貨,但愿能幫到你?。?/span>


文章來(lái)源:優(yōu)設(shè)網(wǎng)     作者:轉(zhuǎn)行人的設(shè)計(jì)筆記



藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

深度分析動(dòng)效設(shè)計(jì)原理,提升產(chǎn)品可用性!

ui設(shè)計(jì)分享達(dá)人


動(dòng)效對(duì)產(chǎn)品的可用性體驗(yàn)有多維度的影響。在界面中動(dòng)效不僅僅是一種視覺(jué)裝飾,它能夠提升產(chǎn)品的參與度并擴(kuò)展交流的范圍。

本文追根溯源,先從動(dòng)效的起源講起,一步步推進(jìn)與產(chǎn)品、體驗(yàn)之間的關(guān)系,最后通過(guò)案例分析動(dòng)效設(shè)計(jì)的原理和應(yīng)用。一起來(lái)看看吧~

一、動(dòng)效設(shè)計(jì)的起源

動(dòng)效與用戶(hù)體驗(yàn)的結(jié)合相對(duì)較新,其根源是迪士尼動(dòng)畫(huà)設(shè)計(jì)的十二個(gè)條基本原理。迪士尼動(dòng)畫(huà)原理是為了講故事而提煉出的基本的物理運(yùn)動(dòng)規(guī)律。這些原理能讓繪制的卡通角色移動(dòng)和表演,但不能充分滿(mǎn)足現(xiàn)代UI界面的交互需求。

為了彌合這個(gè)差距,動(dòng)效專(zhuān)家Canedo Estrada改編的《動(dòng)效設(shè)計(jì)的10條原理》更適合應(yīng)用到數(shù)字產(chǎn)品設(shè)計(jì)中。

在圍繞界面元素建立用戶(hù)體驗(yàn)時(shí),重新定位動(dòng)效原理的關(guān)鍵在于:

  • 將動(dòng)效設(shè)計(jì)與UI動(dòng)畫(huà)區(qū)分開(kāi);
  • 闡明動(dòng)效如何幫助可用性;
  • 解開(kāi)核心動(dòng)效的內(nèi)部工作機(jī)制。


二、動(dòng)效設(shè)計(jì)與用戶(hù)體驗(yàn)

在討論動(dòng)效設(shè)計(jì)的原理之前,重要的是要強(qiáng)調(diào)動(dòng)效不僅僅是裝飾,而是一種用來(lái)幫助用戶(hù)體驗(yàn)的行為。動(dòng)效設(shè)計(jì)涉及兩種基本的交互類(lèi)型:實(shí)時(shí)和非實(shí)時(shí)。

 實(shí)時(shí) 

當(dāng)用戶(hù)在屏幕上點(diǎn)擊UI元素時(shí),實(shí)時(shí)交互提供即時(shí)反饋,會(huì)對(duì)用戶(hù)的操作做出即時(shí)響應(yīng)。

 非實(shí)時(shí) 

非實(shí)時(shí)交互發(fā)生在用戶(hù)操作后,這意味著用戶(hù)需要經(jīng)過(guò)短暫的轉(zhuǎn)場(chǎng)才能看到結(jié)果,然后再繼續(xù)。

另外動(dòng)效設(shè)計(jì)通過(guò)四種不同的方式來(lái)提升產(chǎn)品的可用性:

1.期望:當(dāng)用戶(hù)與界面交互時(shí),他們期望看到哪些行為?動(dòng)效是否符合預(yù)期或引起混亂?

2.連續(xù)性:交互在整個(gè)體驗(yàn)中是否發(fā)生一致的運(yùn)動(dòng)行為?

3.敘述:觸發(fā)的動(dòng)作是否與滿(mǎn)足用戶(hù)意圖的事件的邏輯進(jìn)程相關(guān)聯(lián)?

4.關(guān)系:UI界面的空間、美學(xué)和層級(jí)結(jié)構(gòu)如何相互關(guān)聯(lián)并影響用戶(hù)的決策?動(dòng)效如何影響各種元素的關(guān)系?

三、產(chǎn)品動(dòng)效設(shè)計(jì)原理

這里提供12種動(dòng)效設(shè)計(jì)原理的解析,每一種對(duì)應(yīng)不同的案例,從更直觀(guān)的角度來(lái)解讀抽象的原理。

1、緩動(dòng)(Easing)

緩動(dòng)效果模擬了現(xiàn)實(shí)世界中對(duì)象隨時(shí)間加速或減速的方式。它適用于所有運(yùn)動(dòng)的UI元素。下圖中的卡片和對(duì)應(yīng)的椅子移動(dòng)速度很快,但由于緩動(dòng)效果它們可以平穩(wěn)地受到控制。

2、偏移和延遲(Offset & Delay)

當(dāng)多個(gè)UI元素同時(shí)快速移動(dòng)時(shí),用戶(hù)傾向于將它們組合在一起,而忽略了每個(gè)元素自身的功能性。

偏移和延遲會(huì)在移動(dòng)的UI元素之間創(chuàng)建層級(jí)結(jié)構(gòu),并傳達(dá)它們相關(guān)但又不同的消息。元素的時(shí)間、速度和間距不是完全同步的,而是交錯(cuò)排列從而產(chǎn)生一種微妙的“一個(gè)接一個(gè)”的效果。

當(dāng)用戶(hù)在屏幕之間穿梭時(shí),偏移和延遲表明存在多個(gè)交互選項(xiàng)。

3、父子關(guān)系(Parenting)

父子關(guān)系將一個(gè)元素的屬性鏈接到其他元素中。當(dāng)父元素中的屬性更改時(shí),子元素的鏈接屬性也會(huì)更改,同時(shí)所有元素的屬性都可以相互鏈接。

在下圖中,將父元素(藍(lán)色滑塊)的位置與子元素(燈泡發(fā)光效果&光照強(qiáng)度)相關(guān)聯(lián)。當(dāng)父元素左右移動(dòng)時(shí),子元素的發(fā)光效果的范圍和光照強(qiáng)度的數(shù)值會(huì)發(fā)生變化。

父子關(guān)系在元素間創(chuàng)建關(guān)系并建立層級(jí)結(jié)構(gòu),允許多個(gè)元素同時(shí)與用戶(hù)交互。因此這種效果非常適用于實(shí)時(shí)交互中。

4、轉(zhuǎn)換(Transformation)

當(dāng)一種UI元素變成另一種形式時(shí)就會(huì)發(fā)生轉(zhuǎn)換。例如,轉(zhuǎn)換展示了下載的開(kāi)始、中間和完成狀態(tài)——下載按鈕轉(zhuǎn)換為進(jìn)度條,進(jìn)度條轉(zhuǎn)換為完成圖標(biāo)。

從UX角度看,轉(zhuǎn)換效果告知用戶(hù)元素的狀態(tài)發(fā)生了變化并將信息傳遞給用戶(hù),提高了用戶(hù)的認(rèn)知度。

5、數(shù)值變化(Value Change)

數(shù)值的變化(數(shù)字、文本或圖形)在數(shù)字界面中非常豐富,從銀行APP到日歷到電商網(wǎng)站的各種產(chǎn)品中都會(huì)出現(xiàn)。

在某種程度上,數(shù)據(jù)的動(dòng)態(tài)表達(dá)和交流可能會(huì)對(duì)數(shù)據(jù)的價(jià)值產(chǎn)生影響。例如下圖中的數(shù)值被動(dòng)態(tài)引入,向用戶(hù)顯示他們有能力影響數(shù)據(jù),提升了參與活動(dòng)的意愿。

6、遮罩(Masking)

遮罩是對(duì)界面上的部分內(nèi)容進(jìn)行戰(zhàn)略性的顯示和隱藏。通過(guò)改變?cè)氐男螤詈捅壤?,在改變?cè)匦Ч耐瑫r(shí)允許元素本身保持可識(shí)別性。因此,照片和插圖等視覺(jué)形式是理想的選擇。

從可用性的角度來(lái)看,設(shè)計(jì)師可以通過(guò)遮罩向用戶(hù)展示產(chǎn)品正在進(jìn)行一系列的交互。

7、覆蓋(Overlay)

二維空間中沒(méi)有深度,元素只能沿X或Y軸移動(dòng),疊加在界面中創(chuàng)造出前景/背景相區(qū)分的位置關(guān)系。通過(guò)模擬深度,覆蓋可以根據(jù)用戶(hù)的需要隱藏和顯示元素。

在使用覆蓋時(shí),信息層級(jí)結(jié)構(gòu)是重要的考慮因素。例如,用戶(hù)在筆記應(yīng)用中首先應(yīng)該看到的是筆記列表,然后使用覆蓋來(lái)顯示每個(gè)筆記的輔助選項(xiàng),如刪除或歸檔。

8、克隆(Cloning)

克隆是將現(xiàn)有的對(duì)象拆分成新對(duì)象,這是一種突出顯示重要信息或交互選項(xiàng)的方法。

通過(guò)克隆將元素與界面相鏈接,如果元素只是突然出現(xiàn)或消失沒(méi)有關(guān)聯(lián)性,那么用戶(hù)將缺乏信心去交互。

9、模糊(Obscuration)

想象一扇磨砂玻璃門(mén),雖然看不清門(mén)后的東西但是我們能察覺(jué)到門(mén)后事物的存在。

模糊的工作原理是一樣的。它為用戶(hù)提供提示,讓用戶(hù)意識(shí)到自己正在操作的界面之后還有其他的層級(jí)結(jié)構(gòu)。導(dǎo)航菜單、密碼屏幕和文件窗口是常見(jiàn)的示例。

10、視差(Parallax)

當(dāng)兩個(gè)(或更多)元素同時(shí)以不同的速度移動(dòng)時(shí)會(huì)構(gòu)成視差效果。

視差的主要目的是劃分層級(jí)結(jié)構(gòu):

  • 可交互的元素移動(dòng)速度更快,出現(xiàn)在前景中;
  • 非交互式元素移動(dòng)速度較慢,退到背景中。

視差引導(dǎo)用戶(hù)點(diǎn)擊可交互的元素,同時(shí)允許非交互的元素保留在屏幕上并保持設(shè)計(jì)的統(tǒng)一性。

11、維度(Dimensionality)

維度使界面元素具備具多個(gè)方向的交互,這種行為是使元素看起來(lái)是可折疊、可翻轉(zhuǎn)、浮動(dòng)的或具有深度。

作為一種敘述性工具,維度意味著元素的不同側(cè)面是相互聯(lián)系的,并且可以實(shí)現(xiàn)無(wú)縫的屏幕過(guò)渡。

12、平移與縮放(Dolly & Zoom)

平移與縮放通過(guò)視角的變化能產(chǎn)生更多空間上的體驗(yàn),逐級(jí)遞進(jìn)顯示更高級(jí)別的細(xì)節(jié)。

平移:點(diǎn)擊元素后發(fā)生距離遠(yuǎn)近的平移,用戶(hù)的視點(diǎn)會(huì)越來(lái)越接近圖像。(一個(gè)人拿著照相機(jī)走到一朵花前面近距離拍攝)

縮放:用戶(hù)的視角與圖像的距離保持不變,但圖像在屏幕中的比例會(huì)增加。(這個(gè)人站在原地不動(dòng),只利用相機(jī)的變焦功能使花顯得更大)

四、總結(jié)——?jiǎng)有Ъ唇涣?/span>

互動(dòng)體驗(yàn)要求動(dòng)效具備敏捷和微妙的形式。堅(jiān)持動(dòng)效設(shè)計(jì)原理,即使最基本的界面元素也能成為交流的復(fù)雜媒介。

動(dòng)效設(shè)計(jì)與產(chǎn)品用戶(hù)體驗(yàn)之間的關(guān)系正在迅速成熟,而且動(dòng)效跨越了二維屏幕上元素的抽象運(yùn)動(dòng)和3D世界中對(duì)運(yùn)動(dòng)的感知之間的鴻溝。



文章來(lái)源:UI中國(guó)   作者:Clip設(shè)計(jì)夾


藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)


實(shí)用的組件庫(kù)詳細(xì)制作邏輯和注意點(diǎn)

ui設(shè)計(jì)分享達(dá)人

成長(zhǎng)到一定階段是方法論的比拼。

   17年開(kāi)始進(jìn)行視覺(jué)組件庫(kù)的搭建,也出過(guò)一個(gè)B/G端設(shè)計(jì)分析方法的文章總結(jié),里面從大的方面介紹了組件。后來(lái)看到很多關(guān)于組件庫(kù)的文章,但是大都是從“分子原則”等很寬泛的方法來(lái)講,很少去細(xì)講實(shí)際搭建過(guò)程中會(huì)遇到的問(wèn)題,甚至有些方法深究或者實(shí)際做下去是有問(wèn)題。這里會(huì)全面的寫(xiě)下sketch搭建組件庫(kù)(或者說(shuō)是視覺(jué)規(guī)范)的邏輯,以及容易混淆思路的點(diǎn)。

      

    為了讓大家容易看完,先簡(jiǎn)短說(shuō)下制作組件庫(kù)的目的,再分三點(diǎn)講搭建方法。


    一 為什么制作組件庫(kù)

 

    Q1:很多人認(rèn)為table、tabs等通用組件不需要再搭建,很多大廠(chǎng)已經(jīng)出來(lái)規(guī)范,可以復(fù)用,為什么還要單獨(dú)制作自己的

    A1:這些通用組件都是由基礎(chǔ)的樣式粒子:填充色值、描邊大小與色值、圓角大小、文字大小與色值等組成,就拿form表單來(lái)講,不同的描邊、行高、圓角、文字樣式營(yíng)造的感覺(jué)也完全不同。


    Q2:搭建后能發(fā)揮什么作用呢

    A2:統(tǒng)一性:避免多人多風(fēng)格的現(xiàn)象,保證所有產(chǎn)品都呈現(xiàn)一致的設(shè)計(jì)語(yǔ)言,新成員加入,也可快速接手工作; 性:改一個(gè)組件,可以使用該組件的全部設(shè)計(jì)圖更改;在現(xiàn)有組件庫(kù)的基礎(chǔ)上,也可通過(guò)修改,生成不同項(xiàng)目的組件庫(kù)。

 

    Q3:搭建后如何確保大家都能正確使用?

    A3:需要大家了解自身項(xiàng)目組件庫(kù)的搭建邏輯,統(tǒng)一講解遠(yuǎn)程組件庫(kù)使用方法,并有專(zhuān)人定期維護(hù)更新遠(yuǎn)程組件庫(kù)。


    二 組件庫(kù)具體搭建方法

 

    分三方面說(shuō)明:(一)、內(nèi)容架構(gòu);(二)、注意點(diǎn);(三)、遠(yuǎn)程協(xié)作。

 

    (一)內(nèi)容架構(gòu)


    內(nèi)容架構(gòu)要考慮的是兩方面:一個(gè)是文檔的邏輯,二是組件的邏輯。三哪些制成組件,哪些制作成樣式。

 

 

 

    文檔的邏輯

 

 

    如上:點(diǎn)擊創(chuàng)建組件按鈕后,所有的組件都會(huì)出現(xiàn)在“圖層/組件”界面,默認(rèn)的排序方式是軟件自定的,不好分類(lèi)和查看,除非每次創(chuàng)建后再進(jìn)行挪動(dòng)。第二個(gè)“組件》”這個(gè)位置是不能直接切換看到組件的,只能在左側(cè)看到所有的組件名稱(chēng)。再加上制作之前,也需要繪制出內(nèi)容,所以我們需要在圖層處建立界面,繪制我們的內(nèi)容。樣式也是如此,只能在“組件》”看到所有的樣式名稱(chēng)。

所以我們整理出:“樣式”page——所有需要?jiǎng)?chuàng)建樣式的內(nèi)容在此處整理分類(lèi)繪制;“components組件”page——所有組件在此處分類(lèi)繪制,再進(jìn)行創(chuàng)建;“l(fā)ayout 布局”page——說(shuō)明系統(tǒng)的布局和響應(yīng)方案;“examples場(chǎng)景模塊”典型場(chǎng)景模塊,“更新日志”page——標(biāo)明每次變動(dòng),當(dāng)然sketch是自動(dòng)導(dǎo)出“組件”page。另外根據(jù)系統(tǒng)特性,比如數(shù)據(jù)統(tǒng)計(jì)類(lèi)界面多的情況,可以增加“data visualization數(shù)據(jù)分析”page

 

    組件的邏輯

 

    很多組件庫(kù)向左圖一那樣,直接把所有組件擺了出來(lái),非常凌亂不便使用。再對(duì)比element和antdesign,后者的分類(lèi)整合地更干凈整齊,涵蓋的全面,整合后的大類(lèi)別少,分類(lèi)相對(duì)清晰,可以借鑒,后續(xù)有自己系統(tǒng)常用模塊需要制作成組件,可以單獨(dú)增加一個(gè)分類(lèi)模塊。當(dāng)然也可以按著自己的邏輯重新整理。

 

    哪些制成組件,哪些制作成樣式


 

    先說(shuō)樣式吧:1 文字(也有些會(huì)選擇直接做成組件,但我一般會(huì)制成樣式,感覺(jué)更輕量化些);2顏色——背景色、線(xiàn)條色(分割線(xiàn)、描邊)、主色調(diào)、圖標(biāo)配色、功能色;3 容器(需制作全不同狀態(tài)的容器,內(nèi)容卡片、輸入框、標(biāo)簽等都會(huì)用到);4投影。指的注意的是,這里的樣式基本涵蓋了所有的基礎(chǔ)樣式,后續(xù)大部分的基礎(chǔ)樣式都要盡量在在此處引用。

 

    哪些制成組件:本質(zhì)上講就是兩大類(lèi),1是icon;2是其它無(wú)法用簡(jiǎn)單樣式的常出現(xiàn)內(nèi)容(也就是上面按“組件邏輯”整理出來(lái)的內(nèi)容”

    何時(shí)需要制成復(fù)合組件:1需要通過(guò)很多基礎(chǔ)樣式切換才能改變狀態(tài)時(shí)候。而且通過(guò)多個(gè)樣式切換不同狀態(tài),麻煩的地方在于覆蓋層的優(yōu)先級(jí)比較高,即使切換成了同類(lèi)其他組件,也還是被覆蓋,必須更新

如下:

 

    我們可以在創(chuàng)建symbol后,在右側(cè)取消內(nèi)部相應(yīng)的樣式覆蓋,然后建立所需的多個(gè)狀態(tài)的平行組件,通過(guò)直接切換不同組件來(lái)切換狀態(tài)。

 

    2如果該組件有上一級(jí)組件,并且要用到該組件的不同狀態(tài),就要把該組件的不同狀態(tài)改為組件,不然一層一層改很麻煩。

 

    (二)、注意點(diǎn)

 

    制作組件的過(guò)程中雖然按著大的架構(gòu)走,還是很容易混亂或者卡住。以下注意點(diǎn),可以幫助我們理清關(guān)系。這部分其實(shí)也是我重點(diǎn)想說(shuō)明的內(nèi)容。

    命名


 

 

    1無(wú)論是組件還是樣式的名稱(chēng),最后一級(jí)相平行的,最好是可以相互切換的狀態(tài)。這樣就可以在右側(cè)屬性中直接切換。

    2 組件只能切組件,樣式只能切樣式?!?也就是說(shuō)定好一個(gè)基本元素是樣式,那么與它平行的切換內(nèi)容也需要是樣式。

    3 如何修改已制好的組件或樣式名稱(chēng)


 

    截圖1(圖層》組件page)和2處,選中進(jìn)入后,均可找到對(duì)應(yīng)的修改。修改后其他頁(yè)面已放置好的組件名不被修改,反過(guò)來(lái),在圖層處其他位置修改,亦不能修改好組件的命名。

    4 sketch里默認(rèn)的分組是通過(guò)命名時(shí)的“/”,要修改組件或樣式加載時(shí)的分組,需在切換到此處,進(jìn)行拖拽。修改后,組件的名稱(chēng)也會(huì)被修改。

 



 

    5 要將一個(gè)元素的組件命名到一處去,理清楚如上的關(guān)系。如果遇到無(wú)法用到的基本元素搭建,需要新的元素,可放到該組的element里(如上圖)

 

    樣式或組件的修改

 

 

    樣式變化后,更新按鈕變?yōu)榭牲c(diǎn)擊,點(diǎn)擊此處可以更改樣式,重設(shè)樣式可以還原

    組件編輯覆蓋層后在右側(cè)更新,如果想修改組件,通過(guò)編輯母版

 

    響應(yīng)

 

    要考慮好響應(yīng)方式,每個(gè)組件在此處做好設(shè)定

 

    (三)、遠(yuǎn)程協(xié)作

 

    遠(yuǎn)程原因


 

    如上,只要復(fù)制過(guò)來(lái)的新內(nèi)容中有組件,就會(huì)再下面自己建立出組件,很不方便組件管理,團(tuán)隊(duì)人多時(shí),容易使組件發(fā)生變化,用遠(yuǎn)程組件能夠做到完全統(tǒng)一。

 

    遠(yuǎn)程方案


    1 藍(lán)湖



 

    無(wú)論樣式還是組件添加后,還得自己分組重新整理,組件使用方法,在“藍(lán)湖設(shè)計(jì)規(guī)范云”中找到相應(yīng)的,自己拖過(guò)去用,很麻煩。

 

    2 語(yǔ)雀

    可以通過(guò)語(yǔ)雀的sketch插件上傳或者下載,加載后便是類(lèi)似遠(yuǎn)程組件的使用方法。

 

    3 sketch clould
|

 



    單獨(dú)通過(guò)線(xiàn)下傳library文件加載使用,比較不容易統(tǒng)一和版本不好管理。因此Sketch Cloud Library 是基于 iCloud 帳戶(hù)云能力創(chuàng)建的 Sketch的云端設(shè)計(jì)庫(kù),使用前需要對(duì)其進(jìn)行設(shè)置。使用時(shí),打開(kāi) Sketch 左上角第一個(gè)菜單的 Preference,選擇 Libraries 卡片,將本地 iCloud Drive 中的規(guī)范文件拖拽進(jìn)這個(gè)區(qū)域,然后關(guān)閉該窗口。

 

    綜上所述,我們常選sketch cloud或者 語(yǔ)雀的kitchen插件來(lái)進(jìn)行遠(yuǎn)程使用。另外會(huì)線(xiàn)下發(fā)送整個(gè)文件,方便整體復(fù)用一些組件和example里的頁(yè)面。

    

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


藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

日歷

鏈接

個(gè)人資料

存檔