<address id="ttjl9"></address>

      <noframes id="ttjl9"><address id="ttjl9"><nobr id="ttjl9"></nobr></address>
      <form id="ttjl9"></form>
        <em id="ttjl9"><span id="ttjl9"></span></em>
        <address id="ttjl9"></address>

          <noframes id="ttjl9"><form id="ttjl9"></form>

          首頁

          第三方支付行業發展已到下半場,產業服務商成為升級方向

          資深UI設計者

          微信支付、支付寶支付這些常見的支付方式都屬于第三方支付,而在互聯網發展的下半場,第三方支付會走向何方呢?本文以第三方支付未來發展變遷方向洞察為重點,分析內容主要包括了第三方支付行業發展變遷盤點和第三方支付行業變遷方向預判。

          01 第三方支付借勢起飛,4.0時代為社會發展提供核心動力

          1.0時代:第三方支付開始起步,商業模式單一限制行業發展天花板

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

          供需兩端雙向發力,第三方支付交易額快速增長。

          供給端,線上交易領域,支付寶在2005年首次提出了“擔保交易”的概念。這一概念的提出不僅提高了消費者對第三方支付平臺的信任,也進一步拓展了第三方支付公司的業務想象空間。線下交易領域,拉卡拉從2007年開始大力進行線下便民支付點的建設和信用卡還款業務的推廣,充分滿足居民日常的支付需求;需求端,電商、在線航旅等行業的發展成熟也推動了消費者對于第三方支付的相關需求。在供需兩端的雙重作用下,2008-2010年,我國第三方支付行業的交易額連續3年增長率超過100%。

          2.0時代:牌照正式發放,第三方支付行業進入合規發展階段

          隨著行業的發展和成交額的快速攀升,依然處于監管空白期的第三方支付行業開始出現挪用資金、非法套現等一系列的行業問題,監管層也開始逐漸加強對于第三方支付行業的監管。2010年,央行出臺《非金融機構支付服務管理辦法》,確立了第三方支付相關的配套管理辦法和細則;2011年,央行正式開始發放第三方支付牌照,拉卡拉等公司成為首批持牌展業的第三方支付公司,我國的第三方支付行業開始正式進入合規化發展階段。

          支付機構積極響應監管要求,相關企業開始移動支付試點。

          為第一時間獲得對應的支付資質,眾多支付機構積極對監管的要求予以回應,努力滿足監管的相關規定。

          隨著網絡的逐漸進步和智能手機的問世,通信運營商、銀聯等機構紛紛開始進行移動支付的試點,國內的移動支付開始逐漸起步。2011年11月,支付寶正式推出了手機APP二維碼支付業務,二維碼支付正式在國內亮相。

          3.0時代:硬件、場景快速成熟,二維碼借自身優勢成功上位

          伴隨著移動互聯網的發展和智能手機等硬件的逐漸成熟,打車、外賣、理財、紅包轉賬等手機端的交易場景開始接連出現,居民對于移動支付服務的相關需求開始迅速攀升。各家支付機構也開始加快移動支付相關技術的研發和市場推廣。在這一過程中,二維碼憑借著自身編碼范圍廣、傳播制作成本低、容錯率高、識讀方便等一系列優勢成功上位,逐漸成為市場上最為主流的移動支付方式。

          交易規模迅速攀升,支付機構全面擁抱移動互聯網。

          隨著場景、硬件的日趨成熟和居民對移動支付認可度的快速提高,我國移動支付市場的交易規模也迎來了爆發式增長。根據易觀分析數據顯示,2015至2017年,我國移動支付市場交易規模的增速連續三年超過100%, 2017年的交易規模增速更是達到了208.7% ;交易規模的飛速增長也加速了相關企業的業務布局。拉卡拉、中國銀聯等支付機構先后推出了自己的智能移動支付產品,積極擁抱移動互聯網。

          4.0時代:技術、政策、相關企業協同推動產業互聯網發展

          隨著時代的發展和社會的進步,我國的互聯網也正逐漸由消費互聯網向產業互聯網邁進:技術領域,人工智能、云計算、區塊鏈等技術逐漸發展成熟并被落地應用;政策領域,監管層積極出臺關于產業互聯網、工業互聯網等方面的相關支持性政策,大力扶持相關產業的發展;企業層面,拉卡拉、三一重工、海爾等不同類型的企業均開始進行產業互聯網、工業互聯網等領域的業務布局,準備以全新的姿態迎接新時代的到來。

          1)支付在產業互聯網時代將逐漸成為商業社會運行基礎設施

          隨著產業互聯網的來臨,數據對于各個企業的生產、經營和創新都開始發揮越來越重要的作用。在這樣的大背景下,支付數據覆蓋用戶廣泛、真實有效、數量龐大的優勢開始逐漸體現。支付數據和支付機構開始在商業社會的運行過程中發揮越來越大的價值。支付也逐漸演變成商業社會運行的基礎設施。

          02 支付機構拓展增值服務業務,轉型綜合型產業服務商

          1. 第三方支付機構開啟轉型變革之路,積極尋求自身二次增長

          高速發展過后,我國的第三方支付行業迎來了發展變革的十字路口:一方面,受到監管政策趨嚴、成交額基數增大等原因的影響,第三方支付機構傳統支付收單業務的增速開始放緩,業務的天花板逐漸開始見頂;另一方面,隨著我國數字經濟的發展和產業互聯網時代的到來,越來越多的企業開始產生一系列金融服務、營銷、風控等方面的增值服務需求,企業服務市場的發展潛力開始逐漸凸顯。在這樣的背景下,越來越多的支付機構開始深挖自身已有數據資源的價值,積極利用人工智能、云計算、大數據等一系列前沿科技進行企業服務業務的拓展,開始進行由單一支付服務商向綜合型產業服務商轉型的嘗試,積極尋求自身的二次增長。

          2. B端企業服務與C端用戶深度運營成為支付公司兩種升級路徑

          根據易觀分析的觀察,目前階段,我國第三方支付機構轉型綜合型產業服務商的路徑主要有兩條:一條是以側重于B端企業或機構的深度服務,努力為合作的B端企業或機構創造更大的價值;另一種則更加偏向C端消費者的深度運營,通過持續拓展服務場景和業務邊界來鞏固C端消費者與自身產品之間的關系,并為C端用戶提供更加豐富的產品服務。

          3. 市場競爭、產品研發等問題將成為支付機構轉型阻礙

          盡管我國的很多第三方支付機構已經開始進行轉型綜合型產業服務商的努力與嘗試,但是其在轉型的過程當中也不可避免的會面臨來自產品研發、營銷推廣、外部競爭、市場成熟度不高、數據安全等各種各樣潛在的風險與挑戰。

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

          03 新競爭者入局將再次引發移動支付市場爭奪

          1. 牌照價值凸顯,未持牌公司加速搶購支付業務“入場券”

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

          根據易觀分析不完全統計,2012年至今,我國境內共發生了近100起支付牌照交易案例,國美、美團、唯品會、小米、滴滴、字節跳動等眾多企業均通過收并購的方式獲得了支付業務的“入場券”。

          2. 合規、節約開支和底層數據成為企業獲取支付牌照主要原因

          易觀分析認為,未持牌企業積極收購支付牌照主要是出于以下三個方面的考慮:1、確保自己支付收單業務的合規性,規避潛在的合規風險;2、節省下對應的支付通道服務費用,獲得對應的備付金利息;3、獲得底層的支付數據,方便企業構建更加詳細的消費者和商家畫像,進行后續的精細化運營和業務拓展。

          3. 新競爭者入場將為第三方支付行業帶來“鯰魚效應”

          易觀分析預測,拼多多、字節跳動等企業的先后入場將會再次引發移動支付機構對于C端市場的爭奪;另一方面,更有實力的市場參與者的加入也將對市面上的獨立第三方支付公司產生影響:依舊希望繼續獨立運營的第三方支付公司在未來將進一步加快自己對于場景和產品服務的建設,努力構建起自身的核心競爭力;而難以構建起核心競爭壁壘的第三方支付公司則可能寄希望于其他公司的收并購需求。

          04 泛支付公司掀起登陸資本市場熱潮,將成為重要構成板塊

          1. 進入發展成熟期,持牌第三方支付公司逐漸成為資本市場寵兒

          隨著我國第三方支付行業的發展,我國的持牌第三方支付公司也進入相對成熟的發展階段,拉卡拉行業頭部企業開始逐漸得到資本市場的關注加碼。在這樣的背景下,我國的持牌第三方支付公司在近幾年開始頻繁的登陸資本市場。

          2. 產業鏈上下游公司協同受益,資本市場全新板塊開始崛起

          隨著持牌支付機構陸續獲得資本市場認可,同樣位于支付產業鏈上的非持牌支付產業服務商和終端廠商也開始逐漸獲得資本市場關注,二者與持牌支付機構共同推動泛支付行業逐漸成為資本市場上一個重要的獨立板塊。

          3. 企業融資熱度不減,泛支付上市公司未來陣容將繼續擴大

          除了拉卡拉等已經成功上市的泛支付公司外,收錢吧、PingPong等公司在近幾年均獲得高額融資;以銀聯商務為代表的幾家持牌支付機構也在積極的謀求上市。可以預見的是,泛支付上市公司的陣容在未來將變得越來越大。

          4. 相關公司獲得全新發展機遇,行業整體影響力持續提升

          對于泛支付板塊中的相關公司來說,獲得資本市場的青睞將會為公司帶來更加充足的市場關注度、資金等相關資源,也可以推動公司的規范化發展。隨著頭部公司逐漸得到資本認可,越來越多的泛支付公司在將來也會開始嘗試登陸資本市場,整個泛支付板塊未來在資本市場的影響力和重要性也將不斷的得到提高。

          泛支付板塊公司獲得資本市場關注的積極意義

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

          05 海外市場將成為支付機構增長新引擎

          海外市場前景依然廣闊,支付機構積極構建全球業務版圖。

          除了繼續關注國內市場的發展外,不少支付公司也已經將自己的目光轉移到了海外市場。相關需求方面,隨著留學、旅游、購物等海外消費的快速發展,我國居民和商戶對跨境收付款的需求增長明顯;市場想象空間方面,以東南亞市場為代表的移動互聯網和移動支付依然處于快速發展階段,整個市場依然有著不小的增量空間;從產業成熟度的角度來看,我國移動支付的相關技術和商業模式已經非常成熟,具備進行海外輸出的能力和條件。

          06 支付公司拓展跨境支付業務的原因

          國內消費者和商戶跨境收付款需求增長明顯:

          • 根據國家統計局和易觀分析數據顯示,2019年,我國跨境進口電商交易規模、居民因私出境人數及出國留學人數相較去年分別增長15.8%、4.6%和7.2%;
          • 根據易觀分析相關數據顯示,2020年我國B2C類跨境出口電商通過第三方支付機構的收款規模預計將達到7300億元人民幣,相較2019年將增長24%。

          東南亞等海外移動支付市場依然有著不小的增量空間:

          • 根據互聯網公開數據顯示,到2025年,東南亞的數字支付交易規模將突破1萬億美元大關,2019-2025年的復核增長率將達到10%;
          • 根據互聯網公開數據顯示,越南移動支付用戶數量的增長率從2018年的37%增加到2019年的61%;泰國從19%增加到67%,馬來西亞從17%增長到40%;菲律賓從14%增長到45%。

          我國移動支付市場發展成熟,具備進行海外輸出的能力:

          • 根據CNNIC數據顯示,2020年上半年,我國移動支付金額繼續穩居全球第一,而這也是我國移動支付交易規模連續三年居全球首位;
          • 以拉卡拉為代表的眾多國內支付公司在近些年積極進行跨境支付業務的發展,幫助中國的跨境電商企業快速實現資金結算。

          1. 自營與合作成為支付機構“出海”主要模式

          目前階段,我國支付機構拓展海外市場有兩種比較主要的業務模式:一種是國內支付機構自己直接進行海外相關業務的展業;另一種更為普遍的則是“出海造船”模式,即通過投資或合作的方式尋找本地的合作伙伴進行技術、商業模式的輸出或業務的合作推進。

          在主要面向的客戶群體方面,在國內C端移動支付市場有明顯流量優勢的支付企業在海外可能同樣傾向于C端錢包賬戶體系的打造和消費者支付場景的拓展;而以拉卡拉為代表的其他支付機構則把業務發展的重心放在了B端商戶上。

          2. 支付機構“出?!眱灮脩糁Ц扼w驗,推動我國跨境貿易發展

          易觀分析認為,對于進行海外購物的消費者來說,支付機構紛紛“出海”可以進一步優化其跨境支付的體驗,更好的保障自身的資金安全;對我國的跨境貿易來說,跨境收付款產品服務的升級可以幫助相關企業減少收付款過程中遇到的問題,推動我國整個跨境貿易的發展和增長;對于拓展跨境支付業務的第三方支付機構來說,跨境支付及相關增值服務可以幫助支付機構尋找到新的業務增長點,實現公司的二次發展。

          3. 支付公司拓展跨境支付業務所產生的積極意義

          對消費者:可以讓更多的消費者在海外通過國內的支付APP進行付款,進一步提高消費者跨境收付款的效率,優化消費者跨境支付的體驗,更好的保障消費者的資金安全。

          對我國的跨境貿易:跨境收付款及相關增值產品服務的升級可以幫助相關企業減少展業過程中遇到的問題,提高自身生產經營的效率,推動跨境貿易企業以及我國整個跨境貿易行業的發展。

          對第三方支付機構自身:跨境支付及相關增值服務更高的利潤水平和更大的想象空間將使其成為支付機構下一階段重要的業務增長引擎,幫助支付機構優化自身收入結構,實現營收和利潤的良性增長。

          4. 支付機構“走出去”依舊需面臨監管、業務本地化等多挑戰

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

          文章來源:人人都是產品經理   作者:易觀分析

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務


          【交互設計】B端產品中后臺列表頁設計方法總結

          前端達人

          接觸b端產品設計差不多半年多了,每天面對的都是各種控制臺,本次自己試著總結了下工作中遇到的各種列表設計的小tips。


          轉自:站酷

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

          如何設計tabbar主題圖標

          資深UI設計者

          文章來源:站酷   作者:吳小炫


          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務




          從需求分析到上手設計,如何快準狠?收好這3大秘籍

          周周

          設計師這些年,我一直有個類似“閃電俠”的標簽——就是在保證一定質量的情況下,出活賊快。這個特質最大的好處就是每天可以給自己騰出多一點時間做別的,比如我寫文章學習(打wangzherongyao),這點哪怕是血汗工廠或沒事兒也要996的福報廠也適用。同時它也是不當狗腿子也能獲得不錯績效(認可)的一種特質。

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

          分析需求方的動機

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

          舉個例子,估計大家都遇到過熱衷改需求的產品經理,昨天圖出了一半,今天他又要改了!

          很多鐵汁這個時候會抑制不住掀桌的沖動去直接討伐產品經理,但實際上建議大家先了解更改需求的原因是什么再做打算。比如:是不是他們老板臨時又下達了新的旨意?如果是的話是不是建議他們在和老板確認完需求后再提交設計,又或者可以直接拿統計工時和prd返工率導致的整體排期拖延直接與他溝通問題嚴重性。

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

          再舉個例子,老板讓鐵汁你做個設計自驅的產品優化設計方案ppt。

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

          大部分情況下類似的這種產出目的性只有一個:這是給老板的老板看的,讓他覺得設計團隊有在好好積極的干事情,且還干出了點東西。那么其實這個ppt的真實需求方其實不是你的老板,而是你老板的老板(業務線負責人:一個可能壓根看不懂設計的人)。這個時候如果你把ppt的內容重心放到了設計的細節以及ppt的美化上,就很容易躺槍,也就是累了個半死還不落著好(真實發生在我周邊的案例)。

          因為看不懂設計的人對于這些東西是沒有太大感知的。相反,如果你能注重設計與數據的結合,多放一些前后對比案例以及針對用研去做的設計提案就會是完全不同的效果。

          對新需求的快速定位與預判

          在開始著手設計前,我們可以先對需求進行基礎分析與規劃。首先定義好需求的量級/優先級以及排期,接下來就需要根據需求的實際情況判斷需要參與的上中下游成員。

          舉個例子,這里我們收到了一個需求:一個直播app需要在原有功能基礎上增加一個直播間的類型(情感解憂節目)。

          從需求分析到上手設計,如何快準狠?收好這3大秘籍

          那么我們先快速過一遍prd原型,超過3個核心頁的明顯體驗改動,外加上N種小細節狀態以及三級頁?;疚覀兛梢耘卸ㄋ鼘儆谝粋€中型量級的頁面,排期緊急的話大概在3天左右。從原型上看,應該會涉及到交互/ui/運營推廣設計/前端+開發這種人員組合。

          那么在明白了人員配置之后,需要申請運營推廣設計組幫忙設計的部分就需要提前告知給相應的負責人進行提前排期,而對于一部分頁面的具體實現方式在不確定的情況下提前和對應技術鐵汁溝通。

          再舉個例子,這里我們希望延續在app里面沉浸式黑色面板的體驗,所以新發布的故事也希望做成和常規白色不一樣的深色面板。

          從需求分析到上手設計,如何快準狠?收好這3大秘籍

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

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

          這里很多鐵汁可能會說,和他們bibi半天也許最后的結果還是得改稿子,還不如我直接改了來得快。因此這個問題就又回到了第一點,你得先了解你合作方/需求方的秉性,在決定效率優先的前提下這個溝通是否有必要,且控制在多長的溝通時間范圍內是性價比最高的。

          競品分析用好了是AK47瞄準鏡

          很多鐵汁想知道該用什么樣的方法論去控制自己的輸出,好達到專業規范且能很好說服他人的目標。其實無論是分析需求優先級的kano模型/大項目問題挖掘的雙鉆模型/尼爾森十大交互原則還是設計排版的那些格式塔原理,在做真槍實戰中你會發現它們就像一個上真戰場廝殺的戰士帶了把華麗的歌舞劇假刀的感覺。

          這個原因很簡單,因為他們都是通用方法論。實際工作中我們遇到的項目通常緊急且各有不同的訴求,而通用方法論只是我們的一種知識儲備,在我們上手設計時會對我們的設計產生基礎的正向引導,幫我們規避一些低級的體驗錯誤,比如莫名其變的交互手勢設計or和WCAG色值對比度偏差很大的視覺設計。

          但如果我們想要最快速精準的對癥下藥,那核心武器只有一個——做競品分析。這里的競品不是說和你家產品一模一樣商業模式的才算,哪怕你家是0-1的產品創新,沒有垂直類競品可以參考,也可以挖掘到很多相似的同類竟品分析細節。

          在分析競品的ui和交互的同時你可以快速get到被驗證過的設計方案,還可以補充很多“不成文的”經驗,比如為什么有的細節大家都是這樣的設計,去度娘搜索一下原因,保證你的經驗值又增加了1個百分點。同時拿線上產品多次試驗過的經驗來做方案參考是相對風險性低的一件事情,這個對于產品和技術也有一定的說服力。

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

          其實沒有什么創新是真正的從0-1,哪怕汽車的創造也是建立在馬車基礎上的,因此該如何有效的做競品分析,青出于藍而勝于藍,是個非常大的課題。

          這里簡單來說分為3步:

          • 確定哪些是垂直競品,哪些是同類競品
          • 對多個垂直競品進行深入剖析與比對(具體模塊的框架/交互/視覺樣式)
          • 結合與產品的溝通,判斷怎樣的升級或過渡帶更適合自己產品的設計。


          文章來源:彩云譯設計     作者:Nana的設計錦囊



          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務


          項目不同階段 UED如何發力

          ui設計分享達人

          項目有自己的生命周期,我們作為設計師也應該學會變通,在項目的不同生命周期采用不同的設計策略,脫離現實情況空談體驗往往難以推進……
          設計的本質是解決問題,守住內核,保持匠心……

           

          文章來源:站酷   作者:小木喵


          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

          微交互:設計師的超能力

          資深UI設計者

          微交互在用戶體驗中占據越來越重要的位置,來看看微交互該如何應用吧~


          大概幾周前,在他的朋友和孩子們的大力勸說下,我并不那么精通互聯網的爺爺加入了Facebook。最后。在我教他設置個人資料,創建帖子和后續頁面時,他遇到了一個有趣的事,在嘗試摸索頁面中不知何故偶然發現了著名的LIKE按鈕。他將鼠標懸停在“贊”按鈕上,彈出了6個表情符號,然后單擊“ HAHA”笑臉,這使他對這個小動畫感到敬畏。這就是微交互對產品或應用程序的強大功能。


          資料來源:Giphy


          我們作為用戶,每天都能看到和應用這些微交互,有些甚至沒有意識到?!跋矚g”按鈕是最簡單的示例之一。其他幾個是:

          • 滾動鼠標時出現的簡單滾動條

          • 向左滑動即可清除iPhone主屏幕上的通知

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

          • 一個進度條顯示下載百分比

          • 拉動以刷新,以在應用程序屏幕上重新加載內容

          • 交互式錯誤頁面,例如Google Chrome和為文章點贊是一些最常見的微交互。那么,為什么這些非常有效?為什么每個應用程序都有它們?


          資料來源:Dribbble

          一.什么是微互動?

          微交互就像與設備的任何其他交互一樣,用于將有意義的反饋傳達給用戶,因為用戶必須不斷知道執行某項操作時會發生什么。這是一種人們期望發生某些事情的趨勢。例如:單擊按鈕,滾動頁面,將商品添加到購物車,向左滑動卡片。

          資料來源:Dribbble

          這通常是通過提供系統狀態(尼爾森的啟發式方法)或幫助用戶避免常見錯誤來實現的。當您未填寫必填字段時,帶有錯誤消息的紅色邊框就是微交互。


          例如看下面的互動

          豎起大拇指— Facebook Messenger


          該動畫是微交互的一個很好的例子,因為它實現了三個重要功能:

          • 溝通狀態并提供反饋

          • 增強直接操縱感

          • 幫助人們看到自己行動的結果


          二.微交互的構成

          分解

          微觀互動包括四個部分:

          • 觸發器啟動微交互。觸發器可以由用戶啟動或由系統啟動。

          • 在用戶啟動的觸發器中,用戶必須啟動一個動作。

          • 在系統啟動的觸發器中,軟件檢測到滿足某些資格并啟動操作。

          • 規則確定了觸發微交互后會發生什么。

          • 反饋使人們知道發生了什么事。發生微交互時,用戶看到,聽到或感覺到的任何東西都是反饋。

          • 循環和模式決定了微交互的元規則。當條件改變時,微相互作用會發生什么?


          三.微交互的作用


          如果微交互僅僅是微小的設計元素,為什么還要關心它們呢?

          很多Web開發人員和設計人員還在問這樣一個問題。注重細節是一個優秀網站與普通網站的根本區別。 這些就是使用微交互的原因:

          • 他們改善了網站導航

          • 它們使用戶更輕松地與您的網站進行交互

          • 他們向用戶提供有關已完成操作的即時和相關反饋

          • 他們給您的用戶提示

          • 他們交流有關某些元素的信息,例如是否互動

          • 它們使用戶體驗更有意義

          • 他們鼓勵分享,喜歡和評論您的內容

          • 他們引起用戶的注意

          • 最后,它們只是使您的網站更具情感性


          精心設計的微交互是用戶關心的明顯標志。這就是為什么他們如此重視。用戶可以做什么,以及他們的行為是否正確并得到系統的批準-應用程序或網站可提供即時的視覺反饋,并教會用戶使用系統。

          正確進行微互動后,它們往往會給您的品牌帶來積極的感覺并影響用戶的行為,而人們甚至根本沒有意識到為什么這樣做。如果您喜歡或不喜歡產品的某個方面,則通常對產品有正面或負面的傾向。這種所謂的“哈洛效果”既可以支持您也可以對您不利。在明智的情況下,這些知識可以幫助改善用戶對您網站的反饋-通過適當注意細節,可以使用戶滿意。


          四.什么時候使用微交互

          在UX / UI世界中,盡管微交互非常微小,但與用戶進行交流時卻是強大的動力。以下是最常見的微交互及其對用戶體驗的影響:


          輕滑

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


          數據輸入

          我們所有人都知道設置密碼或創建帳戶的麻煩。這個動作很容易引起用戶反感。關于密碼強度和用法的前瞻性建議可以使用戶輕松前進,而在輸入數據時進行一些交互也可以使用戶參與該過程并有助于實現目標。


          動畫

          動畫可以簡單地啟用并改善微交互。他們的存在可能不會被注意到,但是缺席給每個人造成了損失。它們就像膠水一樣,可以幫助設計師使最簡單的過程變得有趣和令人上癮。但是要非常小心,因為它們意在吸引用戶,而不會使他們分心或沮喪。延遲處理或在網站中引入新樣式可能會引起混亂。


          當前系統狀態

          必須使用戶了解網站或應用程序上當前發生的狀態,這一點很重要。如果不通知用戶,他們將很生氣并關閉網站或應用程序。微交互使用戶可以準確地知道發生了什么,完成該過程需要多長時間等。即使失敗消息也很幽默,但有效地保持了用戶的信任。


          使教程變得有趣

          每個人都在不斷尋求信息。借助微交互功能的教程通過簡化和突出顯示基本功能和重要控件以方便用戶理解,從而指導用戶進行應用程序的工作。


          號召性用語

          微交互實質上是在推動用戶與應用程序或網站進行交互。號召性用語給用戶帶來了成就感,也給用戶行為灌輸了同理心,使用戶與CTA互動的最佳方法是使CTA吸引用戶的興趣。


          動畫按鈕

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


          滑動手勢

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

          快速操作

          一個簡單的快速動作示例就是,當您點擊并按住應用程序圖標時,在Apple設備上進行3D觸摸,它將為您提供用戶最常使用的上下文動作項。這樣可以節省點擊次數和時間。例如,Instagram會呈現諸如相機、新帖、活動等動作。


          交流信息

          這些類型的交互會分解復雜的信息,并使用視覺,動畫將信息輕松傳達給消費者。一個完美的例子是解釋信用卡上的利息費用。這是一個敏感的話題,Apple Card通過使用圓形互動動畫來告知用戶和最高費用,再次贏得了客戶。


          互動參與

          有時,您希望用戶通過使他們感到驚奇的方式來與界面進行交互。這種令人驚訝的結合動作會更加產生更強大的影響。Robinhood App最近發布了一張借記卡,其候補名單超過一百萬。要在候補名單中上移您的位置,用戶可以轉到其應用并點擊該卡(最多60次)。這是使用戶與應用程序交互的一種有趣方式。

          提供反饋

          在用戶觸發某些內容或輸入某些內容之后,Motion可以有效地用于向用戶發送反饋。錯誤狀態和成功狀態就是這些示例,下面是移動應用程序正確和不正確密碼輸入的示例。

          向用戶介紹界面

          每當啟動具有精美功能的新產品或應用程序時,如果用戶發現它太難理解,它終將失敗。因此,在此類情況下,應用程序可以利用微交互來向用戶介紹功能。例如,N26 Fintech App使用動畫來演示用戶如何將錢從一個儲蓄桶轉移到另一個。


          引起用戶的注意

          當移動屏幕上的大部分空間都充滿信息時,很難突出顯示我們希望用戶注意到的特定功能。通過使用動畫和過渡效果,微交互可以在為用戶帶來愉悅感方面發揮至關重要的作用。例如,在Slack上,在您開始鍵入之前,發送按鈕變灰,一旦開始鍵入,它將變為藍色,向用戶指示這是號召性用語按鈕。


          使加載屏幕有趣

          大多數加載屏幕都很無聊,但是微交互和動畫可以將它們變成非常有趣的東西。每當加載或設置過程中有等待時間時,Google都會利用此空間為其用戶創造出色的直觀體驗。這是一個例子:


          我們人類一直在努力尋求即時滿足。在更大的事物方案中,忽略微交互是一種普遍的趨勢,但不可否認微交互對于保持用戶對產品的興趣和好奇非常重要。每個人都說細節就是魔鬼。小小的體驗和設計功能(例如在屏幕之間切換或突出顯示功能或彈出新通知)可以在增強用戶體驗方面產生巨大差異。


          五.如何設計微互動?

          進行微交互對于設計師來說是令人興奮的,因為可以嘗試新的設計解決方案并尋找使用戶感到驚訝的新方法。但是為此,您必須牢記以下幾點:

          • 把自己放在用戶的角度考度,并使用所有您要弄清楚他們如何使用您的應用程序。

          • 創建功能動畫。不僅具有美學效果而且能夠增強用戶體驗的動畫。

          • 讓用戶保持愉悅。用戶使用該應用程序時的感受是其不斷使用該應用程序的原因。如果用戶喜歡并感到愉快,他將再次使用產品。

          • 不要打擾到用戶。過多的動畫會對用戶產生相反的影響。令人討厭的用戶使他們遠離您的應用程序。

          • 使用人類語言和非技術性語言。有趣的文案可能會讓用戶暫時忘卻應用程序中空白頁面的沮喪。


          六.設計微互動的工具

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

          如果你熟悉編碼:

          • 手機:Xcode,Android Studio

          • 手機或網頁:Framer

          • 網頁:CSS動畫

          如果要創建更詳細的交互:

          • Principle,Adobe CC,origami Studio和Protopie

          如果要創建詳細的交互+動畫:

          • After Effects


          文章來源:站酷   作者:ZZiUP


          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務





          十年知乎,一體兩面

          資深UI設計者

          作為一個知名的問答社區,知乎已經走過了十年。面對十年間不斷變化的用戶習慣和互聯網環境,知乎都做出了哪些改變?未來,知乎會朝著什么樣的方向發展?本文作者從用戶構成、內容形態和商業模式各個方面,對知乎進行分析,希望對你有幫助。

          一轉眼,知乎已經十年了。

          2010 年,新浪、騰訊、網易、搜狐都在搞微博,展開搶人大戰。當時微博客的形式已經被國外老師 Twitter 證明了成功,而問答類網站的原型 Quora 和 Formspring 才剛蹣跚起步,前途未卜。

          很快,新浪微博就帶著“圍觀改變中國”的光環出了圈,但人們真正認識到知乎的威力,還要等上幾年。現在,知乎積累了近 4400 萬個問題和 2.4 億個回答,成為中文互聯網最大的原創內容策源地之一。

          十年間,中國從 PC 互聯網邁入移動互聯網時代,內容產業蓬勃興起,網絡前所未見地深刻影響中國社會。知乎積累的海量內容,加上每天源源不斷生成的新內容,深度參與塑造了中國網民的眼界和思想。

          2011 年 4 月 7 日,開站不到 5 個月,社長成為知乎第 6332 位用戶。作為一個知乎深度老用戶,社長愿意用“兩個知乎”來形容自己觀察到的知乎十年。

          從用戶構成、內容形態和商業模式各個方面,我們都能看到相對著存在的“兩個知乎”。它們互為表里,共同構成了知乎精彩紛呈的景象。

          01 知乎的用戶

          1.“精英用戶”vs 普通讀者

          2013 年,社長寫過一篇《知乎:為“精英用戶”服務》,這是航通社最早對知乎的觀察文章。知乎符合所謂“二八定律”,創作者只是極少數,絕大部分人都是看客。

          根據知乎官方數據,在冷啟動的 40 天里,知乎 200 位原始用戶創造了 8000 個問題和 2 萬個回答,早期邀請注冊的用戶都有很高的分享欲望和出品質量。所以,為當時還不多的創作者做“私人定制”的服務,成為知乎催化優質內容的選擇。

          當知乎開放注冊之后,原來的“精英用戶”可能感覺到知乎的變化,并且不一定適應。有一些人退出,但更多的人進入。

          如今的知乎給每個用戶都提供了開放易用的創作輔助和數據統計工具,通過想法、專欄、視頻等多樣形態降低分享門檻,讓任何有志耕耘內容,或只想簡單分享的人,都能夠找到其中的樂趣。算法的進化,也讓人們收到的信息流總體上日趨精準。

          2. 規則破壞者 vs 秩序維護者

          在知乎,有些人出言不遜,大肆騷擾,降低了他人的瀏覽體驗;另一些人從事虛假營銷、詐騙等活動,有的已經構成違法犯罪。在其它平臺,總有人盜用知乎站內原創內容,轉換為視頻等其它形式,造成盜版比原版還火,也讓創作者們深受困擾。

          近年來,知乎不斷加大用算法和人工混合處理違規的力度。在中文互聯網當中,知乎是最早實現對所謂“陰陽怪氣”的不友善言論識別的平臺之一,其他平臺的互動信息審核很難到如此細的顆粒度。熱烈且長尾的評論互動是知乎的重要特色,激勵了很多創作者將知乎作為原發平臺。

          同時,知乎也加大了版權保護的力度,如起訴微博營銷號“知乎大神”勝訴等;并主動切入視頻領域,讓圖文作者可以更主動地分享短視頻紅利。

          3. 付費會員 vs 免費用戶

          知乎對直接付費購買內容的商業模式一直寄予厚望,前后走過付費咨詢,音頻內容,賣課程等幾條路線。經過一陣探索,小說、圖書、文字專輯售賣等最終脫穎而出。綜合了紙書電子版、純網絡出版、私家課等資源的全包式“鹽選會員”,已經成為創作者獲取回報的一個重要來源。

          2019 年起,知乎將站內優秀網文作品放上會員平臺。知乎網文作者出現了月收入超 10 萬、單本收入超 60 萬的銷售記錄,那些“剛編的故事”再也不能被等閑視之。

          為了推廣優質的付費內容,知乎在眾多問題下將可能切題的付費內容,以“故事檔案局”等官方賬號推送,嵌入到回答流當中。在評論區下面,不乏“我就是為看這個而開了會員”的聲音。除此之外,原先免費的內容都沒有被付費墻擋住,包括原有的海量長尾答案,免費用戶的體驗也得到了尊重。

          02 知乎的內容

          1. 非虛構嚴肅內容 vs “如何評價”和故事

          知乎早期的邀請注冊制,令它以專業人士的獨到分析、獨家資源和親身經歷而著稱?!罢J真你就贏了”是當時知乎的流行語。

          但在開放注冊之后,新用戶可能會“水”回答,“抖機靈”也同樣獲得讀者歡迎。一些曾經堅持的編輯規范如“直角引號”,也逐漸變得不那么嚴格要求,純粹寫作虛構內容的人也在知乎上活躍起來。

          知乎決定讓喜歡每種不同內容的人,都通過算法推薦而各得其所。針對虛構內容,知乎推出了作者聲明功能,同時通過會員付費實現優秀故事的產業化發展。對于仍然愿意堅持“認真”的人,知乎提供“親自答”標簽、學歷及工作經驗認證,由資深用戶發放“專業”標簽等方式,且同樣輔以內容商業化的激勵。

          2. 長尾、長保質期內容 vs 即時熱搜內容

          人們驚嘆于知乎居然已經十周年了,也同樣對知乎上的“神預言”問答驚嘆不已。

          2011 年十大熱議問題中,足球、晚睡習慣、金庸小說等問題,直到現在依然吸引著大量讀者前來“瞻仰”。在 2011 年底一個推薦購買比特幣的回答,累積至今獲得 4.2 萬個贊同。像這樣的“預言家”在知乎上還有很多。他們就當時當地的情況寫下的內容,可能在幾年、十幾年甚至更長時間,都始終具有借鑒和參考意義。

          隨著越來越多的人注意到知乎,每次有熱點事件發生時,很容易在知乎找到事件親歷者、行業內人士、專家學者提供多方位的視角和解讀,這些信息“養活”了包括航通社在內的不少“自媒體”。知乎熱榜成為百度搜索指數、微博熱搜、微信指數等等之外,又一個衡量中國輿論場的風向標。

          跟保質期長的沉淀內容相比,即時熱搜并非“速朽”,而是對“新聞是歷史的底稿”這句話的最佳詮釋。

          3. 專業 UPGC 視頻 vs 自動生成視頻

          知乎切入視頻的決心不可謂不大,方式也多種多樣,從單獨的視頻制作工具,到首頁為視頻開辟獨立版塊,再到問題頁將視頻回答單獨列出??梢哉f,有視頻創造力的人士將會獲得越來越多的展示機會。

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

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

          此外,對長期習慣于文字創作的人來說,視頻制作也有一定難度。隨著知乎的自動化工具上線,視頻的產能將會提升,也可以打擊一些將優秀文字內容掐頭去尾,再搬運到其他視頻平臺上的人。

          03 知乎的商業模式

          1. 謹慎看待商業化 vs 商業化順勢而為

          早期的知乎以專業回答著稱,讀者對于回答與商業內容相結合很難接受,會說這樣的答主是“恰飯”。當時,答主只能通過“贊賞”等有限的渠道獲得微不足道的收入。這使得知乎雖然擁有日益顯著的流量,商業變現能力卻長期被外界質疑。

          不能找到合適的盈利模式的話,一家商業公司是無法持續經營下去的。好在,隨著知乎的用戶基數擴大,更多人有機會擺脫單純讀者的身份,自己也成為創作者,體會到答案被人認同的快樂。此時,更多的人學會了換位思考。

          近一兩年來,特別是 2019 年知乎完成 4.5 億美元 F 輪融資之后,人們對知乎闊步走向商業化已經習慣,而知乎的探索也終于有了收獲,開始找到適合自己的商業路線。

          2. 軟性植入 vs 好物推薦

          很多人信賴知乎一些領域的專業答主,當他們在回答推薦自己信得過的商品時,也會帶來跟隨購買的效應。不過,由于早期知乎風氣使然,如果答主獲得品牌贊助進行推薦時,哪怕真的有推薦的充分理由,也不得不小心翼翼,避免被人發現。

          2020 年 1 月,知乎“好物推薦”功能全量開放,這同時解決了兩個問題:一是在知乎回答看到商品后,不能及時跳轉到購買鏈接,導致決策鏈條斷開;二是答主推薦商品后往往需要讀者自行搜索,其中可能弄錯關鍵字或被相近的冒牌誤導。更重要的是,它給部分專業答主帶來的收益是清晰可見的。

          2020 年雙 11 期間,知乎“好物推薦”帶貨內容閱讀量突破 8 億;GMV 相比 618 翻倍,訂單量提升 113%。“藍大仙人”是最經常被提到的“好物推薦”受益者,他專攻的智能電視領域有著得天獨厚的優勢——有專業門檻,客單價高,銷量及咨詢需求長期穩定。他的一篇測評文章 GMV 超過 5000 萬。

          3. 大 V 自發接單 vs 品牌、平臺、創作者聯動

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

          知乎首先為品牌方提供了機構認證、品牌提問等能力,讓品牌在知乎保持“人格化”運營,提升親和力,與用戶建立互信。而品牌也可以通過平臺邀約相關領域優秀回答者,推薦產品,講述原理或歷史故事,以及做出客觀評價。

          此前,品牌如有此需求,只能繞過平臺聯系頭部資源或 MCN,效率低下也很容易“翻車”。2020 年,知乎將對企業的內容服務打包成“知+”方案,由平臺牽頭,精準對接熱度話題與優秀創作者,盤活存量 UGC 內容,全面激活創作能力。

          目前,社長就可以在知乎的創作中心開啟“知+自選”內容創作,挑選品牌任務當中自己覺得能寫好的,比較切題的來寫作。這種“人找品牌”加上以前就有的“品牌找人”,實現了比以往“盲人摸象”式配對更為精準的供需匹配。

          需要指出的是,任何形式的品牌贊助內容,在寫作時依然要嚴格遵守知乎社區規范,也要經歷讀者的考驗與事實核查,關乎作者苦心經營的公信力。

          04 結論

          十年來,知乎的形象和角色不斷變化,從一個小眾又帶點“曲高和寡”的討論社區,過渡為繁榮而包羅萬象的虛擬城邦,以及為人們提供實際幫助的解憂雜貨鋪。現在,知乎保持著中文互聯網最大的原創內容策源地之一的地位,是中國輿論場的重要組成部分。

          過去十年,有很多的殊途同歸。移動互聯網和 PC 互聯網逐漸融合,網絡與現實社會的鴻溝被填平,科技企業從創新顛覆的光環中走出,向商業的本質邏輯回歸。在知乎,作者與讀者、知識與故事、內容與商業本是一體兩面。十年之后驀然回首,“兩個知乎”合二為一。

          正所謂“內容即商業,商業即內容”。知乎十年積累的長尾內容是它最寶貴的資源,最終知乎的商業化道路,也從外圍探索收斂回歸到內容本身。海量的內容、良性的互動和進入正循環的商業模式,正在為知乎開啟下一個十年。

          文章來源:人人都是產品經理   作者:航通社

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務


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

          周周

          軟件熟練度屬于“器”的范疇,對主要靠作品集吃飯的設計師來說很難對外體現。但是我們不能說它不重要,軟件的熟練度依然是設計是否能夠產出的重要因素之一??!

          今天結合我自己之前的經驗,來談談AI中的一些相對比較冷門的小干貨(很多是我最近才get到的- -),但愿這些快捷操作能幫助你進行產出~~

          大綱:

          • 快速調節參數
          • 平行四邊形圓角
          • 快速平滑縮放
          • 手柄波浪線
          • 路徑快速消除
          • 填充快速消除

          快速調節參數

          AI中存在很多參數需要我們自己去調節。比如一個形狀的寬高圓角,對形狀進行變換的旋轉、扭曲等參數等等。可能很多朋友跟我一樣,要么一個個手動輸入要么通過拖動滑塊進行調節。

          這么做造成的問題有兩個,一個是交互的繁瑣,一個是參數調節顆粒度過細,在進行往返調試時需要耗費大量的重復工作量。對于我們時間寶貴的設計師來說這種方法簡直太弱了好嘛!!

          不過這些完全可以通過一個方法來解決——快捷鍵調節即可!結合shift、cmd(即win系統的ctrl)以及上下方向鍵完完全全地提升效率。具體的方法如下:

          • 上下方向鍵:1px為增量進行調節
          • shift+上下方向鍵:以10px為增量調節
          • cmd+上下方向鍵:以0.1px為增量進行調節

          比如對形狀的變換,我們就可以使用上下方向鍵1px微調,結合shift以10px數調。鍵入位置通過tab切換。

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

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

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

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

          順帶一提,sketch參數數值調節也支持這種快捷操作哦。

          平行四邊形圓角

          我們在調節形狀的圓角時,一般情況有兩種方法,要么在菜單欄or變換工具中數值調整,要么直接在角落的圓角點上拖動。

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

          但是對于平行四邊形這種四個頂角度數不一樣的形狀,即使四個圓角大小是一致的,由于銳角和鈍角的存在導致圓角看起來并不一樣。

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

          這時候,外觀效果就派上用場了。

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

          我們在效果-風格化中找到圓角選項,為平行四邊形添加一個圓角外觀效果。

          風格中找到圓角選項就可以自己設置。這里給一個和剛剛一樣的圓角10px。

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

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

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

          另外,這種外觀的好處就是,后期隨時可以在外觀中編輯!

          快速平滑縮放

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

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

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

          手柄波浪線

          一般我們畫波浪線是通過扭曲與變換中的波紋效果來變換。

          但是我們也可以使用鋼筆來直接畫。

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

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

          路徑快速消除

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

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

          但其實壓根不需要這么麻煩,一個工具就可以迅速解決,而且可以連續消除!

          這個工具就是路徑橡皮擦工具,說實話知道這個工具后我再也回不去了。

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

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

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

          填充快速消除

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

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

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

          當我們按住alt后,就可以隨意地繪制出不同寬度的矩形進行切割,相比形狀生成器或布爾運算更加方便點。

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

          最后

          一點點平時積累的ai小干貨,但愿能幫到你??!


          文章來源:優設網     作者:轉行人的設計筆記



          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

          深度分析動效設計原理,提升產品可用性!

          ui設計分享達人


          動效對產品的可用性體驗有多維度的影響。在界面中動效不僅僅是一種視覺裝飾,它能夠提升產品的參與度并擴展交流的范圍。

          本文追根溯源,先從動效的起源講起,一步步推進與產品、體驗之間的關系,最后通過案例分析動效設計的原理和應用。一起來看看吧~

          一、動效設計的起源

          動效與用戶體驗的結合相對較新,其根源是迪士尼動畫設計的十二個條基本原理。迪士尼動畫原理是為了講故事而提煉出的基本的物理運動規律。這些原理能讓繪制的卡通角色移動和表演,但不能充分滿足現代UI界面的交互需求。

          為了彌合這個差距,動效專家Canedo Estrada改編的《動效設計的10條原理》更適合應用到數字產品設計中。

          在圍繞界面元素建立用戶體驗時,重新定位動效原理的關鍵在于:

          • 將動效設計與UI動畫區分開;
          • 闡明動效如何幫助可用性;
          • 解開核心動效的內部工作機制。


          二、動效設計與用戶體驗

          在討論動效設計的原理之前,重要的是要強調動效不僅僅是裝飾,而是一種用來幫助用戶體驗的行為。動效設計涉及兩種基本的交互類型:實時和非實時。

           實時 

          當用戶在屏幕上點擊UI元素時,實時交互提供即時反饋,會對用戶的操作做出即時響應。

           非實時 

          非實時交互發生在用戶操作后,這意味著用戶需要經過短暫的轉場才能看到結果,然后再繼續。

          另外動效設計通過四種不同的方式來提升產品的可用性:

          1.期望:當用戶與界面交互時,他們期望看到哪些行為?動效是否符合預期或引起混亂?

          2.連續性:交互在整個體驗中是否發生一致的運動行為?

          3.敘述:觸發的動作是否與滿足用戶意圖的事件的邏輯進程相關聯?

          4.關系:UI界面的空間、美學和層級結構如何相互關聯并影響用戶的決策?動效如何影響各種元素的關系?

          三、產品動效設計原理

          這里提供12種動效設計原理的解析,每一種對應不同的案例,從更直觀的角度來解讀抽象的原理。

          1、緩動(Easing)

          緩動效果模擬了現實世界中對象隨時間加速或減速的方式。它適用于所有運動的UI元素。下圖中的卡片和對應的椅子移動速度很快,但由于緩動效果它們可以平穩地受到控制。

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

          當多個UI元素同時快速移動時,用戶傾向于將它們組合在一起,而忽略了每個元素自身的功能性。

          偏移和延遲會在移動的UI元素之間創建層級結構,并傳達它們相關但又不同的消息。元素的時間、速度和間距不是完全同步的,而是交錯排列從而產生一種微妙的“一個接一個”的效果。

          當用戶在屏幕之間穿梭時,偏移和延遲表明存在多個交互選項。

          3、父子關系(Parenting)

          父子關系將一個元素的屬性鏈接到其他元素中。當父元素中的屬性更改時,子元素的鏈接屬性也會更改,同時所有元素的屬性都可以相互鏈接。

          在下圖中,將父元素(藍色滑塊)的位置與子元素(燈泡發光效果&光照強度)相關聯。當父元素左右移動時,子元素的發光效果的范圍和光照強度的數值會發生變化。

          父子關系在元素間創建關系并建立層級結構,允許多個元素同時與用戶交互。因此這種效果非常適用于實時交互中。

          4、轉換(Transformation)

          當一種UI元素變成另一種形式時就會發生轉換。例如,轉換展示了下載的開始、中間和完成狀態——下載按鈕轉換為進度條,進度條轉換為完成圖標。

          從UX角度看,轉換效果告知用戶元素的狀態發生了變化并將信息傳遞給用戶,提高了用戶的認知度。

          5、數值變化(Value Change)

          數值的變化(數字、文本或圖形)在數字界面中非常豐富,從銀行APP到日歷到電商網站的各種產品中都會出現。

          在某種程度上,數據的動態表達和交流可能會對數據的價值產生影響。例如下圖中的數值被動態引入,向用戶顯示他們有能力影響數據,提升了參與活動的意愿。

          6、遮罩(Masking)

          遮罩是對界面上的部分內容進行戰略性的顯示和隱藏。通過改變元素的形狀和比例,在改變元素效果的同時允許元素本身保持可識別性。因此,照片和插圖等視覺形式是理想的選擇。

          從可用性的角度來看,設計師可以通過遮罩向用戶展示產品正在進行一系列的交互。

          7、覆蓋(Overlay)

          二維空間中沒有深度,元素只能沿X或Y軸移動,疊加在界面中創造出前景/背景相區分的位置關系。通過模擬深度,覆蓋可以根據用戶的需要隱藏和顯示元素。

          在使用覆蓋時,信息層級結構是重要的考慮因素。例如,用戶在筆記應用中首先應該看到的是筆記列表,然后使用覆蓋來顯示每個筆記的輔助選項,如刪除或歸檔。

          8、克隆(Cloning)

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

          通過克隆將元素與界面相鏈接,如果元素只是突然出現或消失沒有關聯性,那么用戶將缺乏信心去交互。

          9、模糊(Obscuration)

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

          模糊的工作原理是一樣的。它為用戶提供提示,讓用戶意識到自己正在操作的界面之后還有其他的層級結構。導航菜單、密碼屏幕和文件窗口是常見的示例。

          10、視差(Parallax)

          當兩個(或更多)元素同時以不同的速度移動時會構成視差效果。

          視差的主要目的是劃分層級結構:

          • 可交互的元素移動速度更快,出現在前景中;
          • 非交互式元素移動速度較慢,退到背景中。

          視差引導用戶點擊可交互的元素,同時允許非交互的元素保留在屏幕上并保持設計的統一性。

          11、維度(Dimensionality)

          維度使界面元素具備具多個方向的交互,這種行為是使元素看起來是可折疊、可翻轉、浮動的或具有深度。

          作為一種敘述性工具,維度意味著元素的不同側面是相互聯系的,并且可以實現無縫的屏幕過渡。

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

          平移與縮放通過視角的變化能產生更多空間上的體驗,逐級遞進顯示更高級別的細節。

          平移:點擊元素后發生距離遠近的平移,用戶的視點會越來越接近圖像。(一個人拿著照相機走到一朵花前面近距離拍攝)

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

          四、總結——動效即交流

          互動體驗要求動效具備敏捷和微妙的形式。堅持動效設計原理,即使最基本的界面元素也能成為交流的復雜媒介。

          動效設計與產品用戶體驗之間的關系正在迅速成熟,而且動效跨越了二維屏幕上元素的抽象運動和3D世界中對運動的感知之間的鴻溝。



          文章來源:UI中國   作者:Clip設計夾


          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務


          實用的組件庫詳細制作邏輯和注意點

          ui設計分享達人

          成長到一定階段是方法論的比拼。

             17年開始進行視覺組件庫的搭建,也出過一個B/G端設計分析方法的文章總結,里面從大的方面介紹了組件。后來看到很多關于組件庫的文章,但是大都是從“分子原則”等很寬泛的方法來講,很少去細講實際搭建過程中會遇到的問題,甚至有些方法深究或者實際做下去是有問題。這里會全面的寫下sketch搭建組件庫(或者說是視覺規范)的邏輯,以及容易混淆思路的點。

                

              為了讓大家容易看完,先簡短說下制作組件庫的目的,再分三點講搭建方法。


              一 為什么制作組件庫

           

              Q1:很多人認為table、tabs等通用組件不需要再搭建,很多大廠已經出來規范,可以復用,為什么還要單獨制作自己的

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


              Q2:搭建后能發揮什么作用呢

              A2:統一性:避免多人多風格的現象,保證所有產品都呈現一致的設計語言,新成員加入,也可快速接手工作; 性:改一個組件,可以使用該組件的全部設計圖更改;在現有組件庫的基礎上,也可通過修改,生成不同項目的組件庫。

           

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

              A3:需要大家了解自身項目組件庫的搭建邏輯,統一講解遠程組件庫使用方法,并有專人定期維護更新遠程組件庫。


              二 組件庫具體搭建方法

           

              分三方面說明:(一)、內容架構;(二)、注意點;(三)、遠程協作。

           

              (一)內容架構


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

           

           

           

              文檔的邏輯

           

           

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

          所以我們整理出:“樣式”page——所有需要創建樣式的內容在此處整理分類繪制;“components組件”page——所有組件在此處分類繪制,再進行創建;“layout 布局”page——說明系統的布局和響應方案;“examples場景模塊”典型場景模塊,“更新日志”page——標明每次變動,當然sketch是自動導出“組件”page。另外根據系統特性,比如數據統計類界面多的情況,可以增加“data visualization數據分析”page

           

              組件的邏輯

           

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

           

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


           

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

           

              哪些制成組件:本質上講就是兩大類,1是icon;2是其它無法用簡單樣式的常出現內容(也就是上面按“組件邏輯”整理出來的內容”

              何時需要制成復合組件:1需要通過很多基礎樣式切換才能改變狀態時候。而且通過多個樣式切換不同狀態,麻煩的地方在于覆蓋層的優先級比較高,即使切換成了同類其他組件,也還是被覆蓋,必須更新

          如下:

           

              我們可以在創建symbol后,在右側取消內部相應的樣式覆蓋,然后建立所需的多個狀態的平行組件,通過直接切換不同組件來切換狀態。

           

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

           

              (二)、注意點

           

              制作組件的過程中雖然按著大的架構走,還是很容易混亂或者卡住。以下注意點,可以幫助我們理清關系。這部分其實也是我重點想說明的內容。

              命名


           

           

              1無論是組件還是樣式的名稱,最后一級相平行的,最好是可以相互切換的狀態。這樣就可以在右側屬性中直接切換。

              2 組件只能切組件,樣式只能切樣式。—— 也就是說定好一個基本元素是樣式,那么與它平行的切換內容也需要是樣式。

              3 如何修改已制好的組件或樣式名稱


           

              截圖1(圖層》組件page)和2處,選中進入后,均可找到對應的修改。修改后其他頁面已放置好的組件名不被修改,反過來,在圖層處其他位置修改,亦不能修改好組件的命名。

              4 sketch里默認的分組是通過命名時的“/”,要修改組件或樣式加載時的分組,需在切換到此處,進行拖拽。修改后,組件的名稱也會被修改。

           



           

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

           

              樣式或組件的修改

           

           

              樣式變化后,更新按鈕變為可點擊,點擊此處可以更改樣式,重設樣式可以還原

              組件編輯覆蓋層后在右側更新,如果想修改組件,通過編輯母版

           

              響應

           

              要考慮好響應方式,每個組件在此處做好設定

           

              (三)、遠程協作

           

              遠程原因


           

              如上,只要復制過來的新內容中有組件,就會再下面自己建立出組件,很不方便組件管理,團隊人多時,容易使組件發生變化,用遠程組件能夠做到完全統一。

           

              遠程方案


              1 藍湖



           

              無論樣式還是組件添加后,還得自己分組重新整理,組件使用方法,在“藍湖設計規范云”中找到相應的,自己拖過去用,很麻煩。

           

              2 語雀

              可以通過語雀的sketch插件上傳或者下載,加載后便是類似遠程組件的使用方法。

           

              3 sketch clould
          |

           



              單獨通過線下傳library文件加載使用,比較不容易統一和版本不好管理。因此Sketch Cloud Library 是基于 iCloud 帳戶云能力創建的 Sketch的云端設計庫,使用前需要對其進行設置。使用時,打開 Sketch 左上角第一個菜單的 Preference,選擇 Libraries 卡片,將本地 iCloud Drive 中的規范文件拖拽進這個區域,然后關閉該窗口。

           

              綜上所述,我們常選sketch cloud或者 語雀的kitchen插件來進行遠程使用。另外會線下發送整個文件,方便整體復用一些組件和example里的頁面。

              

          文章來源:站酷   作者:youngLion0610


          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

          日歷

          鏈接

          個人資料

          藍藍設計的小編 http://www.syprn.cn

          存檔

          亚洲va欧美va天堂v国产综合