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

          首頁

          Instagram的視覺體驗分析

          博博

          國外社交軟件Instagram體驗分析

          今天和大家分享用了幾年的一個社交軟件Instagram。發現這款軟件整體的設計與體驗有值得學習的地方,從10個維度分享分享,希望大家喜歡啦~~

          1.logo的變化

          下圖是關于Instagram的從2010-2022整個圖標變化的過程,從中能發現:
          1.圖標從擬物的風格慢慢變成扁平的風格。
          2.從具象的相機變成更加簡約線形的相機圖標。
          3.顏色越來越艷麗、明亮,給人年輕、炫彩、簡約的設計感受。
          4.從logo的變化中能看出頁面將從擬物的時代跨進了扁平時代,也能折射Instagram界面必將是往極簡、炫彩的方向走。


          2.圖標設計

          我重新臨摹Instagram啟動圖標,發現里面有許多的設計小知識點值得學習。

          例如:圖標背景顏色有黃色、紅色、紫紅色、紫色,相鄰的兩個顏色互為鄰近色,使得繪制出的背景自然而炫彩,非常不錯的設計,漸變的融入也很自然。

          當我們自己做漸變的圖標背景時可以用兩兩相鄰的顏色,讓漸變融入的更自然。


          3.顏色的規律

          明顯的發現Instagram顏色跟色譜的規律一致,顏色從左到右色相的變化值在50度左右,4種顏色都是用的高飽和度、高明度的色彩,非常艷麗、明亮,利用漸變附在英文上做出英文版的logo。

          iPhone 14的字體漸變也是用的這種方法,利用兩兩相鄰的顏色來做漸變。連蘋果、Instagram都在用,趕緊學起來吧,你也可以的~~


          4.圓角的設計

          1.通過自己仔細的觀察發現Instagram攝像頭圖標圓角是帶有平滑過度的圓角,和普通的圓角不一樣。

          2.平滑圓角給用戶的感受會更舒適、平滑、有活力,而普通的圓角顯得更加生硬、不自然。

          3.蘋果的主題圖標都是帶有平滑過度的圓角而不是一個普通圓角,使得圖標顯得更加自然。

          4.可以去看看之前原研哉幫小米設計的logo,會發現他們的logo給人干凈會更加有活力、生命力,而不是使用這種普通圓角,而是一種平滑過度的圓角~


          5.主界面的分析

          1.從Instagram的啟動頁面看出,Instagram追求的是簡約、突出品牌色的方向。

          2.主界面主要以用戶發的圖片為主而不是文字,往往圖片比文字更容易產生閱讀與反饋。

          3.整體的界面簡約、素白,圖標都是統一用黑色線條的描邊。

          4.當自己關注的用戶,發了一些視頻,頭像上附帶Instagram的品牌色的圓形,在白色的界面用品牌色進行了點綴,讓單調的界面更具有識別性。


          6.界面布局分析 

          Instagram的發現頁面做的很不錯,我重新繪制了這個頁面,發現系統想推送給你的圖片或者視頻會做等比放大2倍處理,一屏顯示圖片或者視頻至少有一個最大顯示,給用戶的感受是有主次。同時開發也能很好實現這種布局,具有一定的規律性。


          7.輪播點的設計體驗

          在Instagram界面當用戶發的圖片超出5張時,圖片下方的輪播點會出現變化,有大有小。

          我重新繪制了一個用戶發的7張圖片的示例,當用戶在左右滑動圖片時,輪播的點會跟著動,同時會有大小的顯示,暗示用戶后面或者前面還有多張圖片,有近大遠小的感覺,非常細節的設計~(可以利用在自己的一些設計上)


          8.設計的細節

          1.在Instagram的用戶界面,視頻、多張圖片、單張圖片和置頂4種狀態右上角有個圖標的標識,讓用戶清晰知道圖片的內容狀態,提前給用戶有個心理預期與區分。

          2.當用戶點擊進去類似抖音的布局,可以進行上下滑動切換視頻內容,雙擊可給該視頻點贊,整體的體驗很絲滑,沒有任何的卡頓與拖沓。同時界面圖標用線性的形式,布局統一、和諧。



          9.圖標風格 

          Instagram整體的圖標設計是線性的圖標,線性圖標給人的感覺是可點擊、可操作的,同時感覺簡潔明快的氣質。圖標的統一讓每一個界面的視覺感受都是一致的。



          10.經典界面 

          這個界面放在你面前可能都會知道是Instagram這個應用,這個界面框架已經形成品牌意識。 Instagram幾年一直沒有更改這個布局,非常經典的設計,沒有太多花里胡哨的圖標與信息,只有簡約的線性圖標與用戶發布的圖片,克制的設計。也有很多相機應用、戶外廣告都借鑒了Instagram布局,已經在用戶的心智里面了~



          總結

          1.越來越多的企業的品牌色往鮮艷的方向走,突出品牌形象。
          2.圖片的排版不一定是同樣大小的,可以有大有小,取決于更想給用戶傳達什么。
          3.圖標的統一性很重要,當整個app的圖標風格都一致時,給用戶的體驗的感受也是一致的。
          4.不斷重復一個設計框架、設計組件時,會形成品牌意識,讓用戶記得你的產品。


          作者:黃小偉      來源:站酷

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

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

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

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

          博博

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

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

          2.引導二次開啟

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

          1)損失厭惡/利益引誘

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

          2)消息分類/分別處理

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

          3)提供關閉/關不徹底

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


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


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

          1.減少重復通知

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


          2.言語得當、避免誤會

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


          3.細分受眾群體

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


          4.內容清晰簡潔

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


          5.提供“下一步”入口

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


          五、結語

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



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



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

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



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



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

          引導幫助在產品中的作用

          博博

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

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

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

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

          在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咨詢、用戶體驗公司、軟件界面設計公司



          平面設計和演示設計的區別

          seo達人



          Keynote是Mac用戶使用的幻燈片軟件,我們平??吹降奶O果發布會,國內手機發布會基本都用的是Keynote。當然Mac系統也兼容PPT。Keynote因為其簡約而高級的動效而備受青睞,很多企業開發布會首選就是Keynote。我做了幾張動效圖來示意一下發布會的高級效果。





          演示設計這個概念,包含了上述PPT,Keynote發布會。常見的PPT商業定制項目包含: 企業介紹PPT、產品型發布會PPT、白皮書、商業計劃書等等。我們今天討論的不是這兩款軟件跟平面設計PS AI的區別, 我們要討論的是平面設計和演示設計的區別,所以下文的闡述中,我有可能一會兒講PPT,一會兒講Keynote,講的都是一碼事,都叫(幻燈片)演示設計。

          對PPT感到非常詫異

          在沒有接觸演示設計之前, 我一直是做平面設計(這些年做過UI,平面海報,電商類,游戲視覺,官網)。這兩年才剛接觸PPT,算是一個跨界選手了。當我第一次聽到PPT居然還需要設計,我感到十分詫異。我不是很能理解一款毫不起眼的Microsoft PowerPoint,我意思是說,一款職場人士的常用的幻燈片演示軟件,一款根本算不上是設計軟件的PowerPoint,能跟設計有什么掛鉤的呢?有什么沾邊呢?

          讓我感到更詫異的是,還有專門PPT設計師這種職業的嗎?他們的日常工作是怎么樣的?PPT設計師跟平面設計師有什么區別呢?如果說設計是為了解決問題,優化體驗。那么,PPT設計需要解決的是什么樣的問題呢?什么樣的客戶,有這類需求呢?有多少這樣的群體,愿意為毫不起眼的PPT而付費呢?我剛接觸PPT那會兒,我實在是太多的疑惑了。

          第一直覺,好丑,好Low.

          作為一個資深平面設計師,當第一次看到一些所謂很“不錯”的PPT作品,我第一反應真的是看吐了。感覺好丑好low??!這就是我的第一直覺。有一些配色,一些陰影,很多細節,簡直完全侮辱我這么多年的審美。這也更加加深了我對PPT的疑惑:

          · 就這玩意,這么土的效果,以我的技術不是隨便降維碾壓這些人么?
          · 為什么會有這么丑的PPT?
          · PPT設計不遵循平面的規則嗎(透視,顏色,投影等)?
          · 要是我來做的話,肯定能做的更好。
          · 就這些東西,居然還有那么多人說好?





          發布會,不就是大圖疊字么?簡單!

          在沒有跨入這個行業之前,如果你問我對PPT和發布會的第一直覺,我會這么回答你:不就是大圖配文字嗎?如果說讓我來操刀發布會, 我所認為的演示設計,難道不應該是高逼格大圖加簡約而且少的文字么?發布會不應該就是這樣的嗎?是的,我的第一直覺沒有錯。我們現在看到的比如小米、華為、OV、蘋果,汽車發布會等等,都是大圖配字。



          這樣的設計,背后的邏輯是什么呢?設計看起來很簡單,真的做起來很容易嗎?

          演示設計的邏輯

          回想一下,我們是什么時候開始接觸PPT這款軟件?我想大部分人基本都是從學生時代開始吧。老師講課都會用到PPT。在學生時代如果老師講課講得無聊,那臺下的學生肯定就打瞌睡了,要么就在竊竊私語或者玩手機,總而言之,注意力肯定被分散了。無聊的老師講課,PPT大片大片的文字,丑陋的配色,臺下學生總是不愛聽,講課生動的老師往往更受歡迎。


          同樣道理,教室的場景換成了發布會現場,老師角色換成了演講人,黑板換成了演示大屏幕。人依然還是從學生時代過來的人。

          一切都沒有變。


          發布會演示設計,如果你不能抓住觀眾的眼球,那臺下就沒人聽你講了,場面也會逐漸失控,臺下的人玩手機的玩手機,交流的交流,甚至還會有人覺得浪費時間直接走了。就像看一部乏味的電影,繼續看下去也是在浪費時間。還不如睡覺。這種情況的出現,對于臺上演講人來講,也是一種巨大的壓力。


          所以,演示設計要考慮一個非常重要的問題就是,如何讓每一頁的呈現,深入人心,抓人眼球。這就是為什么發布會,總是用無比震撼的大圖或者視頻,簡約的大字文案來呈現。因為精彩的內容(圖片和視頻)可以吸引觀眾的注意力,再配合演講人高超的演講技巧,把要傳遞的信息,借著幻燈片傳遞出去。發布會的主體是人?;脽羝禽o助演講人的工具。你不會見到有人會把一大堆的文字放巨大的屏幕上吧?那坐后排的觀眾看著多費勁。那觀眾到底是自己閱讀大屏幕上面的字呢,還是聽人(演講人)講呢?

          請記住,最沒吸引力的當然是枯燥乏味的文字,而且是大段大段的文字。這里我做一個案例展示你感受一下你就明白了。假設你現在正在觀看一場蘋果發布會,這一個頁面密密麻麻排滿了iPhone 14的相關參數和文字介紹。這里無意冒犯 , 只是想通過一個錯誤的案例展示來表達我自己的觀點。



          抓住觀眾的注意力

          不管是平面設計還是演示設計,有一條永恒不變的設計規則,那就是觀眾的注意力特別容易走神。我就拿官網舉例子。做過官網的同學應該有所體會,首頁Banner區域的位置,一般不會超過5張Banner圖,每一張圖片的輪播時間,一般不會超過3秒。你的Banner如果不能第一時間吸引用戶注意力,逗留時間再長也沒用。并且,如果第一張Banner停留時間過長,將影響用戶注意后面幾張banner。用戶的注意力非常有限。同理,偌大的會場,巨大的屏幕, 臺下成千上萬的觀眾,發布會如何能吸引用戶的注意力?按照設計的邏輯,要想吸引觀眾的注意力,畫面視覺呈現上能用動態元素優先用動態(視頻、三維),其次是圖片(吸引眼球的圖片),最后才是文字(盡量少而精簡)。當然一整場發布會下來不可能全是視頻,這樣也會造成視覺疲勞,仿佛看了一場兩三小時的電影。 這樣源文件也會超負荷過大,硬件設備也未必跟得上。所以一場發布會,是需要控制好視頻,圖片,占總頁數的比例。

          演示設計,就是推演+視覺展示。

          說到這里,我給演示設計下一個定義。平面設計是用符號,文字,圖形等一系列的元素進行排列組合成視覺呈現出去給受眾群體。演示設計則是,通過符號,文字,形象,圖形,動畫等等,運用合理的視覺化,用復合邏輯的手段去推演,去展示,把關鍵的point,有力power地傳達出去給臺下受眾。


          演示演示,就是推演+視覺展示。和平面設計不同的是,幻燈片演示,不適合在一頁內容上去表達過多的信息,要保持簡約和克制。所以你會看到尤其是手機發布會,演講的文字內容一大段一大段,但是畫面上字少卻鏗鏘有力,圖片大氣且震撼。



          當我第一次動手實戰的時候,我錯了。

          前面說到我剛開始接觸演示設計的時候,我的認知就是,做PPT不就找符合文案意境的圖,然后把字擺上去嘛。比如講企業愿景,大概率就是配高山,大海,攀登,地球等等元素。比如講醫療的時候,就是配醫生,實驗室等等配圖。這樣的認知也沒錯。



          當我第一次做項目實戰的時候,我也是這么干的。 然而我又犯錯了,我對PPT又有了新的認知。

          首先是用途。用途上分為 閱讀型PPT 和 講解型PPT。

          | 閱讀型PPT

          如果PPT是用作商業計劃書,項目提案,品牌介紹,白皮書等等這類場景,這一類型的PPT稱為閱讀型PPT。 閱讀型PPT頁面上承載了很多的信息,頁面布局整整齊齊,板塊分明。這一類型的PPT一般是發給其他受眾去仔細閱讀的,尺寸一般為16:9,4:3,或者2:1 , 3:1。



          | 講解型PPT

          如果PPT是用在大型發布會現場這類場景,這一類的PPT稱為講解型的PPT。 這一類PPT,上面也提到過,演講的主體是人,PPT只是輔助的工具,整場發布會下來主要靠演講人把PPT的內容給講清楚,所以發布會級別的PPT,一般字少,大圖,大背景,配合動畫,三維去演繹。



          我第一次動手做商業項目的時候,我錯就錯在我的需求是閱讀型PPT,我卻按照講解型的思路去做。每一頁PPT把內容大部分都刪了, 只留下部分重要的信息,再配以大圖。下面這個就是一個反面教材,隨便找個圖片胡糊過去,No Way。

          當我再次實戰做發布會時, 我又犯錯了。

          犯了一次錯,我弄明白了什么是講解型的PPT,什么是閱讀型PPT。在我第二次接到發布會需求的時候,我記得當時是給一個醫療項目做發布會,我配了一張水珠的超高清大圖。我當時認為這個圖片非常匹配畫面要表達的場景,但現實又再一次給我打臉。

          我記得客戶的反饋就是這個圖過于素材化,一看就是免費攝影圖庫,不符合他們企業的調性。我這才意識到原來我們平??吹降陌l布會級別的演示,一張大圖配的一些剪短而有力的文案,這個圖片的來由不是網絡上找張圖貼上去,或者請攝影師拍一張那么簡單。反過來想,找個合適的圖或者付費買一張合適的圖然后直接打文字上去,真有那么容易,那發布會也太容易做了,錢哪有那么好賺呢,對吧。



          最合適的圖片來自哪里?

          那如果圖片不是找一張匹配的圖就能完成演示設計的工作,那最合適的圖片從哪里找呢?他們大廠發布會的圖從哪里來呢?答案是,網絡上從來就不存在100%合適匹配的圖片,如果你隨便找一張圖就能糊弄甲方過稿,說明你的甲方好忽悠,或者說要求并不高。

          我們拿蘋果來舉例子。你去看蘋果的每一次新品發布會,你去看蘋果的官網上面的圖,他們的選圖絕對不會是隨便在網絡上找合適的圖片,他們的圖片,視頻,一定是團隊親力親為拍攝的。尤其是在展示自己的大樓,車間,生產線,員工,企業文化等等,網絡上怎么可能存在匹配合適的圖片呢?最優質,最合適的圖片一定是請專業攝影團隊拍攝。這是解決商業需求首選的方案。

          下圖為 蘋果官網截圖





          大多數客戶沒有這個預算,要求咱去網絡找圖。預算充足的甲方能讓設計師用上付費高質圖片。預算不足的,設計師只能靠免費圖庫。這里我拿一個我之前做過的商業案例來給大家展示,這是一頁飛機稿,由于涉及商業,所以畫面所有信息都去除,我們只看畫面視覺。


          這一頁客戶要表達的是企業文化,不畏險阻,勇攀高峰。于是我找了一座高山來表達這個意象。當然這座山不能直接拿來用,于是我對這個照片進行了處理。



          圖片壓縮有摩爾紋



          這個效果很不錯了對吧。我發過去給客戶,盡管已經對圖片進行了二次處理符合這一次的意象,但是客戶仍然對圖片提出質疑,認為這座山光禿禿,而且沒有生命力,攀登起來感覺像是探險運動,很危險的感覺。當然客戶的顧慮是對的。后面經過了溝通,我把山峰換成了綠油油的有樹林的山,然后才過稿。

          你看,哪怕是精心處理過的圖片,它依然沒法100%匹配客戶的要求。PPT商業定制,著重在定制兩個字,這就是為什么我每次對客戶介紹自己的時候,我給自己的title都是【PPT商業定制設計師】。如果你還不是很明白我在講什么,我用兩件T恤來告訴你,什么叫定制。

          左邊是一件純白T恤,是工廠批量生產的類型。價格也比較親民,大概幾十塊錢左右。那什么叫定制化呢? 右邊的T恤就是定制,根據客戶的要求私人定制。價格能翻好幾倍。很多年前就聽聞過某位設計大師說過一個非常經典的比喻: 設計就好比裁縫做衣服。


          作為設計師,需要在每一次的項目中傾聽客戶的內心需求,再運用手里的素材給客戶定制匹配的圖片,對于反映企業文化的意象圖片,客戶自然有他自己心中的考量。





          字給我再放大點!

          有一次做國內某知名游戲工作室的發布會PPT。 主辦方會場有3個屏幕,一個主屏,兩個副屏。副屏上基本是放字,來輔助大屏的有獎問答。我當時在設計副屏的時候,我認為字已經放得足夠大了,再大就破壞了畫面的平衡和比例,至少在平面領域來講,畫面的字傻大粗,完全沒有美感比例可言。我已經調了五六版了老板還是不滿意,最后老板自己調了一版超級大的字,我才意識到原來我做不好PPT是思維上沒有扭過來,不是因為技法的問題。平面講究的字體大小比例均衡,不適合用在演示項目,尤其是發布會項目。為什么呢?我們要從用戶的維度去思考,設想一下在會場,如果你的字放得不夠大,那么后排的觀眾可能無法閱讀到文字。給觀眾體驗感不是很好。所以,為什么發布會一般不會放很多的文字?因為確實閱讀起來很費勁。這就是平面設計跟演示設計的區別。

          那問題來了, 到底發布會現場,用多大的字才合適呢?業內有這么一個公式,可以大概推算出字體用多少號,能夠讓發布會現場最后一排的觀眾也能清楚的看見。



          A是指現場最后一排座位到大屏幕的距離,

          B是發布會大屏幕的寬度,

          Pa是指人到電腦屏幕的距離,

          Pb是指你制作幻燈片時,你電腦屏幕的寬度。


          假設A是16m, 也就是說最后一排到大屏幕的距離大約是16米,B(發布會屏幕)的寬度大約是4米,你再用尺子測量一下你的電腦屏幕寬度(Pb值),假設Pb值是80cm,那我們可以算出Pa,人到電腦屏幕的距離是320cm. 也就是3.2m. 為什么要推算這個3.2m這個數值呢? 這個數值至關重要,得到3.2m這個數值之后,你就站在距離你電腦3.2m的位置,去看你電腦上面的字,能不能看清,如果不能看清就把文字調試到 你站在3m外還能看清的字號大小。



          我再強調一遍。此時在電腦桌前做PPT的你,就站在距離你電腦3.2米的位置,然后去調試你PPT中的字體,這個時候就做個測試,字號大概放多小,仍然能被你自己看得清。那么,這一份PPT在發布會現場就能被最后排的觀眾看清。 當然允許的話 ,還是盡量把字調大一點點。


          業內這個粗略的測試方法, 有點類似于我們小學數學知識里面的比例尺。這個方法不是萬能的,如果條件允許的話,最好就是帶著你的電腦去現場控臺測試,這是最直觀的方法。因為發布會屏幕亮度,現場燈光等等,各方面很多不可控的因素都有可能影響到你的PPT閱讀性。

          平面設計或許不需要對文案進行提煉。但是演示設計需要!

          上一篇文章我有提到,演示設計師的第一重任,就是要對客戶想要傳達的信息進行提煉處理?;睘楹?,有所取舍。但是平面設計尤其是版式設計,是允許畫面上大片大片文字的存在的。

          那么問題來了,客戶如果給了你很多的文字內容,都想塞在PPT里面,怎么辦?

          答案是,做刪減或者分頁。我們要針對內容和客戶溝通,讓客戶做取舍,刪減提煉。一頁PPT保持言簡意賅的表達。 如果很多內容實在都想保留,那就拆頁,分開好幾頁來講。記住,就因為你是設計師,所以你更應該引導甲方(牽著甲方走)。而不是讓自己陷入被動,在設計的時候左右為難,寸步難行不知道該怎么辦。大膽告訴甲方,這一頁內容實在太多了,放不了那么多,影響閱讀。

          演示設計也遵循平面設計排版四大基本準則

          如果要說平面設計和演示設計,有什么共同的點。那我一定要講,從排版上他們都遵循四大基本準則。從本質出發,如果一份設計稿,畫面信息排布凌亂不堪,那還不如直接閱讀文字。四大準則:對比,對齊,重復,親密性。這個已經是老生常談的話題了,這里不展開闡述。同樣的,演示設計也是需要對畫面進行信息處理,把重要的信息區分開來。

          問題來了: 平面的排版技法用在ppt里面合不合適?

          不合適。 前面有提到,PPT最重要的是簡單,直接,生動。如果平面的技法用在PPT上面,很顯然閱讀起來是很費勁的。 不信你看下面這兩個案例。就拿我日常最愛喝的楊枝甘露做一個例子 左邊是我找的一個平面案例。很不錯對吧。 但是如果我用這個排版遷移到發布會大屏上,或者16比9的PPT里面,我也不多說了,你就自己對比一下吧。



          你會發現,在現場大屏幕下,閱讀如此多的信息,會感到非常費勁,

          這就是平面設計和演示設計的區別。

          工作流程的異同之處

          做了將近快3年的演示項目,很多流程已經算是爛熟于心。今天趁著這個機會,把自己心中的方法論,系統地寫下來,方便給各位入行的新人設計師指明一條道路。寫,是為了查漏補缺,是為了讓知識更加系統化,縫合進自己的知識體系。對自己對他人都是一件有利的行為。

          這里我重點說說,演示設計的工作流程。請看下圖:



          首先第一步是提煉文稿。甲方會給你演講人的講稿,大篇的word文字,需要你摘錄分頁放在PPT里。提取關鍵信息,梳理清楚表達邏輯。也有一些甲方,會提前把內容已經放在PPT里了,對于內容多的閱讀型PPT例如白皮書,需要把布局擺整齊。對于內容少的,需要用圖片來撐整個畫面,有一些還需要進行尺寸遷移,比如客戶提供的是16比9, 但是我們要改成發布會的超寬屏尺寸。

          第二步是看分頁。我們把內容分好頁數之后,需要發給客戶確認,客戶可能會因為預算不夠,讓設計師刪減頁面。因為PPT是按頁數來算錢的,比方說一場發布會,1頁報價1000元,客戶預算1萬5.但是你卻分頁分出了20頁內容,這無疑超出了客戶的預算,如果乙方這邊不肯讓步的話,甲方只能刪減內容了。疫情大環境下,大家都得勒緊褲腰帶過日子。甲方也不好過。

          第三步是溝通風格。每一個行業其實風格大體上是固定的,比方說黨政風,水墨風,地產有地產的風格,保險金融也有保險金融的風格。國內手機大廠發布會風格,都以簡約風格為主。國內新能源汽車發布會,一律向國外BBA,特斯拉等明星企業看齊。所以平時看發布會,就應該多看國外的東西,畢竟很多東西都是借鑒回來的。顏色方面萬變不離其宗。來來去去也就那些。我把定風格這件事情說的如此的輕松,是因為我已經參與了大大小小數百個商業定制項目,所以很多風格已經爛熟于心。

          第四步出風格稿。風格稿一般出3頁就夠了。分好頁之后,選比較能出效果的頁面做風格稿,不要選簡單好做的,尤其是一頁只有一句話,或者只有幾個詞的,這種頁面無法作為風格稿的代表。

          第五步定規范。規范主要包含以下幾種東西,布局規范、顏色規范、字體字號規范、元素運用規范、通底。



          首先是布局規范,每一頁PPT都應該設定參考線,我們應當把內容規定在參考線之內,這樣看起來每一頁都是統一美觀的,這一點對于閱讀型的PPT尤為重要。布局規范類似于版式(畫冊、DM、白皮書)的設計規范。

          不管是平面設計還是演示設計,我們都應該設定顏色規范。主色,次主色,輔助色,顏色一般不要超過三種,這是一句老生常談的話了。字體字號規范也是平面設計和演示設計項目都需要指定的規范。在演示項目中,需要制定大標題、副標題、內頁標題、正文規范,還有主題字體。

          元素規范是指,通篇設計稿中不斷復用的元素,比如圓圈,三角形,或者某一些光效,標題修飾等等。

          通底是指每一頁PPT的背景。背景通常根據KV元素色調,或者通用元素來指定,通用背景也是為了讓整套PPT看起來更加規整。

          這里我做了一個表格,寫了平面設計和演示設計的工作流程的區別。當然,平面設計下面有很多細分的領域,我這里一個表格可能沒法闡述全部, 我只挑其中一兩個范疇來講,大家可以進行知識遷移,舉一反三來對比一下平面設計和演示設計的區別。



          設計中的設計

          大家有沒有讀過原研哉的這本書?建議入行幾年的朋友,對設計行業有一定了解的人,可以讀一下這本非常有深度的書。這里我為什么起這個標題 - 設計中的設計。設計中的設計,是你看不見的設計心思。一場發布會,除了臺前幕后的策劃以外,其實有很多甲方的小心思在里頭。


          比如,甲方為了讓觀眾能夠好理解一些復雜的概念,可能會提供一些動畫視頻讓演示設計師放在畫面里。甲方也會糾結一些頁面的字眼描述是不是夠嚴謹,會不會誤導觀眾引起爭議,他們經常會在現場修改文案;甲方會針對整套PPT進行一個全局的梳理,先說哪個,后說哪幾個點,這里的環節應該說多少分鐘,那個賣點要讓誰上臺來講;現場的提詞器需要反復校對文稿;怎么樣控制這個節奏,才不會讓觀眾打瞌睡。在哪里穿插亮點,或者提問題,能夠和臺下一起互動?哪里需要增加動畫?一切策劃細節,都是人為的設計。不要以為設計只是呈現在屏幕上。設計環節,也算是設計。這些背后的東西,都是設計小心思,我把它稱為,設計中的設計。


          原文地址:站酷

          作者:我是葉老師

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


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


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



          設計師調研必備的三張地圖,超全面剖析

          seo達人

          在一個設計項目中,設計師將會面對非常多的決策瞬間。要做好這些決策,絕非只是憑直覺而行的,而需要有強有力的調研結果支撐。


          此時,優秀的設計師不僅善用設計工具,更擅于選擇合適的設計工具。


          調研過程中通常會涉及到三張非常重要的地圖:利益相關者地圖、同理心地圖、用戶旅程地圖。


          有經驗的設計師或許都知道他們對于項目管理、用戶洞察、設計的關鍵性決策起著至關重要的作用。但大多數人都存在很多疑問:


          ·這三張地圖的區別是什么?

          ·分別該在什么階段使用?

          ·分別適用于哪些行業?

          ·有使用順序嗎?

          ·我該如何使用?

          本期內容fabrie就帶大家好好解答一下這些問題,并附上三張地圖的模板,感興趣的朋友可以去我們的模板市場獲取。


          01

          利益相關者地圖


          適用行業:服務設計、產品設計、交互設計
          適用階段:項目調研、項目分析
          使用目的:梳理和標記關鍵的利益沖突者,助力項目規劃


          在服務設計中,利益相關者地圖是一個比較常見的工具。


          與其他設計行業不同,服務設計涉及到的是一個系統。其中會有大量且復雜的利益相關者,包括用戶、供應商、公司員工、第三方機構等等。

          當我們遇到一個問題,需要構思解決辦法或是做出一個決策的時候,利益相關者地圖就可以幫助我們視覺化地將項目相關人員之間的關系呈現出來,以此來明確每個人的訴求、目標以及對于項目造成的影響大小。


          為什么要視覺化?


          一個清晰而有邏輯性的mapping可以幫助我們把腦海里的所有碎片化信息集中和串聯起來,確保信息沒有遺漏。當相關角色的需求和痛點都被充分展示,更能幫助我們發現潛在的人物關系以及不易被察覺的風險和機會點。


          當然,這可以是我們制作任何mapping的共同原因和好處。

          一般來說,在項目初期階段,我們就需要進行利益相關者的分析,有兩點好處:


          一是有助于我們在調研階段,就更全面地掌握項目的內外環境,了解到不同利益相關者的關注點、體驗和期望,這對整個設計方向有決定性作用。


          二是如果項目周期較長,很多相關者的信息會發生改變,在項目推進過程中需要不斷更新和調整。如果中途再去分析,會讓我們的判斷產生偏差。


          此外,我們使用利益相關者地圖,其實更多是為了解決具體的問題。所以我們在使用時,應該是帶著問題找答案。


          比如:你發現投資人提出的需求與用戶的利益相沖突時,就可以通過利益相關者地圖來分析他們的權益,推理出對應決策會帶來的影響或是回報,從而幫助你把控風險,做出更好的決定。

          這其實也是為什么要在fabrie中制作利益相關者地圖的主要原因。它為設計師提供了一個便于上手和制作的模板,但也可以隨時根據自己的需求自由調整,成為一個實現高效的捷徑。


          制作利益相關者地圖大致分三步:


          1. 頭腦風暴


          首先頭腦風暴出所有跟項目相關的個人、群體、組織公司,可以有意識地用不同顏色的便利貼區分不同的群體。


          建議將文檔一鍵分享給已知的stakeholder,邀請他們加入頭腦風暴,不同的思考維度會幫助你分析出更多潛在相關的身份。


          2. 分類分級


          對所有識別出來的相關者進行分類,根據對項目的影響程度大致分為核心團隊、強相關部門、弱相關部門三個等級,填入地圖模板中。


          不同的分類標準可以根據自己實際需要研究的問題自由調整,靈活運用。

          3. 建立聯系


          利益相關者之間往往會存在相應的聯系,可以用線條將他們關聯起來,并描述他們的關系。

          設計項目中會不斷產生問題,所以將利益相關者地圖放在項目文檔中,讓每一個團隊成員都能隨時看到和參考,成為設計師溝通項目時的重要幫手,也是它的使命之一。



          02

          評審中組織


          適用行業:服務設計、產品設計、交互設計、工業設計
          適用階段:用戶研究
          使用目的:深入特定角色的特定場景,理解其行為和需求背后的真正動機


          利益相關者地圖涉及到項目中的每一個群體,同理心地圖研究的則是用戶,或者說是一組用戶群的想法與需求。


          同理心地圖≠用戶畫像,而是制作用戶畫像的必要準備。


          因此我們會在進行某項服務或產品設計之前,就開始使用同理心地圖。它的兩個主要任務是:


          1. 共情用戶的所思所想,提取真正的用戶需求

          2. 建立團隊以及各個部門的共識,確保對用戶需求的理解和設計方向達成一致。

          很大程度上,同理心地圖的制作離不開協作。它需要各方共同努力,根據各自對用戶的觀察,以及研究收集的數據,共享對于目標用戶的理解,一起挖掘用戶的行為、動機和關注點。

          fabrie的同理心地圖模板,為團隊節省了很多前期的繪制準備,并且讓所有人實時在線協作。


          在協作之前,建議各方成員將自己對研究用戶的已有調研資料或者訪談記錄放在模板旁邊。大家可以一起花十分鐘的時間互通信息,再開始一起創建同理心地圖:


          1. 確定目標


          確定我們在和誰共情?他們面臨什么處境?需要做出什么決定?

          2. 共情用戶


          潛入目標用戶的大腦,觀察和思考他們的所看、所說、所做、所聞、所想(包括痛點和收獲)。

          3. 分析回顧

          整理mapping,思考我們還缺哪方面的調研,我們可以做什么來改變他們的想法和感受。


          同理心地圖最后可視化地為我們解釋了用戶行為背后的動機,同時幫助我們去感知到很多不容易被發現的深層需求。


          這既能幫助設計師做出可提升用戶體驗的解決方案,也會在某種程度上引導我們走向更有意義的創新。


          03

          用戶旅程地圖


          適用行業:工業設計、產品設計、交互設計
          適用階段:對于已有產品的用戶體驗研究或想要了解預期產品的用戶體驗過程
          使用目的:描繪特定用戶與產品或服務之間的交互過程,找出用戶痛點和產品機會點


          用戶旅程地圖的核心更偏向于研究人與產品的交互過程,最終優化用戶體驗。相對來說,它的必要性和通用性會更高一些。


          我們既可以研究目標用戶與已有產品的交互過程,發現用戶痛點以此來優化產品;也可以用來假設預期產品與用戶的交互過程,驗證自己想要研究的問題,找出產品機會點。

          用戶旅程地圖通過可視化的方式整理用戶和產品體驗的每個階段,一般需要包括用戶在產品體驗階段的目標、行為、觸點、想法、情緒、痛點和機會點。

          相對來說,用戶旅程地圖需要考慮的細節和維度比較多,需要專門繪制,比較麻煩。


          fabrie的模板直接給予設計師一個可編輯的框架與思路的引導,讓設計師更聚焦于思維發散本身,而不用去關注排版等細枝末節的問題。


          當然,除了常規的視角,還可以結合自己業務需求,插入或調整更多相關度高的維度。這也是fabrie模板的靈活性,它引導你思考,但不禁錮你的發散。


          然后我們可以按四步走:


          1. 確定目標人群和旅程目標


          不同用戶經歷的旅程可能天差地別,因此確定好目標用戶以及這個旅程中你想研究的主要問題尤其重要。


          2. 描述具體使用步驟


          標出在對應的語境下,每個步驟意味著什么,也就是開始研究用戶行為。根據模板上方的提示,修改成對應我們自己的用戶旅程階段。

          3. 完成每個步驟的多維度描述


          在完成用戶旅程階段后,探索每個階段用戶使用產品時的體驗感受,思考對應的目標、行為、觸點、想法、情緒、痛點和機會點。

          4. 提煉關鍵洞察


          根據整個梳理,提煉出關鍵洞察,也就是我們做這個用戶旅程地圖的最終目的。

          寫在最后


          設計師在提升設計能力的同時,需要慢慢開始主導設計項目。這幾個地圖都是強有力的輔助工具,能幫助我們去發現問題和解決問題。


          fabrie模板的意義,就是希望大家不被形式所困擾,而是更自由更聚焦地去思考。


          在不斷使用這些設計工具的過程中,我們會形成更科學完善的設計思維,從而做出更好的設計決策,提升設計格局。


          fabrie的模板市場,提供了數十款設計相關的專業模板。如果你是一個設計新手,它可以幫你更快地上手操作;如果你是一個有經驗的設計師,模板則可以幫助你提高效率,聚焦于思考本身,不被格式等問題困擾。


          原文地址:站酷


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


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


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




          日歷

          鏈接

          個人資料

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

          存檔

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