<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>

          首頁

          如何把控設計的畫面整體?這個六個視覺語言一定要了解

          博博

          不管是一部電影,還是一張視覺創意,想要消費者或者老板買單,從形、意、色、字、構、質等一系列視覺語言,都需要很好的掌握。

          作者:Peng蓬的芝士追光      來源:站酷

          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加微信ban_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~
          希望得到建議咨詢、商務合作,也請與我們聯系01063334945。 

          分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。 

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

          千萬級小說產品,會員全鏈路設計復盤

          博博

          本文通過強化會員品牌、全鏈路精細化運營和提升會員服務的設計手段闡釋如何為用戶提供更好的服務。

          百度小說是百度APP內的垂直頻道,擁有過億月活和行業最全的正版書籍。隨著著作權保護意識逐步上升,越來越多的用戶愿意為優質的資源和閱讀體驗付費。2019年底,為了滿足用戶消費升級所產生的一系列需求,百度小說初步建立了會員體系。經過兩年多的打磨,我們不斷提升會員的服務體驗,并進行了多次優化升級,現在將我們的設計經驗分享給大家。

          一、設計背景

          2021年我國數字閱讀用戶規模達到5.06億,同比增長2.43%,半數以上用戶愿意為電子閱讀付費,占比最重的人群為19~25歲用戶,達到44.63%(數據來源《中國數字閱讀報告》),“Z世代”已經成為我國數字閱讀的主要群體。隨著消費升級,用戶對服務的需求不斷提升,更看重信息之上的附加價值,如認同感、歸屬感和儀式感。

          二、改版原因

          2019年,由于時間緊、任務重,我們完成了小說會員從無到有、從0-1的基礎場景搭建。但隨著設計趨勢的變化,當時小說會員的設計風格與主流用戶的喜好不完全匹配,在使用場景中也存在易用性不足、內容缺乏吸引力等問題。下圖是2019年小說會員的界面。

          同時,我們對小說用戶進行了視頻訪談,搜集了用戶在使用會員服務中遇到的問題,如會員福利少、找不到會員專屬內容、購買過程有卡頓等,最終梳理為的三大核心問題:身份感知弱、購買路徑長和資源內容少。

          三、設計目標


          在小說會員亟待改版的背景下,我們結合業務目標、舊版核心問題和用戶訴求,推導出了本次改版的設計目標—品牌化、鏈路化和服務化。

          1、品牌化—強化會員品牌

          小說會員作為百度APP眾多會員之一,設計團隊希望能帶給閱讀用戶一些不同的品牌記憶點。

          1)設計關鍵詞

          基于會員的主流用戶、產品屬性和用戶訴求,我們衍生出以下關鍵詞:年輕、品質、尊貴、超值。年輕用戶群體的占比越來越高,新版的設計風格力求更好滿足年輕用戶的審美需求。

          2)會員符號

          符號是最直觀的視覺元素之一,能夠以最快的方式傳遞產品記憶點。在會員品牌符號設計的草圖階段,我們從字母V、VIP、鉆石、王冠和小說IP白嘟嘟等多個方向進行了方案發散。最終采用了白嘟嘟圖形與尊貴感的V形符號相結合的形式。該方案既延續了小說的視覺符號,又與競品的會員標識形成差異,從而加深用戶的品牌感知和視覺記憶。

          3)會員色彩

          為了確定更加獨特的品牌色,設計團隊搜集了大量的尊貴氛圍圖片,提煉出了玫瑰金,牙金,赤墨等8個具有品質感的顏色。在視覺初稿階段,我們選擇了玫瑰金和黃金兩種主色進行了方案嘗試。最終根據整體效果確定主色為明亮、高貴的玫瑰金,輔色為黑茶棕,深支子和漆黑的配色方案。新的配色方案讓用戶感受到新穎、現代,煥然一新。

          4)會員圖標

          在圖形元素上,為了增強親和感,我們選擇了圓潤的面形圖標樣式,通過大圓弧和小圓角的細節處理,傳遞給用戶一種年輕、品質的品牌印記。

          5)信息傳達

          我們對會員購買頁和權益詳情頁進行了布局重構,采用深色的背景襯托卡片信息,使得產品框架層和內容信息層更加明確,突出核心內容。

          在各類場景中,我們通過會員品牌色彩、圖形、符號和IP形象的滲透,強化會員品牌印記。

          經過分析研究和實踐,我們完成了主場景的設計升級。

          2、鏈路化—精細化運營

          就會員體驗而言,我們需要關注用戶在各種時間和各類場合下的需求,因此我們將會員的全鏈路狀態分為時機、場景和人群三個維度。

          1)時機

          在不同的時機狀態下,我們需要傳遞給用戶不同的信息。只有深入剖析不同狀態下的用戶訴求,才能為其提供更好的服務。接下來我們從購買前、購買中、購買后和即將過期四個階段闡述:

          ①購買前—權益/優惠信息引導

          在用戶購買前,我們強化了低價和省錢信息,讓用戶直觀感受到購買會員后的價格福利。為此我們從三個方向上進行優化,在開通購買頁,外露省錢金額,幫助用戶了解開通會員可享受的收益;在會員頻道頁,采用外露多項權益,讓用戶快速了解會員權益;在章節購買頁,采用突出會員折扣和會員優惠價,讓用戶感受到開通會員的折扣福利。

          ②購買中—優化路徑流程

          在用戶購買中,我們在會員購買鏈路環節進行簡化,采用當前頁彈出半層面板替代跳轉至會員聚合頁的方式,縮短等待加載時間;在章節付費鏈路環節,將商品選擇區信息結構進行優化,減少多章購買的頁面跳轉,使得用戶能夠更流暢完成支付,提升付費體驗。

          ③購買后—強化權益感知

          在用戶購買后,鑒于付費用戶對商品和服務品質有著更高追求,為此我們通過在各類重要入口展示會員權益,包括省錢金額、去廣告次數以及各類場景VIP狀態提示等方法,以達到強化用戶的權益感知。

          ④即將過期—輕引導續費

          在即將過期前,為了避免對用戶造成強付費的不友好感知。過期前3天,我們采用了輕量化的形式告知用戶續費,通過各類引導信息的提示,讓用戶知曉會員服務期限屆滿。

          2)場景

          我們在入口和功能場景中也進行了精細化設計,讓用戶更便捷地使用會員服務。為了突出會員優質內容和服務,我們設置了會員專屬的頻道和書庫,方便用戶選擇。

          在各類功能場景中,為了方便用戶在使用功能的過程中隨時購買,我們設置了多個功能場景的會員開通入口。讓用戶快捷享受會員服務。

          3)人群

          通過小說用戶數據分析,我們將用戶人群分為會員用戶、潛在用戶、新用戶和過期用戶。

          為了讓會員用戶能夠體驗到區分于普通用戶的尊貴感,我們在付費頁、批量離線、TTS播放頁和簽到頁等場景均采用了會員定制化的配色方案和引導提示,這樣使得會員用戶在體驗服務的各類場景中有更強的身份專屬性。

          所謂潛在用戶,是指仍在猶豫是否購買會員的用戶。我們通過限時優惠券、激勵視頻試用15分鐘、書架省錢提示、挽留彈窗和降級版免廣告權益等方式,讓潛在用戶不僅可以先試后買了解會員權益,而且可以通過各類信息提示通曉會員體驗,更好地判斷是否通過會員服務減少付費金額和提升閱讀體驗。

          我們針對新用戶建立了新人見面禮活動,用戶在新手福利活動期內可享受超值折扣開通會員,低價體驗會員權益。而針對已過期的用戶,我們通過下發優惠券、強化特權等形式喚醒用戶,以免錯過各類福利和特權。

          3、服務化—提升會員服務

          在內容為王的時代背景下,為了增加會員產品的核心競爭力,我們持續擴充會員書庫的數量和類目、拓展會員權益,讓用戶閱讀到更加豐富的小說內容和體驗到更多權益的會員服務。小說書庫的付費和免費書數量大幅擴充,且書籍類型新增了有聲書和短篇故事,增添了小說資源的多樣性。

          在權益上,對內我們持續拓展會員特權,從最初的4項擴展為10項,新增了有聲免費聽、免費讀故事、整本離線、專屬字體、簽到1.5倍書幣等權益;對外我們聯合其他產品,推出了會員贈禮和聯合會員服務,用戶可以根據自己的需求進行購買,享受組合購買的優惠。

          通過多個版本的迭代,我們完成了會員體系的設計升級和落地,用戶體驗得到了顯著提升。

          四、未來規劃

          提升付費產品的用戶體驗是一個體系化的研究課題,需要各個角色通力合作,合力同行,開拓革新。將來我們還會不斷探索,通過不斷優化體驗細節,不斷增加用戶權益感知,不斷嘗試方案創新,形成設計組合拳,為用戶提供更好的服務。






          作者:百度MEUX      來源:站酷



          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加微信ban_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~

          希望得到建議咨詢、商務合作,也請與我們聯系01063334945。 



          分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。 



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

          用這三步流程,打造百度酒店比價認知

          博博

          百度酒店以比價及低價感知傳達、高效預訂低價為設計目標,實現劃分為了“提升感知、建立認知、強化記憶”三個階段建立用戶認知。


          百度酒店以比價為核心特色,經歷多次設計探索,初步建立了用戶認知。

          設計中通過“核心流程分析-明確用戶關注信息-探索比價價值”的方式去制定設計策略,并在方案探索與落地階段,通過思路發散、多輪數據驗證與方案迭代,驗證了“氛圍感知強化、價值信息傳達、聚合比價”等設計手段的作用,希望給服務和電商等比價類產品的設計師一些啟發和參考。

          一、項目背景

          酒店住宿在線預訂市場中,各個平臺基于用戶權益、運營補貼等差異進行著激烈的價格競爭,導致行業存在天然的價差。而在我們進行的一次酒店預訂訪談中發現,超過半數的用戶在預訂酒店時會進行比價,而比價的用戶中多數會使用2個以上的酒店APP。因此,在市場存在價差且用戶有比價訴求的背景下,百度酒店通過接入多家供給及會員低價,旨在建立酒店聚合比價平臺,為用戶提供性價比最高的酒店搜索服務。

          二、設計策略與落地觸點

          1.目標和策略制定

          在上述背景下,我們與產品側對齊業務目標,結合對用戶訴求的分析,確定了設計目標。


          為了達成設計目標,需要明確比價在酒店預訂的各個觸點下對用戶的價值是什么,以探索比價如何發揮作用。下圖列出了酒店預訂的核心流程、核心模塊及用戶關注信息,由于用戶在各個環節關注的信息不同,比價所能發揮的價值也就不同,因此基于比價是否影響用戶進行選擇和決策,我們又將核心流程分成服務報價選擇前、服務報價選擇時、服務報價選擇后。



          設計目標的實現也對應上述3個環節如下圖:

          • 在服務報價選擇前,比價還未對用戶決策、預訂體驗產生直接的影響,此時要去傳達比價的概念和價值,并盡可能的強化這種氛圍感知,讓用戶清晰地認識到百度酒店可以比價,以吸引用戶使用比價。
          • 在服務報價選擇時,用戶會利用比價進行選擇和預訂,此時要突出低價、輔助用戶進行高效的對比和預訂。
          • 在服務報價選擇后的下單環節,可以進一步強化比價的感知和價值,以加深用戶對百度酒店比價的印象。

          2.明確落地觸點

          為了找到一些好的比價概念和價值的傳達方式,以及提升比價體驗的方式,我們進行了競品調研,競品包含酒店、商品等不同行業,調研結論歸納如下:

          • 利用流程中的主要模塊,傳達比價概念以及“享低價”、“省錢”等比價價值認知;
          • 結合“產品縫隙”滲透比價概念,具體指“當前內容”到“下一個閱讀內容”的停頓時間,包括跳轉時的過渡頁、閱讀完結的結束過程等,在用戶不排斥的狀況下,給用戶帶來一些基礎的認知教育;
          • “聚合比價”模式,將針對同一商品或服務的報價由低到高排列,以便用戶快速對比和選擇低價。


          結合競品調研結論,我們根據百度酒店的核心流程和觸點進行了設計策略的拆解,建立了策略和落地的映射關系。



          三、方案探索與落地

          1.提升感知-讓用戶知道百度酒店可以比價

          這一環節的設計目標是要讓用戶知道百度酒店可以比價,以吸引用戶在百度酒店完成下單行為,因此清晰、有吸引力的比價元素設計十分重要。基于競品調研內容,我們進行了設計探索。

          1)酒店列表-氛圍感知強化及價值信息傳達

          下圖所示為酒店列表比價設計的探索過程,最初的方案,為了保證酒店信息的獲取體驗,采用了與傳統酒店預訂平臺采用一致的結構和信息優先級,僅結合圖片區域和價格做了比價信息的結合,但這種設計與傳統酒店預訂平臺差異很小,比價感知和價值的傳達效果并不好。因此設計側轉變思路,在酒店列表中通過更強化的模塊來突出比價的感知,同時結合“比某平臺低xx”的文案說明比價結果,傳達“比價獲得更低價”的感知


          酒店列表覆蓋多個場景,為了建立百度酒店一致的體驗和認知,我們將列表的設計覆蓋到了搜索結果頁和小程序的多個頁面,如圖所示。


          2)房型及服務報價-基于低價推薦去強化比價

          房型及服務報價模塊對應酒店精準需求和酒店詳情頁,與酒店列表思路一致,方案在逐漸與傳統酒店預訂平臺產生差異化,去強化比價、低價的感知,形成記憶點。

          下圖為搜索結果頁的方案,最初外露了多個房型,以滿足用戶的選擇訴求,但從用戶行為數據來看,百度酒店的絕大多數用戶會選擇酒店的最低價房型及報價,因此我們調整設計方案,結合最低報價,用模塊式的對比方式去強化比價,并通過“低價立省xx”的信息去傳達低價感知。另外,這一部分的設計也和聚合比價有所結合,后面會進行詳細的說明。


          詳情頁的主要模塊設計與搜索結果頁基本一致,如下圖所示,詳情頁中將最低報價作為低價房型推薦,以建立一致的比價認知同時便于用戶快捷預訂低價。另外,在常規的報價列表中,為了提升用戶查找報價的效率,相比于最低價房型,采用了弱化的形式。最終方案上線后,數據上也取得了正向的效果,報價展現到預訂點擊的轉化得到了提升。


          3)“產品縫隙”中的比價概念滲透

          “產品縫隙”并不像上述列表模塊那樣感知強烈,設計的目的是為了進一步加深“百度酒店可以比價”的用戶印象。結合百度酒店的核心頁面,我們重新設計了酒店列表和房型報價列表的加載態,利用“多資源方交替動效+文案說明”的方式,構建動態的比價感知,在用戶進入頁面或者進行篩選等場景時會出現。另外,我們也利用了小程序首頁和詳情頁的頁尾,在閱讀結束時去傳達全網比價的概念。


          2.建立認知-聚合比價模式的構建

          在競品調研部分,我們提到了聚合比價模式,百度酒店由于報價復雜,也適合用這種方式去簡化報價。

          如圖所示,常規酒店預訂平臺,同一房型(如標準大床房)會存在不同服務政策(早餐服務、取消規則、支付方式)的報價,而在百度酒店中,由于又加入了預訂平臺的差異,報價會更加復雜,數量更多且同質化嚴重,即服務政策相同,僅預訂平臺不同的報價多次出現,這就導致了報價列表的查看和選擇效率較低。



          聚合比價模式就是要將這些服務政策相同的報價聚合在一起進行比價,以簡化報價列表提升選擇效率,同時在服務相同的情況下,絕大部分用戶會更傾向于低價,在報價聚合后,可以突出低價以便用戶預訂

          我們也在探索如何讓聚合比價更簡單,初始方案采用點擊展開的形式,用戶可以保持滑動瀏覽的交互體驗,整個過程的交互體驗比較流暢,但頁面的層級關系較為復雜,用戶認知成本高。因此我們又嘗試了調起面板展示比價詳情,讓用戶聚焦在當前報價的對比,并通過模塊式的設計,清晰羅列了每個平臺的服務、優惠明細等差異信息,讓信息的對比更高效,同時強化低價平臺,與前面的比價模塊保持認知一致。


          聚合比價模式下,存在了兩種用戶路徑,如圖所示。用戶可以直接選擇最低價資源方完成預訂,也可以通過比價詳情彈,查看針對同一服務的所有平臺報價,對比平臺的詳細服務、優惠差異后再選擇預訂。

          這種預訂模式的目的,一方面在教育用戶建立百度酒店可以比價、可以買到低價的認知,另一方面也提升了用戶選擇低價平臺的效率。另外,聚合比價要具有清晰的規則才能被理解和信任,在比價詳情中,為了進一步降低認知成本,我們通過標題突出了聚合項,并增加了比價說明入口,讓聚合規則更明確。聚合比價的方案上線后,報價的預訂點擊到成單轉化也得到了提升。


          另外,前文提到的精準需求搜索結果頁和詳情頁的低價房型推薦也利用了這種模式,不過在比價感知上做了更強化的處理。用戶可以在詳情頁直接點擊各個平臺報價完成預訂,也可以點擊文字部分查看房型詳情,在頁面底部的比價詳情中完成報價的對比和預訂。



          3.強化記憶-比價價值感的再次強化

          填單場景是在預訂完成后,這個環節我們可以將比價的概念和價值再次展示給用戶,以加深用戶對比價的認知。這里的設計手段與“提升感知”階段類似,如圖所示為一些方案探索,在用戶選擇低價平臺預訂,點擊跳轉至填單頁后,我們會強化用戶“預訂到最低價”以及“為用戶節省xx元”的感知。另外,在用戶提交訂單時,會存在一定的加載時間,我們也利用了這里的“產品縫隙”,結合加載態繼續傳遞低價、省錢的認知。


          四、結語

          回顧百度酒店的比價設計過程,我們以比價及低價感知傳達、高效預訂低價為設計目標,基于百度酒店的核心預訂流程,探索比價在各個環節如何發揮作用,進而將設計目標的實現劃分為了“提升感知、建立認知、強化記憶”三個階段,并為業務帶來轉化提升。

          提升感知過程結合流程中的主要模塊,通過模塊式對比形式、傳達比價價值感、基于低價推薦強化比價、以及利用“產品縫隙”等手段,去吸引用戶了解和使用比價;建立認知過程利用“聚合比價”模式去精簡報價,同時結合對低價報價、低價平臺的強化,讓用戶更便捷的預訂低價;最后強化記憶的環節,我們進行了一些方案嘗試,再次強調比價的價值。另外,為了建立一致的比價認知,整體的設計中也堅持一致性的原則。百度酒店的比價設計也在不斷地嘗試和優化中,希望能給用戶創造更好的使用體驗。




          作者:百度MEUX      來源:站酷



          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加微信ban_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~

          希望得到建議咨詢、商務合作,也請與我們聯系01063334945。 



          分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。 



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

          消息通知 | 提升消息推送轉化率的必備知識!

          博博

          前言

          通知是產品中極其重要的一部分,它能快速將內容的狀態及變化通過不同的方式傳達給用戶,以便用戶在收到信息后根據所傳遞的內容及時做出應對策略。
          在這里,有一個很現實的問題,很多產品喜歡一股腦的把有效的/無效的、重要的/不重要的、用戶想知道的/不想知道的等所有信息通通推送給用戶。那么,你的推送渠道真的用對了嗎?是否做了信息優先級區分?推送時間段是否有效?站在用戶角度,下面這些場景你肯定碰到過:

          ◇ 手機屏幕總是頻繁彈出信息,接二連三的震動、提示音讓你一怒之下卸載了一些不太常用的APP;

          ◇ 桌面圖標99+、主頁的消息入口99+、進入消息分類還是99+,清理起來非常麻煩,還不如關閉幾個分類通知,少一個也能緩口氣;

          ◇ 一天少看了幾個小視頻,好不容易節省出來的流量被通知無情的消耗,還不如關閉系統通知權限來得快;

          ◇ 每隔一段時間,都要在手機短信中回復一大堆TD(退訂),想吐的感覺;

          ◇ ......


          在頻繁地打擾下,用戶關閉了一個個通知權限、甚至一度卸載APP。不難看出,好的消息通知能巧妙的將用戶求留?。ú糠钟脩衾猛ㄖ湍鼙3謱ξ⑿?、QQ的控制欲),做的不好就會起到負面作用、失去了消息通知的初衷,這里面最需要把控就是推送的一個“度”。
          用戶可能因為一條走心的推送而轉化、也可能因為被打擾而放棄使用,站在設計角度,需盡可能打造讓用戶更喜歡的通知系統。那么,對于不同的業務需求及使用場景,又該如何差異化的進行消息推送,筆者通過本文進行分析總結,與大家一起了解。



          分享目錄

          一、消息推送的基本知識
          二、消息通知渠道
          三、讓用戶再次開啟通知權限
          四、提高觸達率的小技巧
          五、結語


          一、消息通知的基本知識

          1.什么是消息通知

          消息通知是產品提供的一項服務,能夠及時將產品的期待或內容的變化、根據其等級權重合理的通過不同渠道及時同步給用戶,常見的如互動提醒、老用戶召回、活動拉新、產品更新或幫助提醒等,通過站內紅點、彈窗、短信、郵件等方式與用戶進行信息交換。


          2.消息推送的目的

          用戶層面,方便及時獲取到想要知道的信息、以及對信息交換的控制權。例如:用戶發布一條新的短視頻想要對評論/點贊及時掌控、給心上人發了信息想在第一時間看到回復...等,產品也是借此用戶對內容的控制欲,利用消息推送提升用戶的使用體驗。
          產品層面,通過主動推送想讓用戶知道的信息,以達到新/老用戶轉化的目的。例如:通過手機短信形式發放優惠券對老用戶召回、應用內通知或桌面推送對用戶拉新...等,以此提高產品收益,獲取更大的商業價值。

          3.通知設計的基本原則

          首先,一個好的消息系統首先需要將消息內容設計的全面,以便用戶通過消息通知能準確無誤的了解到對應內容;
          其次,消息的觸達方式需合理有效,必須提供便捷的操作入口以供用戶及時反饋;
          另外,為了避免過于打擾用戶,需選擇合理的推送渠道,提高用戶觸達概率及反饋效率。


          二、消息通知渠道

          消息通知渠道分為應用內通知應用外通知。應用內通知主要來源于消息中心或系統主動觸發的彈窗來體現,而應用外通知包括桌面圖標紅點、手機短信、電子郵件、push、公眾號信息(需綁定)等渠道推送。

          1.應用內通知

          1)消息功能入口
          消息功能入口提示也稱為紅點提示,主要有底部Tad欄、首頁右上角、個人中心右上角三種形式。當有新的通知出現時,對應圖標的右上角會出現小紅點提示,清晰明了,關于小紅點設計,之前《小紅點篇 | 用好這招,讓用戶的觸達率大幅度提升!》這篇文章有詳細說明。
          紅點提示的用戶觸達率較高,但需要用戶在登錄狀態下才能查看,比如訂單狀態變化、用戶與用戶/產品之間的互動消息、產品活動通知等。

          2)消息列表

          當產品的消息類型較多時,點擊消息功能入口即可跳轉至二級分類列表。與上述相比,消息列表的內容則更加清晰,通過第一次消息入口功能的引導觸發,這里的用戶觸達率將成倍增加。

          3)彈窗通知

          以彈窗的形式覆蓋在頁面內容頂層,阻礙用戶的當前操作并迫使用戶對彈窗做出決策,可以是系統主動彈出或用戶手動觸發,對用戶的干擾極大。
          彈窗通知最大的優勢在于會100%被用戶看到,無法忽略,否則將不能進行其他操作,很適合產品的一些重要事件提醒,例如應用升級、活動通知、優惠券引流等。


          4)Toast 通知

          Toast通知是用戶在操作之后給出的即時反饋,與當前頁面內容關聯性極強,但不會中斷用戶的操作,出現的時間很短,一般持續3秒后自動消失,對用戶的干擾也比較小。
          需要注意的是,Toast容易在用戶不注意的情況下被遺漏,所以適合用于操作后不影響大局、且不可二次操作、不可逆轉的輕量提示,例如刪除成功、提交成功等。


          2.應用外推送

          1)桌面小紅點

          小紅點通常以圓點+數字的形式出現在圖標右上角,用來提示應用內的未讀消息數量,進入應用查看或清除后小紅點則會消失。桌面小紅點有一個必備前提,需要同時開啟設備和應用內的通知權限方能接收提醒通知。
          在部分應用中,桌面小紅點具有較大的價值,能對用戶產生積極的影響,使用頻率得到進一定的提升。例如:社交類應用中的私信、評論、點贊等;商家端的咨詢信息、下單提醒等,用戶在看到后都會有強烈的點擊欲望,對一些數據的提升起到推動作用。


          2)PUSH推送

          PUSH推送通知常見于設備頂部橫幅(幾秒后消失)、通知中心以及鎖屏后的中部區域,用戶可從卡片中的內容獲取信息類型及重要程度,用以決策是否需要立即打開。
          這種推送方式,用戶幾乎很難忽略,不處理的話會長時間浮于屏幕之上,非常適合價值及時效性較高的消息通知。除視覺提醒之外,還可通過聽覺觸達用戶,例如支付號、微信的收款信息等,不過依然要同時開啟設備和應用內的通知權限。


          3)手機短信

          短信推送是大家很熟悉的通知渠道了,畢竟現在都是用手機注冊賬號,手機號獲取難度幾乎為“0”,常見的有驗證碼短信(用戶請求)、營銷短信(產品推送)兩種:
          驗證碼類似“一問一答”的互動,沒有什么特別的玩法;
          營銷類短信對于拉取新用戶、老用戶召回、節日/活動促銷能起到不可替代作用,產品可通過短信發送圖片、文字以及超鏈接,內容的時效性、用戶的觸達率都相對較高。
          著重說明一點,因為短信通知的成本較高,在使用之前需要足夠的思考分析,細分用戶群體做到精準投放,避免所花費的成本與產生的價值不成正比。另外,如果需要放超鏈接,那么短信內容一定要有足夠的說服力及吸引力,總是被用戶當做詐騙短信刪除、舉報的話還不如不放。
          為了減少對用戶的打擾,讓產品更人性化,一般會在短信結尾提供TD(退訂)提示,用戶回復即可取消后續的推送,但是否真的取消成功,這就得看產品了(???)...

          4)電子郵件

          電子郵件推送方式使用的并不多,一方面需要產品有web端服務,純粹的移動端APP郵件推送不會有什么效果;另一方面,絕大多數的用戶登錄電子郵箱并不頻繁,還容易被用戶一鍵清理或誤刪。
          電子郵件唯一的好處就是用戶可通過超鏈接直達內容出處,相比APP應用,免去了下載等一系列操作,還可以長時間滯留,便于用戶隨時查看或添加星標,處理時間段選擇較為靈活,很適合web端服務。針對一些商業化的郵件推送,也需要花費一定的經濟成本。


          產品獲取用戶郵箱地址的難度較大(郵箱賬號除外),不難理解,使用手機號一鍵登錄、驗證碼登錄、第三方賬號登錄遠比郵箱地址登錄要方便的多。除此之外,還可以通過個人設置的添加郵箱、問卷調查的郵箱地址預留來獲取,不過這就要看用戶的主動意愿了。

          5)公眾號消息

          公眾號背靠社交應用,普及程度及用戶觸達率是極高的,不過這需要產品利用部分業務、活動為導向,引導用戶關注公眾號后方能接收到消息通知。
          目前公眾號只能向用戶發送符合部分場景要求的服務通知,例如刷卡通知、物流軌跡變化、商品購買等。如果預算足夠的話,還可以購買公眾號列表、內容詳情頁、朋友圈等產品廣告位進行特定用戶群體推送,無需用戶關注也可以看到并進行轉化。


          三、讓用戶再開啟通知權限

          用戶一旦關閉通知權限,對產品來說無疑是一個損失,這意味著沒有消息通知的推動,用戶的使用頻率以及與產品之間的互動顯然會減少(就連夫妻之間都需要時?;优c溝通交流,何況對于有選擇余地的產品),時間長了,用戶轉投其他產品的“懷抱”也不是不可能。
          有沒有想過,用戶只是關閉通知權限而已,并沒有卸載APP,真的就沒辦法了嗎?是不是該做點什么...


          1.尋找關閉原因

          用戶之所以還未卸載APP,說明還有價值,歸根結底,關閉通知權限的原因都是因為消息的“狂轟亂炸”帶來的無盡騷擾,幾乎沒有例外,而產品還會添上一把火,用戶再次打開APP時無底線的催促用戶再度開啟,耗盡用戶最后一點耐心后,或許再也沒有機會了。
          這個時候,設計師考慮的不是頻繁提醒用戶開啟,而是用戶關閉通知的真正原因(“狂轟亂炸”只是概括),細化各種可能性,然后從中找出機會點,但凡有所改進都值得試一試,畢竟相比什么都不做不會更糟。這么解釋似乎毫無說服力,下面舉個例子:
          當產品中的某項免費服務突然有一天開始收費了,但受到了大多數用戶的抵觸,這個時候你該怎么做,是無視用戶訴求繼續收費、還是恢復到之前的免費?這并不是一個選擇題,繼續收費會導致大量用戶流失、恢復免費可能連維持運營成本都難,所以不經思索的選擇草草收場、連下下策都算不上。用戶抵觸的原因可能收費過高或是與實際價值不符,有沒有想過利用限時折扣、附加其他增值服務(成本較?。┗蛘呓M合捆綁銷售也不失為一種策略。
          那么,到底該如何做既能愉快的發送消息通知、還能能挽回用戶的心呢?

          2.引導二次開啟

          用戶關閉通知權限,并非沒有需求,最典型的就是在某寶、某東加了滿滿一“車”商品等待降價,然后抱怨消息通知太吵關掉了通知權限,最后就是無法收到折扣通知、還把問題怪在了APP身上,著實太冤。用戶只要還有需求,通知權限就還有被重新開啟的機會。

          1)損失厭惡/利益引誘

          首先,我們需要找出對應的價值點,利用優秀的文案給予用戶思考的余地,用戶每多思考一會,結果都有可能發生改變。
          人們都討厭失去,對于損失的不可控很難接受,在引導用戶開啟通知權限時,需要強調不開啟會失去什么,畢竟面對“得到”和“失去”時,損失更加讓人難以忍受,例如物流產品告訴用戶“未開啟通知,將錯過重要的快遞信息”。還可以通過激勵等進行利益引誘,如“開啟后能及時獲取紅包卡券、折扣通知”等,并提供快捷通道,促使用戶重新開啟通知權限。

          2)消息分類/分別處理

          每種類型的通知都不可能符合所有用戶的“胃口”,針對社交、電商類產品,可將通知類型分類處理,用戶希望接收哪種類型的消息單獨開啟即可。
          例如支付寶將消息拆分為多個類型;京東還增加了午休免打擾設置,開啟后在12:30-13:30不會收到任何消息提醒;微信群過多、消息太吵時,開啟免打擾又擔心錯過重要人的信息,于是微信在去年上線了開啟群消息免打擾后、可設置群內4個人的消息正常通知,算是比較人性化的設計了。

          3)提供關閉/關不徹底

          部分產品提供了關閉消息通知功能,但又關不徹底,這是產品基于妥協的基礎上,依然在低頻推送消息的“流氓”玩法,與用戶完全關閉相比,已經算是不錯的結果了。
          常見于PC客戶端,就像很多軟件的插件一樣,不管怎么關,總是無法徹底關閉,甚至還將開啟操作偽裝成其他內容引導用戶誤觸;手機短信推送也會有這種情況,用戶回復過“退訂”后依然會收到相關短信。


          這種方式需謹慎使用,在用戶關閉通知后,需通過后續推送內容的質量、頻率試探用戶底線,然后逐漸提升,切不可無視用戶操作。


          四、提高消息觸達率的小技巧

          1.減少重復通知

          反復推送相同的內容只會讓用戶更加反感,回復退訂、卸載應用都可能在這一刻發生。
          很明顯,消息發出后,如果用戶的觸達率較高就沒必要再次推送。反之觸達率較低,重復推送會讓用戶有種被催促、脅迫的感覺,適得其反,觸達率低有沒有可能是文案不夠友好、表達不夠清晰或者吸引力不夠?即便同一件事情,也盡量使用不同的表達方式,如何想辦法重新引起用戶的關注才是關鍵點。


          2.言語得當、避免誤會

          中華文字博大精深,且有56個民族,其性格習慣各異,特別在利用當前社會熱點、媒介進行的營銷推送時,盡可能規避掉敏感信息,如地域/民族歧視、性暗示等。


          3.細分受眾群體

          很多時候,消息推送太少無法滿足產品目標、太多則會惹惱用戶導致通知權限被徹底關閉,所以不僅要考慮消息推送頻率,更重要的是對受眾群體進行分類、分別推送,不要每次都一股腦的將消息發給所有用戶,當然,能做到千人千面(成本大)則會更好。


          4.內容清晰簡潔

          沒有用戶愿意在不明所以的情況下來看長篇大論的內容,需確保消息內容簡單直接、清晰易懂,并符合用戶認知習慣,還得保持友好的語氣以及富有創造力的品牌形象。
          處于營銷目的時,可利用感興趣的事件/事物勾起用戶的點擊欲望,例如網絡熱詞、時下熱點等,筆者雖然并不提倡“標題黨”,但不得不說,很多標題黨都能起到不錯的效果。


          5.提供“下一步”入口

          消息通知需要一個有效操作入口,并且在消息內容中有對應的指向,點擊應用內通知切換APP界面、應用外推送鏈接跳轉至web頁,從始至終都需要為用戶提供一個查看更多內容或參與的有效途徑。


          五、結語

          消息通知設計的主要目的是在正確的時間、以正確的方式將內容呈現給用戶,并提高產品的轉化率,不管用戶愿不愿意接受,這始終都是一個呈現信息的不錯途徑。
          本文主要總結了消息的通知渠道、常見問題處理、提升用戶觸達率的方法,以幫助新手設計師快速掌握完整的消息系統。或許最終的結果事與愿違,但不能否認其魔力,需要做好的是確保消息內容質量、對應的受眾群體及合理的推送渠道,相信總有一種方式適合你產品。



          作者:大漠飛鷹CYSJ      來源:站酷



          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加微信ban_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~

          希望得到建議咨詢、商務合作,也請與我們聯系01063334945。 



          分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。 



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

          引導幫助在產品中的作用

          博博

          合理的產品引導功能,可以使用戶在較短時間內了解產品的特性與使用

          用戶怎么知道此功能的使用方式?

          前幾天眼睛不太舒服,去醫院做了一個檢查(視疲勞導致)。因為要走商保,所以要使用社??ǎ拔矣浀糜蒙绫=Y算都需要去人工窗口,我剛過去就被一個穿著紅馬褂的大媽攔住說自助機也可以用社保,要我掃她胸前掛的碼(可以快速到達電子社保二維碼界面),掃完她就開始幫我點擊操作。 

          她覺得我應該不會操作,所以讓我看一遍,其實這個操作并不難,只是因為我不知道自助機上可以用,自助機周圍也沒引導操作流程。而且她這種方式讓很多年紀大的人和外地過來看病的覺得你是個騙子,后面好幾個人都還是去了窗口。 

          在B端產品中也有很多類似問題,用戶不知道有這個功能、也不知道這個功能怎么使用,特別是一些大數據產品,專業性比較強。產品、技術都認為用戶和他們一樣都懂,實際上并不是,這個時候你需要提供一些邀請,引導用戶進行使用。

          邀請就是引導用戶進行操作前的提醒和暗示,通常包括實時的提示信息和預期功能,以表明在下這個界面或下個界面可以做什么,這是成功的交互式界面關鍵所在。

          例如:飛書我的空間,當鼠標停留在可編輯區域上時,就會實時地顯示邀請(復選框),這個例子的缺點是鼠標如果不處于相應區域上,就不會顯示邀請。 



          另一種方案是任何時候都顯示邀請,例如:石墨文檔我的桌面,復選框一直顯示。



          靜態邀請

          靜態邀請就是通過直接在頁面上給出交互提示,可以讓用戶隨時看到期望的界面功能。

          靜態邀請主要有兩種模式:引導操作邀請、漫游探索邀請

          1、邀請操作 

          步驟邀請 

          例如:華為云HECS服務器產品就給出1、2、3操作步驟 引導操作會占據頁面較大的空間,同時也會吸引用戶的眼球。所以在設計時需要思考一下,你希望引導用戶執行什么操作,用戶是否可以多次查看,這樣有利于設計出明晰的頁面和信息層。



          白板引導 

          另一種引導操作邀請叫作白板式引導。 意思很明確:現在只有一個空白頁面,需要引導用戶創建內容。





          利用空白區域“變廢為寶”,如何對該區域應有的功能給出提示,是誘導用戶創建內容(填補空白)的有效方式。

          2、漫游探索邀請

          與引導操作邀請關系密切的是漫游探索邀請。假設你重新設計了某個頁面并添加了一組全新的功能,怎樣才能保證用戶恰當地使用新頁面,同時發現新添加的功能呢?漫游邀請是向用戶介紹新功能最好的方法。



          最佳實踐:

          1、漫游功能用戶可能不想用,所以需要有可選功能,也就是可以跳過或關閉;

          2、漫游功能不是“創可貼”不要亂用,只有針對精心設計的界面使用才能發揮價值;

          3、設計漫游的關鍵在于保持簡單,讓它容易開始也容易停止。漫游應該只是頁面本身的一個演示。脫離頁面的“教程”式漫游很難起到作用。

          動態邀請

          靜態邀請適合提示用戶當前界面中包含什么功能。然而,許多調查試驗表明,用戶經常不會閱讀指導說明性的文字。而在用戶交互過程中,在他們需要的時候提供邀請則是一種不錯的方式。動態邀請就是在用戶交互過程中的某個點上吸引用戶,并引導他們繼續下一步操作。

          1、懸停邀請:在鼠標懸停期間發出邀請 

          吸引用戶的一種方式是通過鼠標懸停來顯示邀請



          例如:飛書消息列表鼠標移入后, 背景變化的同時會有一個“勾”圖標來吸引用戶,鼠標移入上去后提示可以勾選完成,點擊完成后消息移除列表。 

          最佳實踐

          1、當操作沒有內容重要,而且希望界面整潔時,使用懸停邀請。

          2、在實現懸停邀請時,可以通過改變光標、改變背景和顯示提示條共同配合表明所邀請的操作

          3、在交互的不同階段,盡量點綴一些用戶熟悉的元素,通過熟悉的概念引出新概念有助于用戶快速理解新功能。最常見的元素是按鈕、鏈接、下拉箭頭和眾所周知的圖標。

          4、通過距離表明邀請操作的目標對象。 

          2、預期功能邀請:使用熟悉的實物引出新實物 

          唐納德·諾曼將這個術語引入到設計領域。最經典的例子是門把手,門把手的預期功能是可以抓握、扭轉或按壓。屏幕元素可感知的預期功能沒有物理屬性,不過,由于習慣、術語、圖形及一致性等原因,用戶能夠在某種程度上感覺到他們可以操作這些元素。





          例如:第一張圖飛書文檔sheet頁“加號”圖標與第二張圖“三個點”圖標,就是一種預期功能邀請。用戶沒觸發之前就能猜到觸發后會是什么效果。 

          預期功能邀請之所以有效,是因為利用人們已知的習慣與認知引入交互,從而讓用戶順利完成一連串操作。 

          最佳實踐

          1、通過人們習以為常、司空見慣的概念來引出新的、不熟悉的交互方式。

          2、使用可感知的預期功能來給出邀請提示(例如,用向下的箭頭表示可以打開下拉菜單,而用向上的箭頭表示可以關閉菜單) 

          3、把邀請安排在適當的上下文中,特別是要靠近交互的主體。 

          3、推論邀請:用于交互期間

          設計邀請時怎么才能猜測用戶的想法,也是一項重要挑戰。如果用戶下一步可能會執行多種操作,而事實上又不可能準確判斷用戶想法,那么面臨的困難就會比想象的大很多。 

          在google sketchup ( 3D)繪圖工具中,當鼠標點擊某個點后,進行第二個點連接時,會有多種可能性,這個時候系統也不確定用戶會怎樣連接,但會給出對應的提示,比如:端點、中點、背面、側面等點位來輔助用戶進行連接。 



          例如:這種工作流場景個人覺得也算是一種,點擊“加號”右側會滑出面板,給出你可以添加的動作。 這種在交互期間以可見方式向用戶表明系統推斷出的用戶想法被稱為推論邀請。

          4、更多內容邀請:用于邀請用戶查看更多內容

          圖片類型的更多邀請,例如:站酷相關推薦 



          文字更多邀請,例如:QQ郵箱右側最近聯系人 



          邀請的優點

          精心設計的應用能夠通過邀請體現出各自的細微差別,無論是靜態還是動態,都是引導用戶順利進入下一個交互層次的有效方法。

          謝謝觀看!


          作者:夜鶯YEAH      來源:站酷

          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加微信ban_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~
          希望得到建議咨詢、商務合作,也請與我們聯系01063334945。 

          分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。 

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

          白嫖!2022年最新免費可商用的101款中文字體包(附下載)

          seo達人

          優設網(4種字體)

          優設字由棒棒體 – 優設&字由

          優設好身體 – 優設

          優設標題黑 – 優設&字由

          優設標題圓 – 優設

          圖片

          龐門正道系列(5種字體)

          龐門正道細線體 – 龐門正道 x 胡曉波工作室

          龐門正道真貴楷體 – 龐門正道

          龐門正道輕松體 – 劉兵克工作室

          龐門正道粗書體 – 6.0車港敏

          龐門正道標題體3.0 – 龐門正道 x 12位設計師

          圖片

           

          站酷(6種字體)

          站酷慶科黃油體 – 鄭慶科

          站酷小薇LOGO體 –  李大衛

          站酷文藝體 – 劉兵克工作室

          站酷酷黑體 – 胡曉波等多名設計師

          站酷快樂體 – 劉兵克等多名設計師

          站酷高端黑 – 胡曉波、劉兵克等

          圖片

           

          胡曉波系列(3種字體)

          胡曉波男神體 – 胡曉波

          胡曉波騷包體 – 胡曉波

          胡曉波真帥體 – 胡曉波

          圖片

           

          阿里巴巴普惠體 (9個字重)

          圖片

           

          千圖網系列(6種字體)

          千圖雪花體 – 千圖網 x 字魂網

          千圖纖墨體 – 千圖網 x 字魂網

          千圖馬克手寫體 – 千圖網 x 字魂網

          千圖厚黑體 – 千圖網 x 字魂網

          千圖筆鋒手寫體 – 千圖網 x 字魂網

          千圖小兔體 – 千圖網 x iFonts

          圖片

           

          葉根友字體(3種字體)

          葉利航九齡卡通 – 葉根友

          葉根友守中曲畫 – 葉根友

          葉根友銳勁體 – 葉根友

          圖片

           

          霞鶩系列(4種字體)

          霞鶩文楷 – 落霞孤鶩

          霞鶩漫黑 – 落霞孤鶩

          悠哉字體 – 落霞孤鶩

          小賴字體 – 落霞孤鶩

          圖片

           

          倉耳字庫(4種字體)

          倉耳舒圓體 – 倉耳字庫 x 張少龍

          倉耳周珂正大榜書 – 倉耳字庫 x 周珂

          倉耳小丸子 – 倉耳字庫 x 張少龍

          倉耳漁陽體 – 站酷 x 張少龍

          圖片

           

          Keynote研究所(5種字體)

          演示秋鴻楷 – 人生哥 x 葉運鵬

          演示夏行楷 – 人生哥 x 劉錫棟

          演示春風楷 – 人生哥 x 徐占海

          演示悠然小楷 – 人生哥 x 孟祥媛

          演示佛系體 – 人生哥 x 紀國才

          圖片

           

          荊南字坊系列(3種字體)

          荊南波波黑 – 荊南字坊

          荊南麥圓體 – 荊南字坊

          荊南緣默體 – 荊南字坊

          圖片

           

          三極字庫(4種字體)

          三極潑墨體 – 三極字庫

          三極素纖簡體 – 三極字庫

          三極行楷簡體-粗 – 三極字庫

          三極力量體簡-粗 – 三極字庫

          圖片

           

          素材集市(2種字體)

          素材集市酷方體 – 素材集市

          素材集市康康體 – 素材集市

          圖片

           

          字由系列(3種字體)

          點字淺夏體 – 字由

          字由文藝黑 – 字由

          字由芳華體 – 字由

          圖片

           

          鐘齊字庫(4種字體)

          馬善政毛筆楷書 – 馬善政

          鐘齊志莽行書 – Zhimang

          鐘齊流江毛草 – Liu Zhengjiang

          有字庫龍藏體 – 鐘齊字庫

          圖片

           

          字體視界(2種字體)

          字體視界法棍體 – 字體視界

          字體視界法棍體拼音版 – 字體視界

          圖片

           

          像素字體系列(6種字體)

          粗宋 – diaowinner

          點點像素字體 – wixette

          坊宋 – diaowinner

          鳳凰點陣體 – Haoyu Qiu

          觀致8px字體 – 夏夏

          中文像素字體 – Luckeee

          圖片

           

          字體傳奇(2種字體)

          字體傳奇南安體 – 字體傳奇

          字體傳奇特戰體 – 字體傳奇

          圖片

           

          其他系列字體(26種字體)

          創客貼金剛體 – 創客貼 x 鄭慶科

          劉歡卡通手書 – 劉歡

          雷蓋體 – 貓啃新人

          美唄嘿嘿體 – 美唄設計中心

          逐浪萌芽字 – 逐浪字庫

          白無??煽审w – 白無常

          斗魚追光體 – 斗魚

          文道潮黑體 – 文道字庫

          匯文明朝體 – 天王帝廷

          Oz焦糖下午茶 – 新蒂字體

          圖片

          攝圖摩登小方體 – 攝圖網 x iFonts

          鴻雷板書簡體 – 鴻雷字跡

          江西拙楷 – 黃煜臣

          卓健橄欖簡體 – 卓米品牌設計

          問藏書房 – 造字工房

          阿朱泡泡體 – 朱振杰

          沐瑤隨心手寫體 – 春顏秋色

          包圖小白體 – 包圖網 x 字體視界

          聯盟起藝盧帥正銳黑體 – 盧帥

          銳字潮牌真言簡 – 銳字家族

          圖片

          賢二體 – 漢儀字庫

          途牛類圓體 – 途牛UED

          楊任東竹石體  – 楊任東

          醍醐書體 – 字體維基網友

          黃引齊招牌體 – 黃引齊

          柳體 – Hiweed team

          圖片

           

          結語

          以上字體在整理之時,均可免費個人/企業商用,但不做任何保證,如有任何字體在以后更改為收費字體,不做另行通知,請各設計師隨時留意字體出品方的版權資訊。

          字體整理只為讓更多設計師使用,絕無任何非法傳播或售賣,如后續有任何字體不允許傳播,請聯系本人,會立即刪除。極少部分字體需進入官網授權下載,所以未提供安裝包,請查看對應的指引說明。

           


          作者:黑馬青年

          轉載請注明:學UI網》白嫖!2022年最新免費可商用的101款中文字體包(附下載)

          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加藍小助,微信號:ben_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系01063334945。


          分享此文一切功德,皆悉回向給文章原作者及眾讀者.
          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。


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



          設計靈感不應該被一個網站而限制

          seo達人


          不能被一個網站而限制

          最近 Behance 封停了國內賬號,導致很多設計師無法訪問,因此也流傳了很多解決方案。今天黑馬哥就不和大家討論這個解決方案了,其實有很多同學就算在能訪問的時候也沒看幾次~O(∩_∩)O~。

          圖片

          這個事件告訴我們,設計師的習慣是多么的重要,我們的設計靈感不能因為一個網站平臺而局限。退出賬號依然可以訪問,只是很多同學糾結的是自己的收藏沒有了,如果平時養成本地化采集的習慣,你就不會出現這個問題。我們不要把希望寄托在云端,只是買一個硬盤就能解決的事情,也不要覺得不方便,其實很多作品我們也不會經???,存儲只是為了不時之需。每年都對采集的作品進行一次整理,近兩年的放在電腦里面,時間過長的存儲在硬盤里面就可以了。主要還是要對作品進行分析,掌握作品的技法經驗和設計思維才是關鍵。

          除了存儲習慣以外,我們也不要只是固定訪問一個網站獲取靈感,優秀的設計類平臺是很多的,我們要發現更多新大陸。下面黑馬哥為大家精選幾個訪問頻次較高的國外平臺,國內的大家都比較熟悉這里就不列舉了。

           

          設計/插畫等靈感網站推薦

          以下推薦一些個人比較常用的幾個網站,排名不分先后,屬于隨機性排序。

          1、notefolio

          https://notefolio.net/

          notefolio 是韓國的一個設計交流網站,很多設計師都會在這里分享自己的設計作品和進行設計交流。和國內很多設計作品分享平臺類似,是一個綜合型設計師交流社區,有平面設計、UI/UX 設計、插畫、產品包裝設計、攝影、版式設計、數字藝術、美術、工藝等等。

          圖片

           

          2、Mobbin

          https://mobbin.com/

          這是一個匯集全球優秀 APP 截圖的網站,有超過 50000 個優秀 APP,節省了下載應用的時間,對于 UI 設計師來說非常實用。

          同樣的應用還提供了 iOS 和 Android 兩個不同版本的截圖,簡直非常的人性化。這是一個使用起來非常簡單的網站,海量的設計必將開啟你的靈感腦洞。

          圖片

           

          3、Pinterest

          https://www.pinterest.com/

          這絕對是一個靈感采集的絕佳網站,經過眾多用戶的長期積累,已經匯集了全球大量的優質圖片資源,其中設計作品也是非常豐富,且質量都普遍偏高。

          你可以通過關鍵詞搜索、畫板關注、以圖搜圖等操作獲得靈感,而且相似推薦還能延伸出更多類似構圖、配色、主題等圖片資源。點擊作品還能跳轉到原始出處,順藤摸瓜找到更多優質資源,真的是非常便利。

          圖片

           

          4、Designspiration

          https://www.designspiration.com/

          該網站除了通過關鍵詞搜索圖片內容以外,在搜索欄有?個調色板的圖標,點擊可以通過指定的顏色進行搜索相關配色的圖片或者設計。在選擇顏色的時候不是單一的色彩選擇,可以選擇幾個配?組合進行搜索,對于設計師來說?常實用。

          圖片

           

          5、Abduzeedo

          https://abduzeedo.com/

          Abduzeedo 是一個優秀的設計博客,提供給設計師創意和靈感的社區,這里有設計、攝影和 UX 等相關的文章提供給那些想尋找靈感的設計師。這是一個開放的設計社區,它是設計師日常的靈感來源。

          圖片

           

          6、UI Garage

          https://uigarage.net/

          UI Garage 提供了很多應用設計的截圖和模板,專業細分的類別和精挑細選的設計截圖,還有很多設計工具推薦,是一個非常實用的網站。在這里不僅可以獲得設計靈感,還能獲得優秀的設計工具或者插件來提高我們的工作效率。

          圖片

           

          7、Dribbble

          https://dribbble.com/

          Dribbble 相信很多喜歡 UI 設計打卡的同學比較熟悉,匯集了大量設計師的一些日常創意作品。該網站不同之處是發布作品需要邀請碼,就是需要有邀請碼的設計師邀請加入才能發布作品,獲得邀請碼也相當于設計能力獲得認可。

          整體作品的質量還是不錯的,如果當你設計時沒有想法,這是一個不錯的靈感采集地。

          圖片

           

          8、ndc

          https://www.ndc.co.jp/works/

          這個網站展示了很多非常不錯的設計作品,偏向于簡約風。相信這些項目設計的靈感,可以帶給我們更多的設計思考。

          圖片

           

          9、FolioArt

          https://folioart.co.uk/

          FolioArt 是一個插畫藝術作品展示網站,擁有高質量的插畫作品,形式也多種多樣。就像一個插畫家的資源庫,讓有商業需求的客戶通過這個平臺,和世界頂尖的插畫師進行合作。

          圖片

           

          10、unDraw

          https://undraw.co/illustrations

          這里提供的插畫作品數量眾多,各種小場景的插畫無論是獨立使用,還是組合使用,肯定可以滿足很多場景需求了。平臺內置的編輯器還可以對插畫進行調色,導出格式也是支持后期編輯,非常的實用和便利。

          圖片

           

          小結

          設計的靈感來源途徑是很多的,不局限于某一個單一路徑,以上的推薦僅為拋磚引玉,還有很多優秀的網站給我們帶來設計靈感和經驗學習。每個人的關注焦點和選擇角度不同,以上僅為個人推薦,不足之處歡迎大家留言補充。

           

          原文地址:黑馬家族(公眾號)

          作者:黑馬青年

          轉載請注明:學UI網》設計靈感不應該被一個網站而限制

          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加藍小助,微信號:ben_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系01063334945。


          分享此文一切功德,皆悉回向給文章原作者及眾讀者.
          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。


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



          社交臨場感 | QQ音視頻產品體驗設計

          資深UI設計者


          SITUATION ANALYSIS

          ——————————

          現狀分析

          要突破用戶增長停滯的困境,需從全局角度思考,對問題所處的系統進行分析與洞察,找出拓展應用場景的機會點,提供技術或價值創新的功能與服務。



          SWOT分析

          首先,針對QQ音視頻所處行業的競爭態勢進行全面、系統的分析,包括內部優劣勢,以及外部機會和威脅,以此制定相應的策略與計劃。


          用戶洞察

          關注競爭對手,更要研究用戶,通過用戶調研洞察用戶需求,找出QQ音視頻應持續鞏固優化,以及需考慮突破的使用場景。 



          行業趨勢

          綜觀音視頻的行業發展與科技趨勢,有三個主要的發展方向:


          1. 超高清視頻


          5G高帶寬、低時延將開拓更多玩法和業務場景,超高清視頻通話將帶來更豐富的感官體驗,猶如面對面溝通。


          2. 應用場景多元化


          從使用場景來看,音視頻已走出會議室,從單純的溝通交流,擴展至豐富的應用場景,廣泛服務于人們的日常生活。


          3. 智能終端+音視頻云服務


          未來智能終端將具備聯網連接的能力,搭配音視頻服務提供商的云服務,使得通話無所不在,可隨時通過智能終端進行音視頻通話。





          VISION PLANNING

          ——————————

          愿景規劃

          綜合前述分析,提出QQ音視頻的用戶體驗愿景(UX Vision)和價值主張(Value Proposition)。


          用戶體驗愿景

          QQ音視頻的本質在于溝通,其聲影重現的獨特優勢,消弭了空間距離。未來隨著通信技術的演進,高畫質、低時延、實時互動的感官體驗,將實現遠距臨場(Telepresence)的終極目標,使用戶感受到近乎面對面交流的體驗,就像在眼前〝一起做〞某些事。




          價值主張

          綜上所述,提出QQ音視頻為用戶傳遞的價值——社交臨場感(Social Presence)。


          臨場感相關理論與研究,源自Short、Williams和Christie等三位學者于1976年所提出的社會臨場感理論(Social Presence Theory),指的是雙方通過傳播媒介進行溝通的過程中,所能感受到對方真實存在的程度。QQ音視頻憑借高度的媒介豐富性,提供實時響應、語言/非語言線索交互,使用戶能輕易地在社交互動中感知對方真實存在,進而在心理上獲得歸屬感與認同感。


          根據過往文獻與媒介特性,將QQ音視頻的社交臨場感分為四個層次:


          1. 界面質量(Interface Quality)

          界面可用性與視覺設計不會干擾操作,能讓用戶專注于音視頻溝通。


          2. 真實感(Realness)

          音視頻的聲畫體驗及與人交流的方式,能貼近于真實世界。


          3. 互動性(Interactivity)

          用戶之間的互動交流越強,越能感受到對方的存在。


          4. 情感傳達(Affective Expression)

          通過情緒表達、環境氛圍的營造與對方建立連接,在心理上感到彼此的存在。





          STRATEGY FORMULATION

          ——————————

          策略制定


          圍繞社交臨場感的價值主張,制定突破當前困境的目標與設計策略。音視頻產品除了廣泛應用在通訊場景,正逐漸賦能更多創新場景?;赒群生態和調研結果,聚焦于生活、辦公、娛樂等場景進行探索。


          設計目標

          兩個主要的設計目標:


          1. 重塑體驗


          回歸通訊本質、夯實基礎體驗,對通話界面進行改版設計,讓用戶專注于音視頻溝通。


          2. 場景探索


          開拓應用場景,通過社交臨場感賦能生活、辦公、娛樂等場景需求,為用戶創造價值。




          設計策略

          針對QQ音視頻的應用場景,制定相應的設計策略。




          STRATEGY I

          ——————————

          通訊本質——專注溝通更無礙



          界面質量是影響社交臨場感的關鍵要素,然而調研結果顯示,QQ音視頻的通話質量和體驗落后競品,包括主界面功能復雜、通話流程痛點多、核心能力落后競品等體驗問題。

          針對上述問題,提出QQ音視頻改版的設計思路:


          1. 化繁為簡,回歸本質


          2. 鏈路排查,解決痛點


          3. 補齊短板,超越競品




          化繁為簡,回歸本質

          分析不同通話類型的用戶習慣,以及各個功能的使用數據,區分功能優先級,分為核心功能、輔助功能、高級功能等三個層次,重新定義功能架構與布局。



          主界面:少就是多,收折非常用功能,確保核心通話體驗。


          更多面板:主界面功能越少,更多功能入口越能起到引導作用,從右上角找到進階功能。


          快捷手勢:通過新手引導、紅點引導、快捷手勢,滿足高級用戶的需求。



          鏈路排查,解決痛點

          運用認知走查(Cognitive Walkthrough)快速排查通話過程存在的用戶痛點,并將缺失的功能與信息補齊,最終解決超過16個以上的可用性問題。




          補齊短板,超越競品

          對于視頻畫面的思考:

          QQ采用1大N小的畫中畫模式,適合1人主講、他人觀看的場景,主客位明顯,缺少一種與他人共在的感覺;反觀微信是9路宮格畫面,視頻畫面僅聚集在上半部,有利于節省流量,但同時也限制了屏幕利用率。



          兼合上述兩者的優點,設計了16人視頻通話的功能:


          1. 100%屏幕利用率,讓內容展示更完整。


          2. 力求面畫均等分割,最多支持16路視頻。


          3. 手勢快速切換宮格與畫中畫



          16人視頻通話也延伸了不同的創意玩法,例如祝朋友生日快樂、拼字表白或求婚。




          STRATEGY II

          ——————————

          生活場景——與你陪伴更有感



          QQ視頻通話重度用戶的通話對象,主要來自戀人伴侶,這類用戶最希望獲得〝在一起〞的陪伴感,而社交臨場感的〝真實感〞是營造音視頻陪伴感的關鍵因素——彷佛對方就在眼前,兩個人一起聊天、一起做某些事。


          讓他 ? 她看到最好的你

          聲影的真實感,是讓對方感受到你就在眼前的必要條件。真實感包括流暢度與清晰度,通過用戶行為分析,發現在不同場景下,用戶對視頻清晰度與流暢度有不同偏好 。


          為此,QQ音視頻開創了的高清 / 流暢模式,用戶能根據自身需求做選擇,切換自動、流暢480P、高清720P三種模式,針對不同模式定制碼表,匹配不同的幀率和碼率。除此之外,QQ音視頻也與手機廠商合作,開發QQ 5G 1080P超高清視頻通話,提前布局5G應用。



          記錄〝在一起〞的時刻

          創造情感連接,有助于拉近彼此距離,營造陪伴感。有什么是情侶、閨蜜平時會做的事,因為分隔兩地不能一起做了?


          循著這個思路,設計了全新的雙人合拍模式。距離遙遠的兩人,通過QQ音視頻實現留影合拍,讓彼此的情感得以沈淀。另外,為了增添合拍時的樂趣,該模式結合了P圖資源與人臉識別的能力,讓用戶可選用場景模版與掛件,創造屬于兩人的高光時刻。



          〝一起做〞某些事

          情緒之間的感染,更能強化陪伴感與互動感,據此設計了第一款支持視頻聊天的一起看應用 ——視頻包廂。有別于Q群一起看的廣播形式,視頻包廂訴求更親密、1v1的陪伴感,彷佛對方坐在身邊,一邊看劇、一邊聊天。視頻包廂的價值,除了提升QQ音視頻的互動性,也為關系鏈活躍拓展應用場景。





          STRATEGY III

          ——————————

          辦公場景——群體溝通更高效


          線上會議是辦公用戶主要的使用場景,一方面將聚焦用戶核心需求,思考辦公場景的功能設計,另一方面增強用戶之間的互動性,讓會議更具社交臨場感,就像面對面溝通一樣高效。


          溝通更多元

          為什么需要文字聊天?當主持人開啟全員靜音,此時無法回應講者;多人通話時,最多同時聽到6個人的聲音;不方便開麥或攝像頭,又想參與互動。


          為了解決痛點、完善溝通形式,QQ音視頻新增了文字聊天的功能,可通過手勢快速展開 / 收起聊天界面,并支持發送表情和文字消息;這些消息只會在通話界面沈淀,不影響未參與會議的群成員,避免不必要的打擾。


          輕松會議管理

          對辦公用戶而言,線上會議需要完善的管理機制。QQ音視頻嘗試結合Q群管家機器人,小成本實現通話預定。用戶能設置通話主題、開始時間、會議提醒,并支持分享會議鏈接到微信、QQ空間等其他渠道;獲取鏈接的用戶,能快速拉起QQ加入會議。


          以我所?為你呈現

          面對面分享是信息共享最有效率的方式,分享者能夠當面指出要點,有效地表達與溝通。QQ音視頻借助系統鏡像投屏,實現邊通話、邊共享的能力。在商務會議中,將手機中的信息與操作,實時同步給其他參會成員,例如文件、照片、郵件內容等,并支持同步畫面、設備聲音。另外,諸如游戲分享、作業輔導、操作協助等場景,都能通過屏幕共享滿足需求,為用戶帶來實質性的效益。手機端最后一塊拼圖完成后,QQ多端皆可實現屏幕共享,現已成為QQ音視頻的口碑能力。




          STRATEGY IV

          ——————————

          娛樂場景——線上聚會更好玩



          疫情期間,線下聚會被迫停止,線上娛樂應運而生。在此契機之下,借助音視頻實時互動、聲影重現的特性,開啟了新的娛樂形態——QQ一起派對。


          QQ一起派對是基于音視頻展開的實時社交游戲,旨在打造真實聚會游戲體驗,讓游戲過程更貼近線下真實場景,就像面對面一起玩聚會游戲,能與好友邊玩游戲、邊聊天。通過環境氛圍的營造,包括場景具象化、增強代入感等方法,實時感知好友的情感變化,從而獲得社交臨場感,在心理上感到彼此的存在。


          此外,有別于競品需通過點擊按鈕作答,QQ一起派對利用實時語音識別,讓用戶通過更自然的人機交互方式,在游戲過程中進行語音搶答,彷佛置身于真實世界中與好友互動。





          OUTCOME

          ——————————

          成果:深挖場景,用戶為口碑功能點贊


          QQ音視頻經過一系列的體驗重塑,獲得不錯的成果。基于生活、辦公、娛樂等場景深挖需求,新增許多實用功能和創新玩法,為用戶體驗和價值創新奠定良好的基礎,且歸功于這些積累,以致于在疫情期間,QQ音視頻能不畏競品的挑戰。除此之外,多項新增能力,例如屏幕共享、視頻包廂、QQ一起派對,獲得用戶廣泛好評;調研顯示,用戶樂于將QQ一起派對推薦給其他人,足見該功能獲得不錯的用戶口碑。



          結語

          對于音視頻行業來說,疫情迎來的爆發式增長,無法保持高速成長態勢,會有一定程度的回落,但能提高大眾接受度和習慣養成,體認到音視頻能在一定程度上替代線下溝通,不僅限于通訊功能,音視頻應用擁有更多的可能性,正逐漸賦能更多創新場景。為此,QQ音視頻基于社交臨場感,探索并賦能生活、辦公、娛樂等應用場景,提供技術或價值創新的功能與服務,為用戶創造獨特的價值。


          面對市場上同類競品的崛起,作為一個UX設計師,除了因應產品思維設定目標,亦應思考如何以價值驅動解決問題:對于如何解決問題、邁向未來愿景,提出最適切、有效的方法。換言之,要關注的不只是當前面臨的問題,更重要的是擘畫用戶體驗愿景,提出該產品的價值主張,并制定相應的設計策略。


          以QQ音視頻來說,項目初期設計師便與產品經理共同討論產品方向、策略和功能規劃,并根據調研報告,找出拓展應用場景的機會點,借此描繪出QQ音視頻的未來愿景、給用戶帶來的價值。爾后根據里程碑計劃(Milestone Plan),從通訊本質、場景探索到新終端應用,逐步朝著遠距臨場的終極目標前進,此舉不僅有助于產品功能先行布局,也能確保功能設計圍繞用戶價值。




          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加微信ban_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~

          希望得到建議咨詢、商務合作,也請與我們聯系。 



          作者:騰訊ISUX團隊    來源:站酷





          分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。 



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

          設計效率工具趨勢 | 綜述篇

          資深UI設計者

          概述

          ——————————


          工欲善其事,必先利其器。好的工具可以有效的激發設計師的靈感、提升設計師的效率。我們準備做一個設計效率工具系列,整個系列將好的設計工具貫穿到完整的設計流程中,并結合日常我們使用的情況向大家做推薦。通常的設計流程分為日常的積累、研究分析、設計創作、測試評估、對外宣傳這幾個環節。此篇為綜述篇,之后的篇章會針對不同環節進行深入的陳述。




          一、日常積累


          設計師日常除了應對當下的需求,每天可以拿出一定時間保持學習的習慣。不僅可以讓我們緊跟最近的設計趨勢、設計潮流、設計方法,也可以讓我們潛移默化中得到提升。


          Panda|全而美的設計訂閱平臺





          Panda幫助設計師不錯過每天的設計靈感和資訊,包括新的設計方法理念、流行潮流、也有一些新產品推出。我們可以把Panda替換Chrome主頁,每次打開瀏覽器頁面都可以隨時看到最新的設計資訊。一些英文的訂閱也可以用chrome瀏覽器的翻譯功能可以粗略查看。


          地址:https://app.usepanda.com/#





          Topys|創意內容平臺





          全球頂尖創意內容平臺,作為中國成立最早、最受歡迎的創意垂直網站,以 “Open Your Mind” 為宗旨,始終專注在全球創意、藝術、靈感、人文領域尋找最有質感的聲音。


          地址:https://www.topys.cn





          Voicer|分享生活和設計的美學





          我們總在生活中與「一瞬間的感動」相遇。Voicer的理念即是發現這「感動」, 將它傳遞給更多熱愛生活的人們。內容包括創意內容品牌、在線雜志等。致力于分享生活和設計之美。


          地址:https://www.voicer.me





          Design better|優質設計讀物網站





          涵蓋設計商業思維、產品設計原則、設計系統等關于推動設計團隊前進的實踐讀物,同時提供PDF和有聲格式。


          地址:https://www.designbetter.co





          二、研究分析

          ——————————


          設計師在調研過程會研究用戶、記錄用戶的行為和需求,會使用一些高效的記錄工具。同時繁多的調研的信息需要匯總整理,協作整理,這里會推薦一些記錄和整理的工具給大家。




          Noted|錄音筆記好工具





          Noted 是一款將錄音和筆記相機相結合的軟件。我們做訪談用戶或做會議紀要的時候,經常錯過記錄的內容,如果通過一些軟件錄音的話,后期回聽需要比較多時間成本。Noted可以在記錄筆記的同時記錄輸入文字的時間點所對應的錄音,輸入的每個字的時間點都會對應到。當內容沒記錄下來時可以隨時跳到對應時間的錄音進行回聽,方便在漫長的錄音文件中快速檢索。




          Marginnote|文獻收集箱







          重塑學習方式的閱讀筆記工具,更加高效閱讀書籍和學習,可以在閱讀時摘錄筆記,制作學習卡,提取關鍵詞,根據筆記生成思維導圖,梳理知識框架。非常適合閱讀專業書籍,閱讀論文以及復習。


          地址:https://www.marginnote.com/chinese/home





          GoodNotes|手寫筆記





          一款功能強大的手寫筆記軟件,擁有多種筆記封面和紙張模板可以選擇,支持自定義模板,可以簡單處理圖片,可以導入pdf、ppt等文稿并做標記,也適合做電子手賬。


          地址:https://www.goodnotes.com/zh-cn





          騰訊文檔|在線協作





          調研階段方便多人一起搜集資料和匯總,多人同時在線編輯,內容實時同步。隨時隨地高效協作,輕松創作。


          地址:https://docs.qq.com/home






          Xmind|思維導圖





          功能強大的思維導圖軟件,極簡設計,流暢體驗,多種結構圖風格選擇,方便資料的匯集和思路的整理。


          地址:https://www.xmind.cn






          三、設計創作

          ——————————


          當設計目標確定時,接下來進行具體的創意設計。設計師除了通過腦暴進行發散方案以外,一些高效的設計工具可以讓我們事半工倍。


          3.1 靈感搜集


          Collect UI|界面靈感



          UI設計靈感庫,基于dribbble平臺精心挑選優質內容,提高效率便捷,為設計師提供專項更好的靈感。同時支持郵件訂閱推送。


          地址:https://collectui.com





          Adobe Color|配色靈感



          Adobe color不僅從各個維度解決了我們的配色需求,同時也提供找圖需求。其中包含 9 種智能調色模式可以選擇。拾取主題色、拾取圖片中的漸變色、協助工具可以合理幫助檢查不同顏色的對比、探索behance趨勢。


          地址:https://color.adobe.com/zh/create





          Useanimations|圖標動效靈感



          圖標動態效果庫,當繪制的圖標需要一些巧妙的微動態效果時可以參考。


          地址:https://useanimations.com/index.html





          3.2 設計打磨


          FigmaEX|插件可視化



          當插件特別多時候,FigmaEX極大的改善了Figma中使用插件的體驗,將插件可視化。可以進行展開,同時顯示插件的名稱與圖標??梢酝ㄟ^拖拽調整插件的順序,調節高度。


          地址:https://moonvy.com/figmaEX/




          Autoflow|流程圖插件


          輸出交互設計稿的時候,方便快捷的在不同畫板之間連線,提升輸出效率。


          地址:https://www.figma.com/community/plugin/733902567457592893/Autoflow





          Skewdat|傾斜插



          這是一個非常簡單實用的 Figma 插件,它可以幫你將任何形狀元素傾斜過來。


          地址:https://www.figma.com/c/plugin/741472919529947576/SkewDat?ref=prototyprio





          Undraw|插畫素材


          最棒最全的插畫庫,支持快速搜索,一鍵調整顏色。


          地址:https://undraw.co/illustrations






          Magic Eraser|輕松移除雜物


          一款免費的在線服務,它通過 AI 自動去除圖片中不需要的部分,只需要上傳圖片,等待幾秒鐘即可。用鼠標把不要的部分劃掉,松開鼠標就會閃幾下,被劃掉的部分就消失了,比如去水印之類的小東西,如果用 PS 的圖章,估計要十來分鐘,而用 Magic Eraser 就幾秒鐘,簡單易用,推薦使用。


          地址:https://www.magiceraser.io







          3.3 設計驗證


          Checklist Design|設計清單



          設計輸出后可以通過這個清單去做最后的檢查。網站列舉了一些通用場景(頁面、元素、流程、主題、品牌)下的基本設計要素。可以檢查你的設計在這些場景下是否符合規范。樣式、顏色、命名、易用性等是否合適。


          地址:https://www.checklist.design/?ref=prototyprio





          四、測試評估

          ——————————


          好的方案不是一蹴而就的,設計方案需要不斷的打磨和迭代。方案需要持續和用戶進行溝通和測試,才能得到完善的方案。也需要和開發工程師不斷溝通,以達到最佳的實現效果。




          4.1 用戶測試


          騰訊文檔|在線收集表


          用戶測試階段方便高效的收集用戶反饋,一般用于定量的用戶測試。


          地址:https://docs.qq.com/




          Hawkeye|眼動追蹤工具


          一般的眼動跟蹤設備比較昂貴,使用繁瑣。這個名為鷹眼的眼動追蹤APP,可以通過手機前置攝像頭捕捉用戶在使用產品時的視覺動向。


          地址:https://www.usehawkeye.com/?ref=prototyprio




          4.2 評估還原


          CoDesign|騰訊自研設計協作平臺


          覆蓋產品經理、設計師、工程師協作需求。設計交付更輕松,有效管理和使用設計資產。


          地址:https://codesign.qq.com/





          Pixel Eye|高效視覺還原


          在項目上線前設計師都會對最終的產品實現效果進行走查,以保證設計還原的準確性,體驗的流暢性。這是一款視覺還原工具,幫助前端工程師在頁面重構階段就能快速發現開發稿與視覺稿的差異,實時對比、實時修改,減少工程師與設計師的溝通成本,提升整體開發效率。 :


          pixeleye.暫未對外開放敬請期待




          五、對外宣傳

          ——————————


          設計完成后匯報展示、產品的宣傳包裝等,提供更便捷優秀的展示形式。



          5.1 效果展示


          Mockup World


          樣機的類型全面而且免費,綜合質量很高。


          地址:https://www.mockupworld.co





          ls.graphics


          素材非常優質精美,有免費和付費的資源。


          地址:https://www.ls.graphics/#UI




          5.2 在線作品集制作


          Adobe Portfolio



          主要面向設計師群體,幫助設計師建立個人在線作品集。幾分鐘就可以建好一個作品集網站,提供精美模板選擇。最大的特點是易于操作,無需懂網頁程式,都能在建立一個網站。最重要的是你可以使用自己的域名。Adobe Portfolio需要收費。已訂閱用戶可免費使用。


          地址:https://portfolio.adobe.com/start




          結語


          此綜述篇大家有了比較整體的了解,在設計流程中每個環節,介紹了一些比較好用的工具,后續的設計工具系列文章會針對某一環節進行更深入的探索。




          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加微信ban_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~

          希望得到建議咨詢、商務合作,也請與我們聯系。 



          作者:騰訊ISUX團隊    來源:站酷





          分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。 



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

          2022-2023設計趨勢ISUX報告·NFT玩法應用篇

          資深UI設計者

          從2017年萌芽到2021年爆發,NFT在過去的一年內正在成為數字經濟市場的“頂流”,從最初的區塊鏈游戲項目、藝術品投資領域開始向外輻射到音樂、體育、時尚等各種形態的數字產品行業中,展現出未來對于互聯網行業、金融市場甚至社會生態等領域的影響。

          為了更好的探索NFT,本文嘗試從NFT的應用與玩法出發,為大家梳理當下市場上涌現的具有一定代表性的NFT項目,以期提供一些啟發。

          * NFT全稱為Non-Fungible Token,指非同質化代幣,是用于表示數字資產的唯一加密貨幣令牌。



          為了幫助大眾理解區塊鏈和加密貨幣,Dapper Labs團隊創造性地引入了游戲概念,在2017年打造了CryptoKitties項目。該項目以繁殖玩法為特征,建立了迭代化的可循環運行的鏈上育種邏輯算法,并確保繁殖的隨機性。項目中每兩只貓可繁殖一個后代貓,后代會繼承父母雙方256個位源基因組,并在外觀秉性等方面呈現不同可能。CryptoKitties通過淺顯易懂的繁殖及交易機制,證明了NFT的數字資產價值和游戲體驗樂趣。



          在CryptoKitties之前,區塊鏈絕大部分應用于去中心化的金融領域,該項目的出現對NFT的應用場景帶來了革命性的改變,為NFT的發展打下了堅實的基礎。后來的NFT實踐應用中,諸多項目都引入了合成、繁殖的玩法。

          近期火爆的區塊鏈游戲Axie Infinity中,也引入了CryptoKitties的合成繁殖玩法。游戲中的寵物即是NFT,玩家可以將自己的兩只寵物進行繁殖,繁殖產生的后代寵物將從其父母的基因屬性中隨機遺傳。



          全球體育運動品牌NIKE在其與RTFKT合作的NFT項目CryptoKicks中,也引入了繁殖玩法,以向CryptoKitties致敬。用戶可以通過繁殖玩法,來創造屬于自己的定制運動鞋。該功能目前并未正式上線,但已申請專利保護。






          NFT在游戲領域的發展趨于穩定后,隨即開始向藝術領域擴展。藝術品價值的核心要素之一是能夠可靠地證明其所有權歸屬,這與NFT所具有的唯一性、不可分割性的特征極其吻合。尤其是對于數字藝術品而言,NFT能夠有效保證其在數字空間內的知識產權歸屬。

          隨著NFT在藝術領域的發展,國外很快出現了以OpenSea為代表的NFT運營主體,為NFT藝術品的創作、發行與交易提供土壤。眾多藝術家將自己的作品制作成NFT,供藝術愛好者收藏,促使收藏玩法成為當前市場的核心。

          2021年,視覺藝術家Beeple的作品合集《Everydays: The First 5000 Days》以NFT形式加密上鏈,并在佳士得的網上拍賣中拍出6025萬美元的天價,最終含傭金成交價為6934.6 萬美元,刷新了數碼藝術品的拍賣紀錄,同時將數字資產所有權確權討論推進到迄今為止的最新高度。



          參與過《使命召喚》、《霍比特人》等影視及游戲藝術制作的概念藝術家Ben Mauro發行限量NFT藝術藏品《Evolution》。



          藝術家William Quigley將現代藝術與普利策獎獲獎照片《The Babe Bows Out》結合,創造出致敬貝比魯斯傳奇的NFT藝術藏品。



          美國殿堂級圖形藝術家John Van Hamersveld發行《Post-Future 后未來》NFT藝術藏品。



          除了個人藝術家,博物館也將其館藏的各類藝術品鑄造成NFT進行拍賣。如大英博物館與LaCollection合作,將日本浮世繪大師葛飾北齋的《富岳三十六景》系列藝術品鑄造成NFT并進行拍賣。



          國內的各地博物館也積極與發行平臺合作,相繼加入數字藝術藏品的探索,推出了基于各自館藏文物的數字藏品。

          甘肅省博物館發行的魏晉數字壁畫磚,分別為《耕種圖》、《牧畜圖》、《烤肉煮肉圖》、《雙駝圖》、《宴居圖》、《采桑圖》。



          西安博物院發行的漢唐明鑒數字銅鏡,分別為《金背瑞獸》、《海馬飛天》、《七乳神獸》、《月宮》、《彩繪狩獵人物紋》、《八瓣菱形花鳥》、《真子飛霜》、《八卦十二辰》。



          這些博物館發行的數字藏品絕大多數上架僅1秒便售罄,火爆的背后,是藝術收藏者對于數字收藏形式的認同。而數字藏品也使博物館更貼近大眾,進一步推動了歷史文化的發揚,煥發了文化產業的活力。(國內業務由于內在邏輯與外延不同,應稱之為數字藏品)



          NFT的迅猛發展,使其逐漸成為品牌營銷的必備玩法,眾多國內外知名品牌紛紛試水NFT營銷,結合自身特性布局相關產品。NFT的稀缺性和唯一性的特征與品牌價值相疊加,一方面使相關作品溢價空間暴漲,另一方面使品牌價值進一步強化,拓展了品牌的市場空間,也提升了消費體驗。

          3.1 實物產品虛擬化,NFT紀念品反哺線下

          本田旗下高端汽車品牌謳歌,打造限量的NFT來配合其2023款新車Acura Integra的發售。預定Acura Integra前500名的客戶可獲得此NFT,NFT會與實體車輛相匹配,并在交付時升級為獨特版本。由于NFT的加持,開放預定一周有余便已突破500名客戶。



          瑞士奢侈制表品牌HUBLOT與日本藝術家村上隆合作,為「Classic Fusion Takashi Murakami All Black」和「Classic Fusion Takashi Murakami Sapphire Rainbow」兩款腕表的持有者,打造對應款式的限量版NFT。



          德國美容和生活方式工作室Look Labs推出第一款NFT香水《Cyber Eau de Parfum》,該NFT巧妙地結合了其品牌實體香水的特性,以光譜數據的形式在NFT中表現其物理香氣,用視覺替代嗅覺。購買NFT將附送一瓶實體香水,該營銷產生了終極奢華的品牌效應。



          3.2 拓展虛擬周邊,NFT使品牌收益多元化

          德國奢侈旅行箱品牌RIMOWA,以航空為主題,使用其品牌最具標志性的材料,構造出4件獨一無二的實體藝術品,之后將其打造成NFT并推出,命名為《Blueprints from the Metaverse》,由此試水線上虛擬市場。



          Gucci與Superplastic共同推出《Crypto Janky》系列NFT,該系列共10款,以Gucci的經典花紋、標識與符號為靈感,搭配虛擬形象Janky打造而成。NFT的持有者同時會獲得一件由Gucci與Superplastic合作設計并制作的陶瓷雕塑。



          高端美妝品牌嬌蘭發布名為《Crypto Bees》的NFT,共1828個,以其logo的蜜蜂元素,疊加生態環境元素打造而成,并為項目冠以公益之名,極大提升了品牌形象并傳遞了品牌價值觀。






          過去的一年里,“元宇宙”概念爆發 ,再次打開了虛擬世界大門,引發人們對另一世界的想象,很多人認為這是下一階段的互聯網形態,各種元宇宙項目層出不窮。在這樣的環境下,各品牌也爭相參與元宇宙項目,在虛擬世界中創作自己的NFT,希望能在未來的虛擬世界中搶奪屬于自己的一席之地。

          Louis Vuitton在品牌創始人200周年誕辰之際,推出一款免費手游《Louis The Game》。該游戲以收集200支蠟燭為目標,而在收集的過程中,玩家有機會獲得Louis Vuitton推出的限定30份的NFT藝術品。游戲的沉浸體驗與NFT將玩家這場治愈心靈的旅行刻印成獨家記憶,加強了玩家對品牌的無限向往。






          Burberry也在開放世界游戲《Blankos Block Party》中推出了其首款名為《Burberry Blanko》的NFT,玩家可以在游戲中收集與出售這個鯊魚角色。此外,Burberry還將推出噴氣包、臂章等NFT配飾,這些NFT配飾可以應用在任何Burberry Blanko NFT上。



          Balenciaga通過挖掘其經典作品,在游戲《堡壘之夜》中推出了其品牌的4套NFT時裝,這些時裝準確地呈現了Balenciaga標志性面料的外觀和質感。此外,NFT時裝還具有功能,比如運動鞋在游戲中能變成鋤頭道具,Hourglass包可以變成滑翔機道具等。NFT時裝不僅為Balenciaga開拓了虛擬世界新營地,還增加了品牌收益。



          Under Armour與球星庫里合作推出NFT球鞋,球鞋的造型為庫里創造3分球記錄時所穿的真實鞋款,可在 Decentraland、Sandbox、Town Star及Rumble Kong League 平臺中使用,是首個可跨平臺使用的NFT。



          雅詩蘭黛在虛擬世界平臺Decentraland推出其主打產品《Advanced Night Repair》的NFT版本,通過關鍵詞即可免費獲得。用戶在Decentraland中使用虛擬形象進入“小棕瓶”的瓶身內后,即可穿戴該NFT,穿戴后,虛擬形象會被小棕瓶“煥亮面容”。元宇宙也需要護膚。






          在體育賽事領域,一些積極參與NFT建設的先驅者,借助自身聯賽的聲量與特性,創造出眾多花樣的聯動玩法。

          全球最高的籃球殿堂NBA聯賽推出《The Association》NFT,該NFT并非一般圖像或者視頻,而是具有動態屬性,會根據球員在現實比賽中的表現而變換外觀。該項目是為季后賽發行的,共涉及240名球員,每位球員NFT的外觀變化由球員成就和球隊成就決定。簡言之,如果球員在球場上獲得亮眼數據,或者是其球隊獲得優秀的戰績,都會使NFT的視覺變化更多元、更炫酷。



          澳大利亞網球公開賽推出《AO Art Ball》NFT,該系列NFT共6776個,對應將網球比賽場地以X軸121個點和Y軸56個點分割后的6776個地塊,即每1個NFT對應1塊面積為19cm*19cm的球場場地。在2022年澳網11個項目的441場比賽中,決勝球落點地塊對應的NFT,將會被實時更新來標記出這場比賽的信息,比如不同輪次的決勝球對應的NFT,在外觀上會增加不同樣式的貼紙(前4輪綠色貼紙、1/4決賽銅色貼紙、半決賽銀色貼紙、決賽金色貼紙等),同時決賽決勝球對應NFT的外框也將由普通變為金色。









          美國橄欖球聯盟NFL推出門票NFT,兼具傳統門票的功能與藝術收藏紀念的價值,可以在超級碗比賽中使用,每個門票NFT都攜帶持有者觀看比賽所在的區域、排位和座位等信息。NFL副總裁Bobby Gallo稱提供定制的超級碗NFT門票能夠增強球迷體驗。



          美國NBA聯賽的達拉斯小牛隊也推出其2021-22賽季季后賽的NFT門票。



          Global Titans格斗系列賽也推出NFT門票,持有者可按門票對應場次觀看賽事。目前公開發售的Global Titans NFT門票分為兩種,一種是8萬枚的賽事直播觀看權的NFT,另一種是稀有場前排席位NFT,目前僅提供10枚,持有者可親臨比賽現場。



          由體育賽事中門票應用的啟發,未來藝術展和演唱會等,都可以制作含有活動時間、地點、主題等關鍵信息的門票NFT,既滿足功能要求,又以更具收藏價值的形式幫助參與者紀念有意義的事。



          重要時刻是極其珍貴的,尤其是對于粉絲們來說。NFT的唯一性特征疊加這份珍貴,極大提升了重要時刻的價值,由此也誕生了諸多以Important moment為主的玩法。

          Eternal便是一家基于Flow區塊鏈的流媒體NFT市場。在這里,有無數主播、網紅或明星在直播中的富有紀念意義的片段被制作成NFT進行售賣與交易。



          火爆的《NBA TOP SHOT》也是基于這一點來打造的項目。NBA官方將球員生涯的精彩瞬間剪輯為視頻片段,并制作成一定數量的NFT,以不同的價格出售。售價的高低取決于精彩瞬間的質量和球員的火爆程度等。在此項目中,一段球星詹姆斯的精彩瞬間NFT被賣出了23萬美元的歷史最高價。



          Costacos為四名傳奇運動員Dan Marino、Troy Aikman、Warren Moon、Jim McMahon制作發行了一套NFT,分別為“成就、經典海報、難忘時刻、眾神之手“四個部分內容,記錄了傳奇球員的獎項、數字、勝利和榮譽。



          結語

          隨著NFT獲得的關注度增加,各行各業都開始探索其應用于自身領域的可能性,引發了無限美好的遐想。NFT給人類社會帶來全新的理念突破,從傳統的歷史文化保護到新潮的元宇宙,都提供了嶄新的運營路徑。其在價值傳遞、品牌營銷、知識產權保護等方面展示出的新鮮力量,為身處互聯網社交的我們提供了新的思路與探索方向。


          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加微信ban_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~
          希望得到建議咨詢、商務合作,也請與我們聯系。 

          作者:騰訊ISUX團隊    來源:站酷


          分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。 

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

          日歷

          鏈接

          個人資料

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

          存檔

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