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

          首頁

          可視化數據大屏制作與工具分析

          周周

          在大數據盛行的今天,人們不僅僅講究以事實說話,更愿意以數據講話。數據作為結果的直接衡量指標,更真實、也更具有說服力,那如何直觀的展示數據,幫助決策者做出正確決策或行動,發揮數據最大的價值?可視化數據大屏應運而生,讓我們一起來談談吧


          一、可視化數據大屏是什么?


          說到數據大屏的時候,我們要先了解一下數據可視化,那什么叫做數據可視化呢?比較專業的解釋是利用計算機圖形學和圖像處理技術,將數據轉換成圖形或圖像在屏幕上顯示出來,并進行交互處理的一種理論、方法和技術,它為我們研究、處理、分析數據提供了理論依據。

          我們人的大腦處理視覺信息的速度比文字快幾萬倍,將抽象的數據轉化成圖表、圖形能更快速幫助我們更快理解數據中的含義,趨勢以及相關性。

          簡單來說,可視化數據大屏,將我們難以理解的抽象的數據概念以圖形化的形式展現,方便我們快速理解這些數據的含義,也方便這些重要的信息在最短的時間內傳給最重要的人。

          數據大屏可分為信息展示類、數據分析類、監控預警類,多展示酷炫的效果,數據之間有層次區分,好的數據大屏是布局、色彩、圖表、動效的綜合運用。


          二、可視化數據優勢是什么?


          數據可視化,讓很多員工從繁瑣復雜的數據工作中解脫過來,那它到底有什么優點呢?


          優點一:解鎖大數據內容的關鍵


          近幾年來,國家的相關法律政策相繼出臺,大數據企業的技術研發水平不斷提高,促使大數據行業市場規模從 2014 年的 212.5 億元增長至 2020 年的 548.5 億元,數據可視化對于公司發現解鎖數據潛在價值意義重大。

          有研究表明,人類可以用比處理文字快60000倍的速度來處理圖像,可視化能直觀呈現大量數據,以前企業員工檢測到數據進行匯總分析需要數小時,可視化通過特定的格式來呈現大量數據幾乎不費時間。


          優點二:數據可視化加快了決策過程


          視覺形式的數據更易理解,數據可視化能快速顯示操作、運營與結果之間的關系。企業管理不是憑空作決定,正確的方式應該是,依據所獲得的數據信息來做輔助分析,數據可視化內容能讓管理人員和決策者清楚看清數據趨勢,快速制定及消化關鍵指標。

          比如當上圖科學決策平臺的網絡總數特別時多,決策者可以快速調取相關數據找出異常原因 —— 是上次活動運營推廣到位,故增加了很多用戶?也就是決策者可以通過異常數據快速鉆取數據,用來解釋正在發揮作用的運營條件或決策與所遇到的指標之間的關系。


          優點三:可視化數據便于溝通及被關注


          根據Aberdeen報告收集的信息,利用數據可視化的組織能夠及時訪問信息的可能性比其他組織高28%。數據可視化有助于我們以客戶和投資者能理解的方式向他們提供信息,它比PPT更容易讓人理解,也能吸引那些對企業內容運作了解甚少的人。

          比如上方的區域經濟地圖,通過地圖與定位街道區域內容、顏色結合的展示樣式,很容易看出各街道產值、稅收等,也更有場景感;居民可支配收入版塊,通過顏色區分、大小圓形、時間線來直觀展示居民收入變化內容,形象且清晰。


          三、制作可視化數據大屏的常用工具有哪些?


          制作數據可視化的工具有很多,最常見的就是Excel工具,非常容易上手,基本人人都會,操作簡單,但它的缺點也很明顯,沒什么特色,靜態數據展示過于死板,樣式老舊。第二類是Python等編程類工具,這類優點是碼數據速度快,自動獲取,看起來很高端,但缺點也很明顯,如:學習成本高、學習比較困難、很難比較熟練的掌握等。

          第三類就是SAAS類可視化工具,這類工具容易上手,操作簡單、動態數據自動獲取、動態效果無敵炫酷,不需要下載安裝,缺點就是部分渲染組件比較耗費電腦配置。那我們今天就來推薦幾款常用的SAAS工具。


          1.網易有數



          網易有數大數據是一個企業級的大屏大數據可視化展示系統平臺,具有深度的交互式數據探索。它有豐富的使用場景,支持數據接入、數據導入處理、數據分析生成報告等,用戶無需編程,簡單拖拽即可生成可視化圖表。缺點是數據探索性分析能力有限。

          網易有數可視化實戰案例——業務安全大屏。通過大屏進行業務安全監控,清晰的展示各業務分布要點的數據情況,頂部實時更新各重要區域數據情況,銷量對比、售后情況,產品產比,以及用戶分布也有清晰的直觀展示。


          2.FineBI


          FineBI作為一款商業智能(BI)軟件,擁有豐富的報表編輯和數據分析功能,同時它也支持可視化大屏的編輯。決策報表采用了畫布式操作界面,通過拖拉拽可以想成一個強大的、全面的可視化大屏,能實現在一個頁面整合不同的數據,完美的展示各類業務指標,實現數據多維度分析。缺點是大屏組件不夠豐富,開發拓展性不強,不支持云端托管等。

          帆軟可視化實戰案例——銀行大屏駕駛艙。通過大屏直觀展示銀行存款、貸款數據,業務辦理詳情等,圖表形式展示內部管理、外部管理情況,分行放貸統計情況等,便于數據管理查看及決策制定參考。


          3.阿里Data V


          Data V是阿里云內部的可視化大屏開發平臺,同時面向開發者和零基礎用戶,支持大屏圖形化編輯和在線編程開發,可幫助非專業的工程師通過圖形化的界面搭建專業水準的可視化應用。

          它有海量行業模板,DataV數據可視化設計團隊會定期從大量真實項目中尋找優質場景,制作為模板,涵蓋媒體、零售、工業、電商、金融、防疫、氣象等多個行業,為用戶提供會議展覽、業務監控、風險預警、地理信息分析等各種設計參考。

          產品功能方面,它有豐富的可視化編輯工具,提供多種業務模塊級的非圖表組件,只要通過拖拉拽便可創造出專業的可視化應用,另外豐富的組件庫與模板庫包含多種場景模板,簡單修改即可快速投入使用。智能化工具擁有主題配色,一鍵美化、大屏智能生成等工具,快速解決在搭建可視化應用時遇到的整體樣式配置困難。專業的地理信息可視化,支持地理軌跡、飛線、熱力分布、3D地球等效果,同時數據驅動三維世界生成,低代碼交互配置將復雜邏輯可視化呈現,整體效果更炫酷。它還有靈活開放的部署方式,支持多種發布方式,如:鏈接分享、二維碼發布;支持自定義組件接入;支持云上部署,也支持線上開發。

          DataV數據可視化實戰案例——智慧工廠生產控制大屏,綜合呈現了每個生產階段的生產狀態參數,將整個車間的情況匯總到一個調度控制中心,方便管理人員了解各階段的工作情況。


          4.EasyV 數據平臺


          袋鼠云數據可視化EAsyV,擁有業內領先的數據可視化大屏故事策劃、視覺設計、前端和數據開發技術實力,尤其擅長3D模型展示,基于GIS地理信息展示等。它里面有豐富的組件,樣式制作精美,支持多種不同類型的數據導入,還有動態面板和交互功能,讓大屏看起來更靈動。

          EasyV數據可視化實戰案例——寧波圖書館可視化平臺。大屏包含人流分析監測、讀者畫像分析、借閱行為洞察等,從多角度全面的幫助用戶及時把握場館運營效果,為其提供館內建設與活動運營的監控分析服務。


          四、如何設計出好的可視化大屏?


          深色的大屏設計能讓其數據顯示更明顯,也方便營造科技感,另外大屏設計圖表文字的顏色要統一,避免出挑的內容分散用戶注意力,使用圖片或者是動態的背景,也可以讓大屏更有氛圍感。那除了這些,好的大屏還有哪些特質呢?

          首先是策劃有故事。從客戶的真實需求去梳理數據可視化內部的視覺傳達,確保內容傳達克制有條理,有重點、有故事。盡可能讓用戶花費更少的時間獲取更多信息,完成數據空間到圖形空間的映射,讓數據的價值被看見。

          如上方的品牌銷售數據大屏,銷售額與門店數,數據明顯,與銷售額相關內容有季度線上線下銷售額,會員數、款式數量、爆款排行等,故這塊內容排在左側。右側就是區域訂單、毛利統計。中間放用戶關心的地圖區域分布、爆款分析等內容。

          其次是可視化要有效率。通過工具軟件,數據可視化變得更簡單高效,變得靈活易實現,多端適配,加入組件化的拖拉拽操作,加入了多種交互和遠程控制,能有效率的實現海量數據實時同步,實現高效率、高質量大屏交付。

          最后是大屏要有數據價值。數據可視化最重要的還是要落實到數據上,脫離數據談美觀是不切實際的空想,數據可視化就是要充分利用并方大數據的價值,保證數據實時、全域、精準、讓數據講話。


          五、最后


          設計可視化數據大屏時我們設計師要抓住問題的重點,即這樣設計出來的內容能不能真的讓數據產生價值,能否經得起業務部門推敲?是否為企業經營提供了幫助?思考完這些再去做的大屏更有價值,大屏做的酷炫是其次,能夠讓人一目了然的看見關鍵信息,聯想到業務實際,才是我們設計師最需要關注的方向。

          文章來源:站酷   作者:知果日記YRrui


          分享此文一切功德,皆悉回向給文章原作者及眾讀者.


          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

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

          B端產品設計常用的七大交互定律

          周周

          一、費茨定律

          費茨定律(Fitts'sLw)是一個描述人類運行學的經驗公式,用于計算人們移動手指或鼠標等設備到某個目標的時間,以考慮目標大小和距離為主。 

          費茨定律的公式是T=a+blog2(D/S+1),其中T是時間,a和b是實驗測得的常數,D是目標的距離,S是目標的大小。說明了在給定目標情況下,目標距離越遠,需要的時間越長;在給定距離的情況下,目標越小,需要的時間越長。

          費茨定律廣泛地用于人機交互界面設計中,例如在B端常用的設計按鈕上,可根據該定律來選擇適當的目標大小和間距,以使用戶更好地達到業務目標。 

          比如在B端產品彈窗界面設計中,確定和取消按鈕都會放在右下角,使得用戶更容易點擊。確定按鈕更高頻故放在最右邊,視覺表現更明顯,使其更容易一眼點擊。此外,兩個按鈕之間的距離也很重要,因為它會影響到用戶的點擊時間,為了讓用戶更容易進行選擇,按 鈕間保持12px距離,避免用戶誤觸。



          二、米勒定律

          1956年美國心理學家喬治·米勒對短時記憶能力進行了定量研究,他發現人的短時記憶能力廣度為7±2個信息塊,記憶信息超過了該范圍就容易出錯。因此心理學家把這個神奇的記憶容量規律稱為“7±2法則”。 在人機交互設計界面中,如果要引入新的元素或操作,應該盡可能地減少其數量和復雜性,以便用戶更容易理解和記憶。

          比如在B端卡片設計中的操作按鈕一般會控制在7-2法則即5個操作按鈕,若有其它操作會隱藏在更多按鈕里面,把頻次較高的按鈕放在一級展示中,頻次較少的按鈕放在二級浮窗展示中。通過分解復雜的任務和信息,減少冗余內容使得用戶更容易理解且更快完成業務過程。



          三、格式塔原理

          格式塔原理是心理學的一個概念,也廣泛應用于設計領域中。該原理認為人類大腦在處理感知信息時,會自動將信息組織成具有整體性、完整性和結構性的形態,即所謂的“格式塔”。

          在設計中,格式塔原理有幾個常見應用: 

          1.相似性原則:相似的事物更容易被視為一組,與不同的事物分離。因此,設計師可以使用相似的顏色、形狀、大小等元素來將相關的信息組織在一起,提高信息的可讀性和易用性。

          2.接近性原則:接近的事物更容易被視為一組,與遠離的事物分離。因此,設計師可以使用空間布局來將相關的信息組織在一起,提高信息的可讀性和易用性。 

          3.對稱性原則:人類大腦喜歡對稱和平衡的形態。因此,設計師可以使用對稱的布局來吸引用戶的注意力,提高視覺吸引力和美感。 

          4.閉合性原則:人類大腦傾向于將不完整的形狀視為完整的形狀。因此,設計師可以使用封閉的形狀來強調信息,使用戶更容易理解和記憶。

          相似性原則的應用比如在B端的卡片設計中,所有的卡片樣式相似在人腦理解中默認會視為相同的一組數據。



          接近性原則比如在B端的表單設計中,常常會將一組數據通過接近性原則組織在一起,提高信息易讀性。



          對稱性原則常用在大屏與報表設計中,通過對稱性布局提高視覺美感,吸引用戶注意力。



          閉合性原則常用于連續性表格或圖形等設計中,通過不連續性來讓用戶大腦形成封閉路徑強調后續可讀信息。

          比如在下面的表格中通過形狀的不連續性反而讓用戶大腦更快感知到還有信息可以滾動查看。



          四、雅各布定律

          雅各布定律(Jacob'sLaw)是一條常被引用的交互設計法則,它由美國心理學家Donald Norman提出。該定律指出,人們在使用任何新系統時,都會將他們以前所經驗過的類似系統的知識應用于新系統。

          雅各布定律的核心思想是,在設計新系統時,應該考慮到用戶的現有經驗和期望,并盡量避免創造完全不同的界面模式。這樣可以使用戶更容易理解和掌握新系統,并減少學習成本。

          比如在B端設計中常用到的圖表編輯快鍵可以延用用戶在其他系統常用到的快捷鍵,如win或mac系統都常用到的快捷指令可復用到B端產品的快捷操作中。



          五、防錯原則

          防錯原則(Principle of Fail--Safe or Fault-Tolerance)是一種設計思想,其目的是減少或避免因錯誤或故障而導致的不良后果。它通常被用于設計高度可靠的系統或設備,以確保在錯誤事故發生時,系統或設備仍然能夠繼續正常運行,或者能夠平穩地停止運行,以避免進一步的損害或危險。

          在界面設計中如設計可撤銷操作,通過系統中允許用戶執行可撤銷操作,以避免因誤操作而導致的不良后果。

          或在界面設計中常用到的反饋和提醒彈窗等操作,以幫助用戶及時發現錯誤或故障,并采取適當的措施。



          六、泰思勒定律

          泰思勒基本定律(Tesler’sLaw)由Larry Tesler于l984年明確提出,也稱 「復雜性質量守恒」。

          該基本定律覺得:該定律認為每一個過程都有其固定的復雜性,存在一個臨界點,超過這個點過程就不能再簡化了,你只能將固有的復雜性從一個地方移動到另外一個地方。





          可以通過簡約至上的隱藏、轉移、刪除等原則進行用戶體驗的提升。

          七、奧卡姆剃刀原理

          早在14世紀,哲學家、圣方濟各會修士奧卡姆的威廉提出來了奧卡姆剃刀原理,這個原理說的是“切勿浪費較多東西去做較少的東西同樣可以做好的事情”,后來以一種更為廣泛的形式被人們知曉“如無必要,勿增實體”。 

          奧卡姆剃刀常用于兩種假說的取舍上:如果對于同一現象有兩種不同的假說,我們應該采取比較簡單的那一種。對于幾個功能相同的設計,在設計都可用的情況下,則選擇視覺干擾較少的設計。

          在設計上則能夠指導我們對產品做減法,去減少不必要的元素,在進行設計的時候,先分析用戶的的主流程是什么,流程內的引導盡量弱化,沒有必要則不增加。

          比如在B端產品設計中的登錄頁面以登錄流程為核心,不需要增加其它沒必要的流程。



          除了以上七大定律外,也有尼爾森的10大設計原則,與以上定律基本一致??偠灾?,交互設計規律的宗旨都是幫助設計師創造易用、高效、愉悅的用戶體驗。在B端產品設計中,將交互定律貫穿于產品設計中可以提升產品易用性,降低學習成本,使產品更規范,對企業用戶的工作效率與商業價值都有積極的影響

          文章來源:優設網    作者:麗創輕文


          分享此文一切功德,皆悉回向給文章原作者及眾讀者.


          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

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



          一篇文章帶你深入了解“B端C化”的設計理念

          周周

          一、引言


          中國互聯網公司的迅速發展正在推動著整個軟件行業的審美革命,在C端產品市場逐漸飽和的情況下,互聯網大廠正在將資本逐步轉移到B端市場的廣闊藍海中?!盉端C端化“的設計理念也應運而生,認為可以用C端的模式和思維來進行B端產品的設計。 


          二、背景


          除了剛剛有說到的資本慢慢向B端市場的藍海轉移,還有一點就是中國互聯網環境的迅速發展,智能手機的大范圍普及,工作人群的年輕化,使得人們已經熟練的掌握了各種軟件的使用,并且在快速迭代的產品中慢慢變得挑剔、謹慎。 


          并且不斷優化迭代的互聯網軟件產品也在無形中為用戶完成了底層認知的搭建,一些功能、操作、交互邏輯已經深入人心,用戶也已經被教育成了"高玩"。 
          所以如今一些新型B端產品的設計理所應當的在用戶體驗五要素中最貼近用戶的結構層、框架層 和表現層中與一些C端產品在一定程度保持了一致,這種設計理念其實也很好的解決了傳統軟件的復雜、門檻高、難用等痛點,很大程度降低了用戶的認知成本和學習成本,把高效、簡單、易用的工具帶到大家的日常工作中。 


          三、對B端C化的理解


          對這個概念的理解我認為是:"B端產品在使用體驗和視覺感受這兩個方面和C端產品接近"。這是我們設計師需要特別關注的,傳統的思維中,大多數設計師會認為B端是給公司內部人員或者商家使用的,只是一個管理系統,并不需要太過于精細,至于體驗也是停留在“能用就行”的程度。但是在我看來不管是C端還是B端,其實它的使用對象都是“人”,應該要遵循人們對于事物的認知和一系列復雜的人體工程學操作習慣。兩者都需要關注用戶在使用時的體驗感受,順暢的使用流程、清晰的信息展示和高效的行為效率,以及有效的引導都能夠快速的幫助用戶完成目標任務。無論是C端設計還是B端設計,滿足這些條件無疑可以給用戶帶來更好的體驗。 


          但是也不能以偏概全的認為C端的設計思維可以完全復用過來。B端產品的場景其實比C端產品還是要復雜的多,應該說是各有各的側重點,思維和設計模式上不能完全照搬,下面我就先說說它們各自的不同處,再舉例帶你看看B端產品在哪些方面可以向C端產品借鑒學習。 


          四、B端C端的不同


          1.使用者不同


          B端使用者多是同一個組織集體,以群體為單位進行協同。比如:老板、部門主管、員工或商戶。而C端使用者相對比較單一,目標用戶群體即是主要使用人群,使用目標、偏好、個性比較明確。 


          2.業務不同:


          B端業務大多數會存在多重維度、場景,使用場景跟業務緊密相關,同一個系統不同角色使用時的業務處理和所關注的數據信息,側重點會有很大的不同,需要全局考慮。不同角色使用產品的流程差異大,需要不同業務上更專業的解決方案。而C端業務一般維度比較單一,業務邏輯相對固定,任務路徑和展示內容比較單一。 


           3.價值主張不同:


          B端注重效率、成本、管控、數據分析等。追求產品的穩定性、業務的增長性,保證產品性能和技術上的安全性。而C端注重用戶的體驗、使用簡單、有樂趣。 


          4.產品思維不同:


          B端產品多數基于服務思維,工具化思維,更加理性;更多的是幫助B端用戶提高效率,完成業務目標。而C端多數為產品化思維,游戲化思維,更感性,更多的是娛樂和情感的滿足。 


          5.產品形態不同:


          B端產品注重業務的梳理,多數會用到圖表、表格、模型,多數產品形態偏向更垂直行業或更專業的面板形態。而C端更注重用戶的感受,會用到很多夸張的動效,炫彩的顏色。 


          五、B端C化在產品中具體的表現


          1.結構層 


          結構層確定各個將要呈現給用戶的選項的模式和順序。結構層是用來設計用戶如何到達某個頁面,并且要考慮他們完成事情之后能夠去哪里。 
          具體在B端產品的表單交付場景下可以體現出,以前的B端表單往往過于冗長,借鑒C端一些注冊場景的設計,把表單拆分成3步內的行為步驟,減少用戶的疲憊感提升體驗。 

          2.框架層


          產品的框架層包括:按鈕、控件、照片、文本區域的位置??蚣軐邮怯糜趦灮撁嬖O計布局的。 
          具體在B端產品的列表頁可以體現出,列表頁中整體的按鈕、文本區域的位置、搜索和篩選的布局設計其實與C端產品中的商品詳情頁是類似的,遵循用戶的閱讀順序和視覺焦點來進行設計。 


          3.表現層


          視覺、聽覺、(觸覺)的體驗設計。多體現在一些情感化的設計也被運用在了B端產品中。 



          六、B端C化未來的設計方向



          反觀現在C端產品的一些設計風格和流行趨勢,有哪些可以運用在B端產品的設計中呢? 

          1.3D化


          B端因為對數據的展示有較強的需求,用戶在使用過程中提高效率的判斷緯度也包括信息數據的獲取效率,而3D的視覺在數據可視化層面有著天然的優勢,可以幫助用戶更快速的理解數據維度所表達的核心價值。近年來網速等硬件設施的升級也為3D化視覺帶來可落地的基礎,設計師也嘗試在產品設計中融入更多的3D化元素。 


          2.情感化


          人們對傳統B端產品的印象往往是覺得它們比較枯燥、呆板的,如今一些新型的B端產品的設計理念也試圖在拋開用戶對于產品的這種既定印象,所以很多產品在往一些娛樂化、IP化的方向嘗試,并且都達到了一些比較好的效果,未來在這方面的思考和嘗試只會越來越多。 


          3.個性化


          B端產品的同質化嚴重,所以B端產品也需要從一些產品定位去定制更加富有個性的品牌基因,可以讓用戶產生對產品的感情,達到從同類產品中能夠脫穎而出的目標。 



          七、總結:



          不管是B端還是C端,目的都是為了解決業務場景中遇到的問題,使用對象都是人,都應該站在“人性”的角度考慮問題,有人說B端產品一般都不注重設計,C端產品的設計更能滿足設計師對美的追求,我只能說它們的側重點不同,C端更注重視覺感受,要做到在視覺表現的感性層面吸引用戶,而B端其實更為復雜,需要做到底層的強大數據處理能力,產品的專業性包括交互、視覺的吸引力,這樣才能從眾多產品中得到用戶的認可并脫穎而出。設計師還需要不斷打磨細節和優化體驗來吸引和留住用戶。 
          所以說“B端C端化”也只是在某些方面通用,但核心側重點不同,不能以偏概全、一概而論,但可以借鑒與參考,B端產品也可以做的很精彩。 

          文章來源:優設網    作者:酷家樂UED


          分享此文一切功德,皆悉回向給文章原作者及眾讀者.


          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

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




          用「用戶體驗五要素」整理「Live Activities設計規范」

          ui設計分享達人

          眾所周知,「用戶體驗五要素」出自Jesse James Garrett 的《用戶體驗要素》一書:戰略層、范圍層、結構層、框架層、表現層。
          產品設計者和開發者的角度可以對應理解為:為什么做、做到什么程度、這些東西如何組成、規劃用戶操作行為、如何呈現這些東西。



          「Live Activities設計規范」由蘋果出品,原文為英文,上一篇已翻譯https://www.yuque.com/viola-ddvdh/yb7quv/uwdod71707e4nez8。上篇也提到了個人對其內容的敘述方式存在一點意見。為了更好的記住&理解「Live Activities設計規范」,使用比較熟悉的「用戶體驗五要素」對內容進行整理。

          1. 戰略層——為什么做

          原文提供的Live Activity定義如下:
          A Live Activity displays up-to-date information from your app, allowing people to view the progress of events or tasks at a glance.
          “Live Activities help people keep track of tasks and events that they care about, offering persistent locations for displaying information that updates frequently. ”

          從原文可以提煉出Live Activity顯示特點:

          1. 內容是頻繁更新的、有進度/狀態顯示的、用戶關心的。

          2. 內容的信息量是一眼就能看完的程度。


          但上述仍是表象,并非實質,接下來思考這幾個問題:

          1. 為什么顯示的是進度/狀態頻繁更新的內容?

          2. 為什么要強調用戶關心的?

          3. 為什么信息量是一眼就能看完的程度?

          沒有Live Activity,頻繁更新主要靠push推送。但push容易被其他APP的push覆蓋,且隨著各種APP的頻繁使用,用戶獲取關鍵信息的效率和通過push打開APP的次數反而在下降。


          進度/狀態頻繁更新的內容,說明每個狀態存在的時間短,如果被覆蓋/忽略,同一狀態就不再復現,用戶所關心的,或APP所希望用戶關心的,就看不到了。比如:什么時候取外賣、待付款、上傳成功等等。


          當下我們所處的時代是信息泛濫的時代,需要對信息作精簡,但用戶的操作是可以多條線進行的,比如比如邊看劇邊吃飯、上班摸魚/等外賣、比如聽音樂的時候寫作。


          信息內容和量是官網一直在強調的,需要精簡,只展示用戶需要的,基本達到一眼看完的程度,目的就是知道變化的是什么,當前狀態是什么。

          分析了這么多,大膽推測一下Live Activity的設計初衷是:快&準確&輕。而終極目的是打動用戶,形成好體驗,進而推動口碑和銷售;為各APP提供新的通知形式,互惠互利。當然Live Activity在一定程度上也彌補了硬件上的缺憾。



          2. 范圍層——做到什么程度

          關于這個層次相當于規定功能范圍&信息邊界限制,就是什么要,什么不能要。這部分的信息官網給出許多,在此將其分類梳理如下,為避免大家不好查找官網/譯文對應出處,在句未已標注。

          1)硬性限制

          1. 僅iPhone支持,iPadOS、macOS、tvOS或watchOS不支持。(源自:平臺注意事項)

          2. 非iPhone14的僅針對iOS16有鎖屏Live Activity展示。(源自:什么是Live Activity-鎖屏)

          3. 支持用戶手動清除鎖屏狀態下的Live Activity。(源自:實際操作)

          4. 支持用戶直接關閉對應APP的Live Activity。(源自:最佳實踐方式第3/c條)

          5. 支持Live Activity自動開始&結束。(源自:最佳實踐方式第6/f條)

          6. 限制跟蹤活動/狀態時長不超過8小時。(源自:最佳實踐方式第1/a條)

          7. 限制活動/進程結束后展示時長不超過4小時。(源自:最佳實踐方式第8/h條)

          8. 支持更改背景顏色&不透明度。(源自:設計有用的Live Activity第5/e條)

          9. 限制內容布局。(源自:設計有用的Live Activity第5/e條)

          10. 限制不同設備的展示尺寸。(源自:規范)

          2)非硬性限制

          1. 避免在Live Activity中顯示敏感信息。(源自:最佳實踐方式第4/d條)

          2. 避免在Live Activity中顯示廣告和促銷活動。(源自:最佳實踐方式第5/e條)

          3. 只提供正在進行的任務/事件的關鍵摘要。(源自:最佳實踐方式第2/b條)

          4. 在任務/活動結束前,給用戶提供關閉Live Activity按鈕。(源自:最佳實踐方式第6/f條)

          5. 點擊Live Activity直接定位到對應頁面,無需用戶二次導航。(源自:最佳實踐方式第7/g條)

          6. 考慮在活動結束后,鎖屏上在合理時段后自動刪除Live Activity。(源自:最佳實踐方式第8/g條)

          3. 結構層——這些東西如何組成?

          (個人猜測)由于是提供一個展示區域,且展示區域有限,所以對于層級架構,一級展示什么,二級展示什么,各階段展示什么,這些都沒有做明確規定&建議。各家APP可以根據自身實際情況進行設計。

          4. 框架層——規劃用戶操作行為

          通過Live Activity的展示形式,可以總結為2點:吸引、查看(摘要&詳情)。

          1)吸引

          1. 一般是在原深感攝像頭兩側展示(電話會直接展示擴展型),分為緊湊型和最小化。

          2. 緊湊型在僅有一個活動/事件的時候展示,雖被原深感攝像頭分割兩端,但僅作為一條信息展示,為了視覺上的統一,這里的顏色不支持開發設置,使用的是系統默認色值。

          3. 最小化在存在多個活動的時候展現,左側和原深感攝像頭粘連,右側獨立成島。

          4. 不管是緊湊型,還是最小化,都可以通過點擊原深感攝像頭區域,進入APP內頁,或者長按喚出擴展型。



          2)查看

          1. 進入內頁的查看基本就是各家顯神通了,這里主要講擴展型和鎖屏。

          2. 原則上是不支持在擴展型和鎖屏做復雜操作的,基本點擊是進入APP。

          3. 擴展型是用戶長按緊湊型/最小化喚起的展示區域,內容是可以自定義的,當然官方也給了相應的建議,具體如下。內容信息種類多的可以采用這種信息左中右排布,底部預留大按鈕。內容信息少的可以采用左內容右操作的方式。



          4. 根據一致性原則,鎖屏展示的布局框架應該與擴展型差不多,同樣可以點擊打開APP。只是在鎖屏狀態如果有多個任務同時進行,是會全部展示的,所以要注意品牌的傳遞,避免用戶混淆服務方。



          5. 表現層——如何呈現這些東西

          對于如何呈現這些東西,蘋果還是寫了很多建議,確保視覺上的一致性和美觀。

          1)顏色

          1. 緊湊型狀態下,為了保證兩側信息的連貫,除了語句閱讀連貫,還需要在圖形和顏色上具有一致性,視覺上連貫。

          2. 鎖屏狀態下的背景是可以自定義顏色、圖像、不透明度的,當然文字的色值和不透明度也是可以定義的。這就涉及到兩者間的對比度對信息閱讀的影響。

          3. 設計師不僅要考慮最佳狀態,還有深色&淺色模式下的,以及不同環境光、設備亮度下的顯示。還有一點很容易忽視的,就是在用戶自定義的墻紙下顯示的效果。不僅要注意信息獲取,還需要考慮美感問題。

          2)間距布局

          1. 緊湊型和擴展型之間的布局要保持一致,兩者間的變化過渡效果是可以預測的。

          2. 一般來說,擴展型和鎖屏狀態下的信息間標準間距是20pt。

          3. 在某些情況下,例如圖形和按鈕,您可能需要使用更緊湊的邊距,以避免擠滿邊緣或形成混亂的外觀。

          3)圓角

          1. 內容和Live Activity邊緣之間的邊距需要保持一致,請遵循SwiftUI規則。

          1內容和Live Activity邊緣之間的邊距需要保持一致,,發現以圓角邊界為測距點得到的間距關系較為舒適。即:圓形/大致為圓形的圖形保持上下,3. 以及左側或者右側間距一致即可;方形/大致為方形的圖形保持圓角邊界與容器圓角邊界垂直對齊即可。同一位置的多個圖形圓角需要相對統一,才能確保間距的一致性。



          4)尺寸

          需要適應不同機型的尺寸。具體的尺寸規范如下。

          a. 靈動島

          動態島使用44個點的角半徑,其圓角形狀與原深感攝像頭相匹配。



          b. Live Activity大小

          下表中列出的所有值均以pt為單位。
          ps:左側為寬度,右側為高度。



          以上就是整理分析的全部。

          在整理分析過程中加強了對「用戶體驗5要素」各個層劃分的理解,也對Live Activity在各個層次上的要求更加明確。


          作者:Viola_1241
          鏈接:https://www.zcool.com.cn/article/ZMTUxMTIzNg==.html
          來源:站酷
          著作權歸作者所有。商業轉載請聯系作者獲得授權,非商業轉載請注明出處。

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

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

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

          探索企業B端設計規范:如何打造無與倫比的用戶體驗

          ui設計分享達人

          今天和大家分享企業內部建設計系統的方法和實踐,也期待大家指正與交流~

          企業級B端產品具有行業壁壘高、業務復雜、服務角色多等特點,在大型迭代項目中,如何做好設計協同,把握設計一致性和還原度常常讓很多設計團隊感覺無從下手,找不到切入點。在長期的項目實踐中我們發現,做好設計規范能規范可以幫助個人、團隊以及整個企業提高效率和產出質量,保障用戶體驗統一。

          那么,我們該如何做好體驗標準化,保障基礎體驗一致性?下面將和大家分享我們公司在構建設計規范的實踐案例。

          一、為什么要做設計規范?

          以我們設計團隊為例,隨著業務不斷擴大,定制化需求不斷增加,大型迭代項目做不好設計和開發協同,導致出現“體驗一致性差”“設計效率低”“還原度不可控”等問題如何有效解決這些問題呢?可以通過構建設計規范,以保證一致性,實現工作提效。


          從不同角度出發,構建設計規范都能發揮積極的作用。

          對企業來說:有利于實現產品經理、設計和研發的輸出一致。設計側主動建立產品設計規范,很大程度上是為了做好設計管控,實現原型、設計稿到線上頁面統一的設計語言,從根本上提升設計質量和還原度,提高用戶滿意度。

          對個人來說:當多個設計師共同協作同一項目時,由于設計理解不一致等原因,容易出現設計控件使用混亂等問題。若有詳細的設計規范作為引導,有利于實現產品各個模塊間的一致性。組件化的工具也能減少機械重復性的工作,讓設計師將更多精力投入到用戶研究和提升用戶體驗上。

          二、建立設計規范的時機?

          產品有不同發展階段,設計規范同樣也有,不同階段下的產品目標和規范需要覆蓋的內容都不盡相同。我們要既要避免做多,保證投入產出比最大化;同時也要構建一個合理的規范迭代思路。

          產品探索初期:

          該階段的產品核心目標是「驗證產品或商業模型」,業務需求都是小步快跑、頻繁迭代。產品處于從0到1的野蠻生長狀態,存在著“先滿足功能,再優化體驗”的情況,導致該階段的產品體驗往往不太過關。

          搭建目的:通過定義原則,梳理關鍵頁面和流程,搭建基本的規范框架。既讓團隊對產品有統一的設計價值觀和認知判斷;從頁面到流程,又能對應設計參照標準;同時業務可以在規定的框架下發展,不僅讓產品體驗的根基牢固,而且不會限制功能設計自由。

          搭建范圍:「全局說明」「頁面布局」「通用流程」

          產品穩定發展期:

          該階段的產品基本形態已穩定,也形成了初步的模型結構。后續迭代是在現有結構的基礎上,進行增加或優化功能。雖然探索期定義了產品原則、布局和流程,但探索期產品的自由生長,會導致不少設計細節不一致,從而影響了產品整體的體驗和效率。

          搭建目的:通過回溯整理過往設計,沉淀優化成完整的交互規范。再根據規范統一產品體驗,進一步優化流程和效率, 讓整個產品體驗達到相對穩定的狀態。

          搭建范圍:「全局說明」「頁面布局」「通用流程」「基礎組件」「業務組件」

          三、一個好的設計規范是什么樣的?

          好的設計規范有很多優秀的例子,例如Google、Apple、Microsoft這些引領全球設計風尚的公司,設計規范已經上升為設計語言,指導旗下所有產品的設計。國內做的優秀的案例,比如Ant Design,Element,arco.design等,像這類的產品已經實現了端到端的體驗一致,把交互、前端和視覺的事情一并解決了,是值得學習的典范。這些優秀的設計規范都包含以下幾個特點:靈活性,可擴展性,系統性和標準性。

          一般團隊內部構建的設計規范都源于某一產品或者業務,因為主要是團隊內部成員使用,追求的是投入產出比最大化。所以可在行業通用設計規范的基礎上,適度參考行業設計規范,能復用的直接參考,同時專注于業務本身,具有業務特性的再集合業務綜合考慮,使整個規范制定效率更高,科學性、指導性更強。


          四、如何制定設計規范?

          設計規范的執行和推動主要分為四大步驟:

          類型梳理:分析業務場景,整理和歸類組件,評估具體組件優先級和迭代計劃;

          全局說明:統一布局,色板,字體,常用樣式,規范設計語言;

          抽象設計:將設計共性抽象出來,構建組件通用方案;

          效果驗證:通過定性/定量數據追蹤效果,分析原因,迭代改進;


          第一步:類目梳理

          收集現有設計頁面,分析業務場景,再參考行業通用規范的定義,整理和歸類組件,可以先羅列完整,再根據產品實際業務需要進行增刪改。

          全局說明:明確影響整站各個模塊、各個頁面設計的原則和規范,指導我們后續各種規范的定義和設計。包括統一布局,色板,字體,樣式等設計規則。

          基礎組件:可參考行業通用規范中的基礎組件分類和組成,因為大部分基礎組件都具有一定的通用性,站在巨人的肩膀上更高效。這里我們根據實際情況,將基礎組件分為導航,通用,數據展示,數據錄入,反饋5個大模塊,每個模塊下再細分各小類,構成基礎組件的類目。

          業務組件:根據業務需求,可以定義屬于自己的業務組件,這也是區別于其他通用行業組件庫的一個核心部分。


          第二步:全局說明

          因為在大體量產品設計中,每個模塊都由不同的同學負責,這樣全局產品的把握就會降低,需要去補充全局規范說明去維持產品全局通用部分的一致性。包括布局,色彩規范,字體,樣式等;


          第三步:抽象設計

          抽象設計是設計規范中最核心,工作量最大,難度最高的一個環節。我們可以將它拆解成幾個部分,先做出基礎組件,再基于基礎組件和業務需求抽象設計業務組件,最后抽象成頁面模板。

          基礎組件

          組件庫的搭建,就一定要提到原子思維。道爾頓原子論認為,物質世界的最小單位是原子,原子是單一的,獨立的,不可被分割的,在化學變化中保持著穩定的狀態。這個原子理論同樣適用于設計系統中。

          其中,最小單位設計元素就是基礎組件。我們在做設計系統的時候希望當你改動任何一個原子,你有自信其他所有依賴于這個原子的部件全部自動更新。只有滿足了這一點,設計系統設想中的效率、解放生產力才會真正實現。例如,在sketch中,分享樣式和嵌套符號的使用。


          業務組件

          在構建完基礎組件后,可以根據業務需求,將使用頻率較高的組件進行評估,抽象成業務組件。

          一般業務組件可分成兩大類:

          一類是由多個基礎組件組成的帶有業務需求復合組件,如:復合標簽,快捷時間選擇器等;

          另一類是針對特定業務場景的業務組件:如地圖,站點等;


          頁面模版

          在完成基礎組件和業務組件的構建后,我們可以根據全局說明,利用組件搭建頁面模板。頁面模版不僅能有效的提升組件的使用效率,也能提供很好的組件使用示范效應,加強設計說明和組件之間的結合。



          第四步:效果驗證

          組件質量評估:從物理到行為層,包括樣式、組件、框架、組件交互 共4個維度。通過一致性評分衡量標準化覆蓋的好壞。

          系統應用層面的評價:

          系統是否幫助業務提效;

          當業務不能直接應用系統,能否靈活改動;

          系統是否幫助業務變得更有競爭力、更創新;

          五、迭代方案和機制提效

          迭代機制

          當我們完成設計規范的整體構建后,對于新需求,通過評估復用性、通用性和優先級,低級別的走定制設計完成交付。高級別的通過抽象設計、內審、沉淀到組件庫中。

          機制提效

          在完成設計規范的構建后,我們可以聯合產品經理和前端工程師,幫助每個環節的人員快速搭建產出物,推動上下游機制提效。

          例如,我們會基于設計規范,為產品經理提供符合設計規范的Axure元件庫,產品經理使用元件庫,可以快速搭建原型,產出prd,與設計師、開發的溝通也更加順暢。簡單的修改可以跳過設計師出圖這一步驟,直接和開發溝通,極大加快前期的節奏。甚至通過借助元件庫,產品經理可以搭建出高保真原型,用于直接和用戶確認或者給客戶進行demo的演示。

          基于設計規范,推動研發實現組件代碼化,通過設計標準化可以達到研發工業化。通過定義標準規范,提高流程、組件的復用率,開發側就可以制定相應組件,形成前端腳手架,方便后期迭代的組件化使用,有效地避免不必要的分歧點和重復造輪子,同時減少上線前設計走查、測試的工作量,保證落地效果,提升生產力。

          以上就是我們在構建自己的企業設計規范的流程,最后,給大家展示一下,我們目前的企業設計規范和部分應用情況。


          作者:北斗BDD
          鏈接:https://www.zcool.com.cn/article/ZMTUyNTQyOA==.html
          來源:站酷
          著作權歸作者所有。商業轉載請聯系作者獲得授權,非商業轉載請注明出處。

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

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

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

          百度APP年輕化-個性裝扮之路

          資深UI設計者

          2022年新建裝扮中心整合各類裝扮的分發入口。搭建皮膚商城、主頁背景商城、頭像商城、掛件商城4大裝扮基建;高效擴充皮膚、掛件、個人主頁封面和頭像等個性化裝扮資產,受到年輕用戶的喜愛,佩戴裝扮用戶迅速增長數以百萬計。

          0-1搭建拓裝扮資產規模的經驗,今日與大家分享。

          一 整合升級四大裝扮基建,搭建系統裝扮能力

          拓新裝扮場景,提升裝扮曝光:百度APP個性化裝扮場景已覆蓋首頁皮膚、個人中心皮膚、個人主頁封面、個性化掛件和頭像。

          我們將百度APP原有的裝扮能力整合升級,新建“裝扮中心”統一分發,并在個人中心增加了一級入口,為更多的裝扮形式與玩法創造更多可能。通過裝扮中心、皮膚商城、個人主頁背景商城、掛件商城、頭像商城“四大裝扮基建”支撐百度APP個性化裝扮的分發和佩戴操作。

          提供易用的裝扮佩戴體驗,增強裝扮展現的吸引力,是裝扮基建方向的設計目標。

          1. 易用性

          我們在全場景提供實時預覽能力,裝扮預覽所見即所得;按裝扮類型統一界面布局,降低理解成本。

          2. 增強裝扮吸引力

          2-1 提升裝扮展現豐富度:

          裝扮中心作為裝扮聚合展現核心場景,提供套裝裝扮,界面內融入豐富動效、定義刷新策略持續推薦新內容,增加對裝扮運營展現能力。

          2-2 串聯互通增強可逛性:

          各裝扮能力之間串聯互通,通過分發場景間跳轉進行交叉推薦增強裝扮吸引力。我們從三條路徑上為裝扮拓展了分發入口。第一條:裝扮功能內的場景,在裝扮商城之間增加相關功能跳轉、在皮膚和套裝的預覽頁底部拓展更多推薦入口。第二條:在用戶的非裝扮使用路徑上拓展入口,如在頭像預覽頁、個人主頁背景預覽頁引導用戶設置頭像和個人主頁背景。第三條:以非常駐的彈窗形式,推薦裝扮活動,吸引用戶體驗裝扮功能。

          2-3 豐富裝扮玩法:

          a. 限時免費裝扮:精品套裝裝扮包括動態皮膚、動態頭像、掛件、個人主頁封面,支持一鍵佩戴四項個性化裝扮,是百度APP的付費裝扮功能。我們探索限時開放給用戶免費使用玩法,效果超預期,收獲了一大波裝扮新用戶。

          b. 結合任務活動:將“佩戴裝扮”作為運營任務,幫助用戶獲取任務金幣,也把熱門裝扮作為任務獎勵。

          c. 與大型運營活動結合:與世界杯大型運營活動結合,設計度曉曉世界杯16強球隊套裝皮膚,通過限免使用,提升裝扮滲透。

          二 持續擴充皮膚/掛件/個人主頁封面/頭像等個性化裝扮資產

          裝扮資產擴規模,重點考量通過提升設計質量增加裝扮吸引力和快速擴規模的效能如何提升。

          1. 精細化打磨,打造百度APP裝扮套裝

          1-1 表現手法-本能層:

          深入研究畫面風格,在年輕化現代審美指導下,選擇偏東方的設計風格,如國風、二次元風格等,因為這類風格多用圖形、線條、顏色來處理空間關系,畫面不會過于厚重,既迎合年輕用戶喜好,又不過多打擾APP內容區域閱讀消費。

          舉例:七月中元節的裝扮設計中,整體配色偏暗、低飽和度的深紫色、偏灰的藍色,可以傳達出靜謐、神秘的氛圍。在色彩構圖中沒有用過多的色彩搭配,使用高明度差來刻畫畫面結構,因為明度反差處于人視覺的最底層。如果能用黑白反差區分層次,會首選黑白。在周圍環境色中使用偏灰的藍、紫色,并且與人身上的暖色對比,讓人物更加突出。而在畫面元素的刻畫上增加飄帶、魚尾的流動感,這種帶有東方感的元素,這種留白、平衡構圖和俠氣感,也有很強的東方特征,同時通過厚涂風格中常用的使用飽和度差異、大透視效果營造場景的空間感,增加畫面的細膩程度。

          1-2 內容-行為層:

          在裝扮具體的內容繪制中融入共情元素,吸引用戶注意。比如結合節日、大事件推送套裝,并在繪制中增加洛麗塔、國風、JK等年輕用戶感興趣的元素。

          1-3 內涵-反思層:

          通過積極情緒引導、激發思考,讓用戶感到心之向往或心生愉悅,可使用神情、動作、裝飾花的花語等多種手段進行情緒暗示。

          2 單品擴量,保證各類裝扮的更新頻率

          與套裝制作不同,單品的更新需要更加短、頻、快,需要更加直接解決Z世代用戶痛點。

          2-1 協助用戶搭建社交符號:

          頭像,作為用戶在網絡世界身份的象征,我們從橫向團隊項目中大量引入能代表身份狀態、游戲愛好等方面的資源,快速補充頭像單品資源庫,我們也根據用戶調研了解到有76%用戶愿意和朋友使用“閨蜜/情侶頭像”,我們在頭像庫中上線情侶頭像,并將完善“頭像分享卡”等功能形成體驗閉環。

          2-2 幫助用戶表達自我:

          百度APP頭像掛件和游戲、社交、直播場景中的頭像框不同,并不為了彰顯關系、體現出社交關系中的尊貴感,百度APP用戶更希望借助頭像掛件來表達觀點,為自己的主張、個性貼標簽。

          2-3 結合用戶興趣引起關注和共鳴:

          在羅盤大數據中,我們發現,王者榮耀、和平精英、元神等游戲中,25歲以下年輕用戶的占比都非常大,并且都愿意花錢購買皮膚裝扮。二次元的游戲、動漫內容不僅僅受Z世代喜愛,且Z世代的滲透率最為突出。各大手游設計中也在不斷的融入二次元元素,我們借力百度AI畫圖技術-文心大模型快速補充了二次元、游戲等風格方向的裝扮。

          三 建立規范平臺,提物料輸出效率

          為了展現更好的效果、適配更多的裝扮場景,且兼顧歷史與開發成本等原因,裝扮物料規則復雜,且種類繁多。《百度APP裝扮體系設計規范平臺》應運而生,它涵蓋 5 項裝扮能力、2項運營能力;每項能力均配有一鍵預覽及導出物料模板。隨功能迭代及時更新,保障了裝扮物料的高效輸出。

          結語

          目前百度APP裝扮已經完成了第一階段的建設,沉淀出一批受用戶喜歡的裝扮資產,未來我們也將不斷探索、創新更多裝扮玩法,未來也將探索出共創平臺,成為一個裝扮生態。


          作者:百度MEUX
          鏈接:https://www.zcool.com.cn/article/ZMTUyMTA3Ng==.html
          來源:站酷

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


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


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

          。                           

          用戶體驗基礎篇·人體結構特性

          ui設計分享達人

          關于用戶體驗

          隨著技術及經濟的發展,人們對計算機系統、機器等的要求,從單純的「 可以用 」逐漸變為想要「 更好用、容易用、用得舒服 」等更加豐富的使用體驗,也就是常聽到的好的「 用戶體驗 」。
          「 用戶體驗(User Experience )」這個概念,最早由唐納德·諾曼(Donald Arthur Norman)提出,他希望用這個詞,來涵蓋個人使用系統時的體驗、各個方面的體驗 ,包括工業設計圖形、交互界面、物理交互,以及與人的交互。

          而「 用戶體驗 」產生的基礎,是「 用戶使用了機器 」,即人跟機器有發生接觸、交流、互動等,然后用戶會形成主觀上的體會、感受。這里的「 機器 」泛指各種「 產品 」,類比諾曼所說的,即物理界面、虛擬界面、系統、硬件等。
          因此,好的「 用戶體驗 」是基于好的交互設計。而對交互設計「 好/壞 」的影響因素,涉及到人、產品、使用環境這三者,也就是人機工程的內容。
          概括一下百科對「 人機工程學 」的解釋:

          將 「 使用物的人 」和 「 設計的物 」以及 「 人與物共處的環境 」作為一個系統來研究(人-機-環境系統)。在人、機、環境這三個要素 本身特性 的基礎上,科學地利用三個要素間的 有機聯系,來尋求系統的 最佳參數。 


          其中關于人的「 本身特性 」包括人體結構和機能特性。主要有人體各部位的尺寸、重量、面積、活動、相互關系等,眼耳鼻舌身對應的視、聽、嗅、味、觸覺,以及動作習慣和認知。這部分大愚認為可以把「 結構特性 」當作人的硬件,具有一定的普遍/通用性;而「 認知 」則是人的軟件,個體間存在一定差異。



          然后,就到了這篇文章的主要內容,人的「 結構特性 」部分。


          注:下文中提及的人體結構特征是基于大部分人的情況描述,內容也是圍繞人機交互有關的方面,不是人體結構特征的全面介紹。

          人體結構特性

          人體結構中對人機交互產生影響的主要有眼、耳、身(皮膚)對應的:視覺、聽覺、觸覺,以及四肢、頸椎的尺寸、受力情況和活動幅度等。下文將對這四部分的基礎內容進行整理,還有聊聊一些交互、體驗設計上的應用。



          人與周圍環境發生聯系的感覺通道,最重要的就是「 視覺 」,約占80%的信息是通過視覺來獲得。因此「 視覺顯示 」是人機交互系統中用的最廣泛的一種形式。

          視覺的形成



          感受光(電磁波)

          人眼正常感受光譜的波長約在400nm-780nm之間(大概這個范圍,網上相關資料關于這個數值存在微小差異),對應的色相是紫色-深紅色,也就是常說的彩虹色。


          而負責感受光的細胞是視錐細胞和視桿細胞。


          視錐細胞,約占95%,復雜感受強光及有顏色(彩色)的視覺,環境光線亮時起作用,用來區分色彩。研究數據表明視錐細胞對光譜中波長為555nm的「 黃綠色 」部分最敏感


          視桿細胞 ,約占5%,復雜感受弱光及沒有顏色(黑白)的視覺,環境光線暗時起作用,用來區分黑白。研究數據表明視桿細胞對光譜中波長為507nm的「 青綠色 」部分最敏感,對極弱的光刺激敏感。


          如果涉及一些特定的工作環境(昏暗)的應用設計時,就可以考慮下此時作用細胞的特性,進行合理的設計設置。

          識別物體

          正常情況下,瞳孔會根據環境中的光量來調整大小。當有光線較強時,瞳孔會收縮變窄;當光線很暗時,瞳孔會膨脹來讓更多的光進入眼球。
          可以把這個理解為一個保護機制,在強光下,通過收縮來減少光對眼睛的高強度刺激;而弱光下,對感光細胞刺激不足,為了不讓眼睛過分費力地去尋找目標和識別目標而引起視覺疲勞,所以瞳孔會放大,讓更多的光進入。
          而接收光的刺激,看到物體后,是否可以準確獲取信息(看清物體、識別文本、圖像等)則跟視敏度相關。


          視敏度 ,就是眼睛能分辨物體細微結構的能力,也就是看清物體的能力。相關實驗數據表明,增強亮度可以提高視敏度。也就是說,亮度越強,人眼對物體的識別能力就越強。




          下面提到兩個實驗,其中「 正對比極性 」,指在淺色背景上顯示深色字體文本,就是對應我們界面設計中的「 淺色模式 」;而「 負對比極性 」,指在深色背景上顯示淺色字體文本,即「 深色/暗黑模式 」。

          實驗1. 德國杜塞爾多夫精神病研究所的Cosima Piepenbrock等相關人員,對「對比極性對視敏度和校對的影響」的研究結果表明:人眼在「淺色模式」下的視敏度要優于「暗黑模式」下,字體越小,淺色模式的優勢就更明顯。 
          實驗2. Agelab實驗室的喬納森·多布雷斯(Jonathan Dobres)等相關人員,對「 環境光照條件(模擬白天/夜間)是否影響正對比度極性的優勢」的研究表明:夜間,深色模式下閱讀小字體文本比淺色模式下閱讀要困難得多。 而人們對文本的識別,「淺色模式」下比在「深色模式「要快,白天比晚上更快。

          對上面兩個實驗可以用環境光的強弱對視敏度的影響來理解:為方便理解,可以假設我們的界面尺寸足夠大,大到覆蓋我們視野范圍,那就可以將淺色模式中的淺色背景類比為白天(環境光度亮),深色模式中的深色類比為夜間(環境光度弱),而屏幕內的文本、信息,就是我們要識別的物體。亮度越強,人眼對物體的識別能力(視敏度)就越強。


          從上面的實驗來看,無論在白天或夜間環境下,「 淺色模式 」都要比「 深色模式 」更好用。


          但根據德國蒂賓根大學的Andrea Aleman等相關人員的一項研究表明,長時間處于「淺色模式」下可能會導致近視。其表現為,閱讀「淺色模式」下的文本時,脈絡膜(跟近視有關的一層膜)會明顯變?。欢喿x「深色模式」下的文本時,這層膜明顯變厚。

          可以理解為長時間處于「淺色模式」下,意味著視敏度的持續維持在較高狀態,就像人在長時間高強度工作下可能會導致健康受損一樣,眼睛同樣也可能會受到損傷。因此相對長期來說,「深色模式」則是更友好的一種形式。


          那通過適當的設計,是否有可能找到這兩者之間的最優解呢?



          視覺疲勞/傷害

          注視區域光照不足、光線過強、光線分布不均勻、光源閃爍、眩光、反光、目標過小、目標不穩定等,都會造成眼睛超負荷工作,導致視覺疲勞。

          光照不足,對應界面交互,可以指屏幕亮度過低,也可以理解為內容和深色背景間的對比度不足。


          光線過強,則是屏幕亮度過高,也可以理解為內容和淺色背景間的對比度不足。還有大面積高明度色彩的使用。而像汽車遠光燈,也是常見的一種光線過強的產品,并且常常被錯誤使用。


          閃爍,會對眼睛造成很大的負荷。在高亮度下,眼睛除了視敏度會增強外,對閃爍的感知也會增強。這方面涉及的產品設計,如顯示器的刷新頻率,要到達某一程度,人眼才感覺不到屏幕的閃爍。


          目標過小,在可識別及相同環境下,目標過小,識別所需的時間越長,也就是更費眼。像界面中的元素,文本字號、圖標等,都需要有舒服的可讀性。


          反光,跟工業產品設計的關系比較密,反光是很容易引起視覺疲勞的和視力傷害。但生活中好像處處有反光,高樓大廈連片的鏡面窗戶/墻、我們正在看的電腦屏幕、手機屏幕、公交車廣告牌的保護罩、汽車的后視鏡等等,都會在某些瞬間讓你覺得眼睛受到了億點傷害,這也是很常見的一種光污染。

          視角范圍

          1. 水平方向

          水平方向上,雙眼視野角度通??蛇_到120°視角。其中「 有效視域 」為30°,即人眼能立刻看清物體的存在和動作軌跡的范圍。其余部分稱為誘導視野,也就常說的「 余光 」。


          而眼動(頭部不動)「 舒適轉動區 」通常為60°

          如果以眼睛距離屏幕40cm為例,水平最佳視野寬度大概就是21.6cm,在72dpi下,約為600px。在進行文本寬度設定時,可以以此作為依據,來設計內容的顯示寬度。



          2. 垂直方向

          垂直方向上,視野角度通常可達到135°視角,「 有效視域 」為30°,「 舒適轉動區 」為55°



          關于「 最佳視角范圍 」及「 眼動舒適區 」的應用,在汽車領域的HMI設計和一些較為復雜的交互活動中有比較多的體現。



          聽覺對信息傳遞的感知僅次于視覺,同視覺一樣,利用以前的經驗來解釋輸入

          相比視覺,聽覺更容易引起注意,且反應速度快,可以捕捉各個方向的信息,不受照明條件限制。




          人類聽覺系統對聲音的解釋可幫助設計人機交互界面中的語音界面,而對有能力缺陷的人,如視障人士來說,「 聽覺(語音交互) 」更是一種替代視覺顯示的重要形式。

          聽覺的形成



          感知范圍

          聲音有三個要素:音調(頻率)、響度(振幅)、音色(材質)。


          人類可以聽到的聲音頻率范圍為20Hz-20kHz,正常情況下人耳可分辨出約 40多萬種 不同的聲音。


          對語音的辨認頻率范圍為260Hz-5600Hz。正常情況下,人類語言的頻率在:500Hz-3000Hz之間。


          感受性、識別性最高的頻率范圍在1000Hz-4000Hz,低于500Hz,或高于5000Hz時,要達到一定響度才能被聽到。

          響度

          0-20dB,幾乎感覺不到
          20-40dB,相當于低聲說話,輕柔的響聲
          40-60dB,正常談話的聲音
          60-70dB,會感到吵鬧、長時間會損害神經細胞
          超過70dB,讓人感覺煩躁,無法集中注意力
          85-90dB,短時間內影響人的聽力,破壞神經細胞
          超過90dB,聽力受損


          超過140dB時,引起的是痛覺,而不是聽覺,會完全損害聽力(歐盟界定的導致聽力完全損害的最高臨界點)

          對音色的辨識和記憶

          人耳對各種音色的分辨能力非常強,對經常聽到的音色也具有很強的記憶力。



          比如在同一頻段同時演奏不同的樂器,人耳依然可以分辨出有哪些樂器在進行演奏,也能識別出不同動物的叫聲。


          而對于熟悉的人,比如對父母兄弟姐妹等,經常只通過說話的聲音,就能知道是誰;通過腳步聲,也可以辨認出來是誰來了等等。

          辨別方向

          除了對聲音的「 音調、響度、音色 」這三個要素的感知之外,人耳還能辨別出聽到的聲音是「 從哪里/哪個方向傳來的 」,也就是聲源方位感。

          粗糙的聲音

          瑞士的神經科學家通過研究發現:粗糙的聲音(上限約為130 Hz)激活了大腦某些特別的區域。

          當重復的聲音被認為是刺耳的、無法忍受的時候(特別是在40-80Hz之間),會引起持續的反應,刺激杏仁核、海馬體和腦島,特別是跟突出、厭惡和疼痛相關的區域,而正因為有這些區域參與聲音的處理,才會使這類聲音會讓人感覺到難以忍受。


          這也是警報聲的應用原理,通過快速重復的頻率來引起人們的注意。再結合聲音傳播不受光照、方向、角度等影響的特性,來提高警報聲被人耳檢測到的概率。

          其他讓人感到煩躁、難受的聲音,如汽車喇叭聲、尖叫聲、嬰兒哭聲等等通常也是在這一頻段。

          聚焦效應

          視覺上的三維圖效果,是眼睛先呈「 散焦狀態 」,視焦點前后位移產生層次感,從而看到三維平面圖畫的立體效果。

          而人耳的聽覺跟視覺相反,可以從眾多的聲音中「 聚焦到某一點 」上,也就是聽覺的「 聚焦效應 」。
          比如我們聽交響樂時,大腦皮層可以抑制其它樂器的演奏聲,把精力和聽力集中到其中的一種樂器聲音上。還有在公交地鐵上,我們同樣可以集中精力聽廣播報站的聲音,而忽略車上的其他喧鬧聲。

          這個特性也讓語音交互的場景擁有更多的可能性。



          觸覺屬于動覺交流領域,即通過身體的運動/動作來交流。


          跟視覺、聽覺的感知相比,「 觸覺 」最大不同是它的非局部性(全身皮膚),以人體為介質,對皮膚、肌肉的感受器進行刺激,能夠 敏感強烈更迅速 的被用戶感知,及時傳遞信息。也 不易受環境影響,無論環境吵雜,或是光線不佳,對其體驗效果的影響都不大。



          但「 觸覺 」傳遞的信息遠少于視覺和聽覺,通常作為視覺和聽覺反饋的補充。對有能力缺陷的人,如聽障、視障人士來說,「 觸覺交互 」的應用則是一種很重要的形式。


          同時也是用戶體驗過程中重要因素之一,會直接影響用戶對產品的情感體驗與交流。在工業產品設計中感受較多,如日常工作生活中常見的家居用品、鼠標、鍵盤、手機等的外形設計、材質觸感等。

          觸覺的形成

          人類的皮膚表面散布著觸點,一般指腹最多(人類手指的觸覺敏感度是前臂的10倍),其次是頭部,最少的是背部和小腿。觸點的大小不盡相同,分布不規則。



          作用

          通過對冷、熱、尖銳物體的判斷,讓身體及時遠離危險和傷害,可以對人體起到保護作用。


          同時也具有表達情感,辨別情緒的功能。有說法認為「觸覺」可能是用來傳達人的情感的最佳途徑,就像「 擁抱 」和「 安慰的文字/語言 」,體現的情感強度就很不一樣。

          觸覺反饋-觸覺學Haptics

          借助Haptics技術,通過作用力、振動等「 觸覺反饋 」,可以起到傳遞信息的作用。但想通過「 觸覺體驗 」來傳達恰當的、有用的信息,需要先理解人類是如何詮釋不同的「觸覺體驗」的。


          比如想要通過「 振動感知 」來傳遞有用的信息,需要先了解怎樣的振動頻率、強度、節奏可以讓使用者意識到其代表的是什么意思:成功、失敗還是其他呢?這涉及到「 認知 」方面的內容。
          通常情況下,「 觸覺反饋 」是作為視覺、聽覺反饋的一種補充。
          如在觸控屏上用虛擬鍵盤輸入文字時,通過按鍵的「 振動反饋 」,讓用戶清晰及時地了解到自己已經成功按下了某一個按鍵。相關研究的結果也表明:虛擬鍵盤加入振動反饋后,是可以提升用戶輸入時的準確度。


          而一些特定場景下,「 觸覺反饋 」可以很好的替代視覺和聽覺反饋。
          比如駕駛汽車時,駕駛員需要將大部分的注意力放在道路環境上,那么通過「 觸覺反饋 」,將部分操作結果傳遞給駕駛員,這一可以在一定程度上減輕駕駛員在視覺和聽覺上的負擔。



          人類的動作通常分為三類:先天、模仿、訓練得來的。



          由于肢體的結構特點,「 先天 」和「 模仿 」的動作,通常存在一定的局限性。

          頭部/頸椎

          頸椎前屈幅度35-45°,后伸35-45°,左右側屈各45°,左右旋轉各60-80°。

          當頸部前傾時,頸椎承受的壓力逐漸增大:
          前傾0°時,為頭部重量,約為4.5-5kg;
          前傾15°時,承受壓力約為12kg;
          前傾30°時,承受壓力約為18kg;
          前傾45°時,承受壓力約為22kg;
          前傾60°時,承受壓力約為27kg。



          結合前面我們講過的人眼轉動的舒適角度和視野范圍,可以為一些物品的設計提供參考。

          腰部/腰椎

          直立,腰伸直自然體位時,腰部可前屈90°、后伸30°、左右側屈各20-30°、左右旋轉各30°。


          人體平(仰)臥位時,腰椎承受的壓力最小。

          腿部/膝關節

          膝關節屈膝角度可達120-150°(小腿后部和股后部相貼)。人坐立時,膝關節彎曲90°,小腿和地面垂直放置對腿部最好的,屈膝小于90°時,長時間保持會影響下肢的血液循環。


          伸直時一般為0°,有過伸狀態5-10°。膝關節屈曲時,有輕微的內旋和外旋運動,約為10°。

          手臂/肘關節


          肘關節彎曲角度可達140°、過伸角度為0-10°、旋前80-90°、旋后80°-90°。

          打字時,手肘彎曲接近90°(水平放置)是最放松的。


          手指/手掌

          1. 拇指動作幅度

          掌側可以外展約70°,指間關節屈曲約90°,掌拇關節屈曲約20-50°。
          和手腕連接處的腕掌關節,能夠進行較大程度的屈伸,收展,完成對掌運動。這是拇指特有的,是拇指骨外展,屈和旋內運動的總和,使拇指尖能跟其他的手指和掌面接觸。

          2. 其他手指動作幅度

          掌指關節屈曲約60-90°,近節指間關節屈曲時約為90°,遠節指間關節屈曲時約為60-90°。 

          3. 手指觸控

          在使用手機等數字界面時,用「 食指 」和「 拇指 」進行觸控是比較自然和常見的行為。


          根據麻省理工對人類觸覺的實驗,食指、拇指的寬度和觸控區域有以下數據:


          食指平均寬度約16~20mm、指腹觸摸區域尺寸約10~14mm、指尖觸摸區域尺寸約8~10mm。
          拇指平均寬度約25mm、指腹觸摸區域尺寸約12~16mm、指尖觸摸區域尺寸約10~12mm。

          觸控控件的最小尺寸要大于觸摸的最小尺寸。控件過小,一方面會增大準確觸控的難度,另一方面手指會造成遮擋,導致用戶無法明確是否已經正確觸摸了相應的控件。


          (手指觸控這部分本來放在上面關于觸覺的內容里,后面想了下,「觸覺」更多的是指「反饋信息」層面的作用,所以還會歸在肢體動作、范圍里比較合適。)

          4. 手指擊鍵

          用鍵盤打字時,在某些瞬間,多數手指只是放在鍵位上,沒有擊鍵行為,因此鍵盤按鍵的驅動力需要大于手指重量產生的力,才足以支撐手指。


          ANSI 1988 年建議鍵盤擊鍵的理想壓力應該在0.5N-0.6N之間,一般0.25N-1.5N的壓力都是可以接受的。


          而對于一些特殊的設備按鍵,比如工業鍵盤類的,則需要更大的按鍵驅動力,因為這類產品的工作環境和活動相對復雜,需要更謹慎的操作。

          5. 單手操作

          單手對手機等觸屏設備進行操作時,一般以四個手指和手掌為依托,用大拇指操作為主,而成年人拇指長度約為6-10cm。


          數據表明,一般成年男性,單手全屏操控的屏幕尺寸最大約為4.5英寸,而成年女性,單手操控的極限約為4.0英寸。超過這個尺寸,單手進行全屏操控會有一定困難。


          而目前主流的智能手機基本在5英寸以上,根據拇指關節的活動幅度,單手操作時在手掌位置不動的情況下,拇指觸及的區域只是很局限的一部分:



          以上就是體驗設計中涉及人體結構特性的內容部分。
          感謝閱讀,期待交流。


          作者:大魚小魚蝦米
          來源:站酷
          著作權歸作者所有。商業轉載請聯系作者獲得授權,非商業轉載請注明出處。

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


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


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

          設計師需要懂得用戶體驗

          ui設計分享達人



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

          作者:騰訊ISUX團隊    來源:董康


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

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

          4萬字B端產品拆解丨從0到1拆解小鵝通后臺設計(二)

          資深UI設計者

          在上篇我們對小鵝通后臺設計的拆解結構和內容進行了簡單的概述,并且把「初始設置」和「添加內容」兩個部分已經拆解完,接下來我們將繼續拆解「裝修店鋪」和「店鋪推廣」兩個版塊,這兩個內容將會讓我們了解到到小鵝通后臺的強大和靈活性。




          3. 裝修店鋪
          店鋪的裝修至關重要,因為這決定了用戶對我的知識店鋪第一印象。所以在我把商品上架以后,我就開始來研究店鋪的裝修了。當我找到「店鋪」,發現這個欄目包含了五個內容,分別是終端渠道、頁面管理、專區管理、商品管理和基礎工具。




          3.1 終端渠道
          小鵝通的終端支持移動端H5店鋪、小程序店鋪、電腦端店鋪、APP和多終端。從適用設備場景來看,幾乎覆蓋了所有主流的學習場景。
          3.1.1 移動端店鋪
          「移動端店鋪」就是指H5網頁店鋪,這是最常見的終端形式,上線快、無需審核、靈活方便,成本最低。
          3.1.1.1 店鋪主頁
          「店鋪主頁」是指店鋪的首頁,這是整個店鋪權重最高的頁面,是用戶看到店鋪的第一印象?!傅赇佒黜摗沟难b修支持兩種,第一種是按系統默認的框架進行搭建裝修,第二種是自定義主頁,跳轉至「微頁面」以后,可以建立空白頁面和選擇其他免費的模版(微頁面接下來會詳解)。




          a. 店鋪裝修
          小鵝通的「店鋪裝修」支持可視化的設計裝修。左側是工具區,包含基礎組件(輪播圖、搜索、公告等)、商品組件(知識商品、書架、直播等)、助學工具(圈子、問答、打卡等)、營銷組件(優惠券、積分商城、拼團等)和在線客服等其他組件;中間是可視化的頁面編輯區域,管理員可以在頁面進行編輯、刪除、拖動;右側是功能屬性設置區,可以對頁面和組件進行細節設置,實現管理員想要的設計效果。當你編輯好以后,可以在右上角點擊保存并預覽,實時查看你的裝修效果,非常方便。




          細節偵查:
          小鵝通的店鋪裝修功能非常強大,幾乎所有常見的內容都設計成了組件,這樣極大降低商家的裝修成本,也提升了整個系統的設計維護效率。
          3.1.1.2 個人中心
          「個人中心」就是用戶中心界面,運營者可以在這個欄目設置需要展示的內容,比如超級會員、我的訂單、學習工具等。




          3.1.1.3 店鋪導航
          「店鋪導航」是指客戶端的一級菜單,支持運營者修改菜單名稱、更換圖標和增加刪除。




          3.1.1.4 店鋪風格
          「營銷配色」是指對商鋪進行店鋪主色和營銷配色的設置,系統提供了多種配色方案,運營者可一鍵切換。美中不足的是,不支持自定義顏色色值。




          3.1.2 小程序店鋪
          「小程序店鋪」是移動端店鋪的升級版,小程序相比H5,用戶體驗友好很多,相比APP,又不需要下載,這是一種非常受用戶歡迎的客戶端。但小程序需要由微信官方審核,對于很多知識付費的商家來說,往往缺少官方所要求的資質,所以很多商家是無法上架小程序的。
          首次使用小程序店鋪,需要對小程序進行授權或創建。小程序店鋪的裝修流程和移動端店鋪相似。需要注意的是,小程序的發布不僅需要補充企業和法人信息,上傳小程序所需要的資質,還需要微信官方審核通過后才能上線使用。




          迭代建議:
          從小鵝通的小程序體驗來看,這是一個直接使用H5系統封裝的小程序。這樣的技術成本確實比較低,上線時間也比較快,但用戶體驗一般,沒有發揮出小程序的優勢。小鵝通可以參考一下有贊的小程序體驗,從而真正幫助商家的用戶獲取開心、愉悅的用戶體驗。
          3.1.3 電腦端店鋪
          電腦端店鋪是指對PC端店鋪的裝修設計,對于有電腦端用戶使用的商家來說,電腦端也非常重要。




          3.1.3.1 電腦店鋪
          ①「店鋪導航」是指運營者可以對店鋪的導航進行設置,包括店鋪 Logo,導航欄背景以及導航欄的增刪;
          ②「電腦端設置」包含電腦端域名設置、課程類TDK設置、微頁面TDK設置等內容,小鵝通的電腦端支持綁定獨立域名,這個對于商家的品牌運營非常有幫助;
          ③「頁腳設置」是指運營者可以對底部的頁腳進行內容設置,包括導航名稱、版權信息等;
          ④「懸浮窗」就是網站的漂浮窗口,一般放在線客服、聯系電話等圖標,為用戶提供及時的咨詢服務;
          ⑤「個性化設置」是支持運營者設置店鋪的默認語言,有中文和英文兩種語言。




          3.1.3.2 頁面管理
          「頁面管理」是對店鋪頁面的裝修管理。電腦端的店鋪同樣支持在線裝修,左側為常見的功能組件(包含輪播圖、圖文導航、知識商品、直播、富文本等),中間為可視化區域,右側為屬性設置(包含頁面設置和組件設置),運營者可對組件進行細節設置,并隨時可以瀏覽裝修的效果。




          迭代建議
          在電腦端的裝修頁面,小鵝通的后臺沒有實現響應式設計,所以導致小屏電腦體驗起來不太友好,比如需要橫向拖動頁面才能看清楚全部內容。我認為可以加一個操作提示,提醒用戶需要使用1920*1080以上分辨率的電腦進行設計,這就遵循了尼爾森十大原則的防錯原則,用戶體驗會更好。
          3.1.3.3 店鋪風格
          店鋪風格就是指對電腦端的店鋪進行品牌色設置,一鍵換膚,還可以同步H5店鋪的配色,保持統一性。




          3.1.4 小鵝通APP
          小鵝通支持APP客戶端,不過從目前的頁面內容來看,APP客戶端僅支持對店鋪、課程推送、課程緩存和課程投屏的設置,暫無像移動端店鋪的個性化裝修等功能。其次由于沒有體驗權限,我們就不過多講解。




          3.1.5 多終端引導
          「多終端引導」是幫助商家引導學員去對應的學習終端,替代原來依賴人工引導的方式,這個功能可以有效提高引導的效率,解決學員總是找不到店鋪入口的痛點,從而降低商家的運營成本。需要注意的是,這個功能只支持在「課程支付成功頁面」和「課程詳情頁」開啟。




          3.2 頁面管理
          「微頁面」可以理解為小鵝通店鋪裝修的最小單位,一個店鋪可以看作是由無數個微頁面構成,而一個微頁面,又可以通過商家自主添加組件來設計裝修。微頁面的使用場景非常廣泛,比如商家需要設計一個促銷頁、活動頁,這個時候就可以使用到微頁面,通過組件的搭配,就能完成自己想要的效果。




          3.2.1頁面管理
          「頁面管理」就是針對系統創建的微頁面進行管理,包括新建、編輯、分享和刪除等。




          3.2.2 分組管理
          「分組管理」就是指可以建立分組來管理微頁面,比如新建一個醫療產品的分組,可以把和醫療相關的微頁面都合并成組批量管理(此功能僅支持旗艦版才能體驗,所以缺少配圖)。
          3.2.3 模板庫
          「模板庫」是指官方為商家提供的免費設計模板,商家可以直接應用模版,在模版的基礎上進行二次創作,提高工作效率(此功能僅支持旗艦版才能體驗,所以缺少配圖)。
          3.3 專區管理
          「專區」就是專題頁,和微頁面相比,它相對獨立,比如商家可以建立某個主題的學習專區,方便用戶針對性學習。小鵝通幫助文檔對「專區」的使用場景官方設計了兩個,一個是商家在和不同的品牌方合作時,以為品牌方設置專屬的宣傳專區。另一個是如果商家想為用戶提供沉浸式的學習場景,那么建立一個專區就可以實現這個需求,可以有效減少其他內容對用戶的干擾。從使用場景看出,專區是一個可以幫助商家加強品牌推廣,提升運營效率的功能,比微頁面更靈活。




          3.3.1 專區詳情頁
          ①「內容設置」就是指專區的主頁,這個頁面可以通過建立微頁面來進行設計裝修;
          ②「品牌設置」是可以開啟專區的頂部導航,還可以在頁腳導航設置專區的名稱、導航狀態以及頁腳Logo;
          ③「權限設置」是針對專區的訪問權限做限制,比如可以指定用戶、加密,以及公開訪問。




          3.3.2 數據統計
          「數據統計」欄目,為商家提供了轉化漏斗、轉化趨勢和轉化明細三個內容,通過多維度的數據分析,為商家精細化運營提供決策依據。




          迭代建議:
          著名的格式塔原理里有一個接近性原則,就是指把相似的功能、產品合并分類,這樣可以讓界面功能清晰易懂。專區和微頁面的功能其實就非常相近,完全可以和微頁面合并,同時歸類到頁面管理分組,這樣可以有效提高管理員的操作效率。畢竟面對一個功能如此繁雜的SAAS產品,用戶的操作成本真的太高了。
          3.4 商品管理
          商品管理主要針對店鋪的詳情頁裝修和商品分組,屬于比較基礎的功能。
          3.4.1 詳情頁裝修
          詳情頁是店鋪權重非常高的頁面,它對用戶的付費轉化起到了很大的作用。




          3.4.1.1 新建模版
          ①點擊新建模版,就進入了詳情頁裝修的界面。左側為可視化區域,右側為功能設置。從左側TAB可以看出,支持對圖文、專欄、訓練營Pro和實物商品四個詳情頁的設置;右側為詳情頁的信息設置,包含基礎信息、詳情頁裝修和高級設置三個內容。
          ②在「詳情頁裝修」,可以開啟銷售彈幕(制造促銷氛圍)、店鋪信息,還可以設置付費商品按鈕文案等;
          ③在「高級設置」,可以設置銷量達到某個數量才進行展示,對于新店鋪或新商家非常利好;
          ④「自定義菜單」則為運營者提供手動設置詳情頁TAB菜單的功能,比如目錄、課堂互動、評論都可以選擇開啟或關閉。




          設計思考:
          從小鵝通的店鋪詳情頁裝修來看,這個系統的所有頁面就像一個積木一樣,全部由組件組裝。比如詳情頁的銷售彈幕,店鋪信息、購買文案,再到詳情頁的TAB菜單,目錄、課堂互動和評論等,這些內容都是一個獨立的組件,支持商家隨時開啟和關閉,非常方便。
          3.4.1.2 關聯商品
          「詳情頁模版」建立成功以后,返回到列表頁,這個時候需要對詳情頁關聯商品,詳情頁才能投入使用。
          3.4.2 商品分組
          「商品分組」就是可以建立不同的分組,對商品進行歸類、實現高效地的管理,也方便用戶在前端更便捷地找到所需商品。在商品分組的排序頁面里,有一個非常友好小功能,那就是在對商品排序的時候,只需要輸入數值,就能實現商品排序,非常不錯的操作體驗。




          3.5 基礎工具
          3.5.1 素材中心
          「素材中心」就是系統會把運營者在店鋪日常運營上傳的圖片、音頻、視頻等資料都儲存在云端,這樣可以實現對文件資源統一、高效的管理。這個功能或許不起眼,但是在運營者運營的過程中非常方便,可以提高工作效率。




          3.5.2 圖片設計
          小鵝通接入了「創可貼」圖片在線設計工具,支持用戶在小鵝通后臺就能在線設計圖片,非常方便。創可貼這個在線設計工具功能非常強大,不僅有大量優質的設計模版,還有各種素材、文字、背景和工具,這極大降低了運營者在店鋪運營中的設計制作成本,幫助運營者可以更高效地降低運營成本。




          3.5.3 版權保護
          3.5.3.1 內容保護
          ①「防錄屏跑馬燈」就是為了防止用戶悄悄錄制課程,商家在開啟跑馬燈以后,屏幕就會以跑馬燈的形式把用戶的賬戶名和ID展示出來,這樣可以有效降低課程偷錄的損失。管理員可以對跑馬燈的顏色、字體大小、透明度進行設置,還可以開啟版權聲明。
          ②除了防錄屏跑馬燈,小鵝通還支持開啟水印保護、文字防復制、終端限制和域名限制,可以看出在內容保護這塊,小鵝通幾乎把商家需要的功能都設計了,極大降低了商家內容被侵權的風險。




          3.5.3.2 投訴指引
          「投訴指引」是小鵝通為做商家整理的各大平臺投訴指南,包括小鵝通生態、微信公眾號、B站、抖音、知乎等各大媒體平臺,目的是打造一個良性、健康的平臺秩序。




          設計思考
          從這三個基礎工具的設計可以看出,一款Saas產品的成功,一定是把商家運營的所有環節和場景都考慮進去。比如小鵝通鏈接了創可貼在線圖片設計工具以后,不僅可以極大降低商家的店鋪運營的門檻,還能省去很多人力成本。其次在對商家版權的內容保護上,小鵝通可謂花盡了心思,防錄屏、水印、防復制還有終端和域名限制,這些功能都能為商家的原創內容保駕護航,從而打造一個健康的知識生態環境。
          3.6 體驗小結
          在體驗完小鵝通的店鋪裝修版塊以后,我對SaaS產品的設計肅然起敬。為了實現產品的標準化,幾乎把整個產品的頁面、功能都全部組件化了,最終設計開發了一個可視化、智能化、傻瓜式的在線裝修功能。這樣的設計不僅讓整個產品極度標準化,維護成本低,更重要的是,節省了商家的裝修成本和時間,讓他們更快速地上手。
          其次從其他功能的設計也可以看出,一款Saas產品的成功,一定是把商家運營的所有環節和場景都考慮進去。比如小鵝通鏈接了創可貼在線圖片設計工具以后,不僅可以極大降低商家的店鋪運營的門檻,還能省去很多人力成本。甚至在對商家版權的內容保護上,小鵝通可謂花盡了心思,防錄屏、水印、防復制還有終端和域名限制,這些功能都能為商家的原創內容保駕護航,從而打造一個健康的知識生態環境。
          4. 店鋪推廣
          當我把店鋪裝修好以后,基礎工作就準備就緒了,接下來,我需要的就是開始推廣和運營我的知識店鋪,讓我的粉絲們開始來到店鋪學習。
          4.1 直播
          直播是現在最流行、最重要的傳播方式,對于一個運營者來說,直播運營太重要了,它是一個引流、激活、留存和變現的重要手段。




          4.1.1 通用設置
          在建立「直播」之前,我們來先看看「通用設置」,這樣可利于快速上手「直播」功能?!竿ㄓ迷O置」包含「全局設置」和「默認設置」兩個部分。
          ①在「全局設置」,管理員可以開啟超低延時設置(降低直播延遲時間)、消息氣泡(用戶進入后界面有提示)、全屏互動、隱私保護等功能,還可以設置嚴禁詞(可設定直播評論區的嚴禁詞)、水印、打賞金額等。
          ②在「默認設置」,管理員可以開啟觀看人次(直播觀看人數)、在線人數、防錄屏跑馬燈(打開后可有效防止錄屏)、評論審核、直播熱度、點贊、打賞、回放設置(可設置直播是否開啟回放和視頻播放倍速等)等功能。




          4.1.2 新建直播
          小鵝通的「新建直播」包含基本信息、商品信息和上架設置三個部分。
          ①小鵝通的直播分為視頻直播、錄播直播和語音直播三種類型,其次還支持橫屏直播(適用于企業/PPT宣講等場景)和豎屏直播(適用于泛娛樂化教學、帶貨等場景),類型可謂非常豐富。接下來,運營者需要設置直播基礎信息,比如直播標題、開始時間、封面圖,還可以設置直播暖場圖、宣傳封面、詳情頁介紹等。
          ③「商品信息」和「上架信息」就像「內容」版塊的視頻、音頻產品一樣,可以對直播設置免費、付費、加密和指定學員專享,這個版塊可以理解為小鵝通商品新建的一個通用模塊,后面我們不再贅述。
          ④小鵝通的直播還支持批量創建,「批量直播」的流程相比單個直播流程操作路徑更短,選擇好設備類型以后,就可以進入批量直播的流程,系統支持批量命名、上傳封面圖以及功能設置,非常方便。




          4.1.3 直播管理
          當你建立一場直播以后,在「直播管理」就可以開始管理你的直播?!钢辈ス芾怼沟墓δ芊浅姶?,為商家提供了直播詳情、直播數據、講師設置和APP推送等功能。




          4.1.3.1 開播設置
          「開播設置」包含了三種形式,邀請老師開播、自己開播和第三方推流到直播間。
          ①「邀請老師開播」就是指直播建立后,可以直接向老師發送開播邀請,「開播信息鏈接」也是從這里復制;
          ②「自己開播」這個功能,需要根據不同的場景來使用。比如老師是通過電腦直播,還需要下載小鵝通的PC端直播軟件,才能進行直播。如果是移動端,則需要使用鵝直播小程序或APP使用;
          ③「第三方推流到直播間」是指商家在其他平臺直播時,可以將直播畫面推流到小鵝通直播間,小鵝通直播間將同步展示直播畫面。第三方包含像OBS直播、快手直播和芯象直播助手等軟件,小鵝通官方也給出了完整的下載和使用指導。這個功能對商家來說,可以將第三方直播推流到店鋪,既能實現外部引流,也能為學員提供更豐富的內容。




          4.1.3.2 直播間設置
          「直播間設置」包含課程設置、互動設置、防盜設置、評論設置和直播間裝修四塊內容。
          ①「課程設置」主要指添加講師和助教,可以通過手機和微信兩種形式邀請;
          ②「互動設置」是指商家可以設置老師和學員在直播間的互動交流,比如直播帶貨配置(可添加指定商品實現用戶在直播間購買)、優惠券配置(可贈送店鋪優惠券)、打賞開關(用戶可對直播打賞)、簽到開關(老師可查看已簽到學員)、抽獎開關(老師可進行設置抽獎,提升直播間氛圍和用戶活躍度)、邀請達人榜開關(直播間顯示邀請達人榜,給與上榜的用戶獎勵,吸引用戶分享)等功能。
          ③「防盜設置」打開后,可以開啟防錄屏跑馬燈,降低直播被偷錄風險;「評論設置」可以開啟評論審核,對用戶發表的評論也可以選擇隱藏;「直播間裝修」主要是指商家可以上傳背景圖填補講師在使用連麥或課件時的畫面留白。




          4.1.3.3 運營設置
          「運營設置」包含私域引流、下一場直播預告、圈子引流、招募推廣員設置、信息刺激、CRM分配、通知設置和直播間信息設置8塊內容。
          ①「圈子引流」是指在直播中展示圈子的入口,通過領資料、看回放等形式把用戶引流到圈子,持續用內容活躍用戶;
          ②「招募推廣員設置」是可以運營者可以在直播間招募推廣員,幫助商家進行分銷推廣,這個功能我們會在下面詳細講解;
          ③「通知設置」可以設置開課提醒,包括短信預約通知、服務號預約通知等,提升用戶觸達率;
          ④「直播間信息設置」可以設置直播間的公告、觀看人次、在線人數和直播熱度。




          4.1.3.4 回放設置
          「回放設置」是指運營者可以開啟直播的回放權限,還可以設置回放的有效期,以及倍速播放。




          4.1.3.5 轉播設置
          「轉播設置」是指可同時轉播到第三方平臺,比如視頻號、快手等,還可以轉播給小鵝通其他店鋪,比如你的直播內容質量非常優秀,可以轉播至其他小鵝通商家,從而為你分享傳播。




          4.1.3.6 拉流設置
          「拉流」就像采集,商家可以把其他第三方優秀的直播內容拉流到自己的店鋪?!咐髦辈ァ惯€支持批量創建、無需監管的特點,通過拉流,可以豐富店鋪內容,快速擴大店鋪影響力,提高用戶活躍度。




          4.1.3.7 直播間用戶
          「直播間用戶」是指對當場觀看直播的用戶進行的數據統計,比如直播間停留時長、累計觀看時長、直播觀看時長等,還支持商家對用戶貼標簽和發送店鋪私信,實現下一步的激活轉化。




          4.1.3.8 數據分析
          「數據分析」是指對當場直播進行全面的數據分析,主要包含直播數據和交易數據兩個部分。
          ①「直播數據」包含流量觀看、直播互動和直播帶貨三個內容。在這個版塊,可以看到直播全時段的數據,比如直播間訪客數、回放觀看人數、在線人數趨勢圖、打賞金額,以及帶貨商品點擊次數、成交人數、總成交金額等數據。
          ②「交易數據」主要是指付費直播銷售情況的數據分析,包含售前訪客數、訪問量以及最終支付人數、支付轉化率,還有訪問-成交數數據趨勢圖等。




          4.1.4 體驗小結
          從「直播」這個版塊可以看出,一個我們平常沒有太過在意的直播界面,其實在系統的后臺設計了如此多功能。從「開播形式」的三個場景選擇到「直播回放」是否允許用戶設置倍數,從「直播間設置」開啟用戶打賞到「圈子引流」設置資料包吸引用戶加入圈子,最后再到一場直播結束后全面、專業、多維度的數據分析,小鵝通的直播功能真的做得太完善了。如果不親自體驗,我根本沒法想到一個直播需要考慮設計這么多功能,拉流、轉播、招募推廣員,這簡直把用戶需要的功能需求都提前設計和規劃好了,對一個運營者來說,對店鋪和用戶的運營效率提升太有幫助了。
          4.2 營銷
          「直播」功能熟悉以后,接下來我要開始熟悉營銷工具了,這些是店鋪運營的必備武器。小鵝通的營銷工具分為分銷推廣、拉新引流、付費轉化和促進復購四大類,對一個新手商家來說,可以根據自己的需求去尋找對應的工具。
          4.2.1 分銷推廣
          「分銷」是一個知識店鋪推廣的重要功能,商家不僅可以鏈接各種渠道和代理商,還可以讓利給用戶刺激傳播拉新,實現裂變增長。小鵝通的「分銷推廣」不僅有面向代理機構的「訂貨商」,還有針對個人分銷的「推廣員」,滿足了分銷場景的各種需求。
          4.2.1.1 推廣員
          「推廣員」主要針對個體用戶,比如店鋪的學員、粉絲、店鋪員工等,可以理解為C端用戶分銷。商家在開通「推廣員」以后,可以實現人人分銷的功能,推廣員只要分享商品的鏈接、海報圖等,只要有新用戶下單購買,都可以獲得收益。




          4.2.1.1.1 推廣員管理
          「推廣員管理」是為商家提供對店鋪推廣員的個人信息、審核申請管理,比如推廣員的申請審核、資料編輯、推廣員招募等。




          a. 推廣員詳情頁
          從這個頁面可以查詢到一個推廣員的詳細信息,包括個人信息、客戶列表、邀請推廣員列表、推廣員成交數量。




          b. 招募規則
          ①「招募規則」是針對推廣員招募的規則進行設置。推廣員招募分為兩種模式,分別是篩選優質推廣員和人人推廣模式,前者需要設置門檻,后者不需要任何門檻。
          ②當運營者選擇「篩選優質推廣員」模式以后,需要對推廣員的加入條件進行設置,比如加入條件、申請信息、招募審核等。




          c. 推廣商品/工具
          ①「推廣商品/工具」包含推廣商品、推廣優惠券、推廣邀請碼和推廣微頁面四個內容。
          ②「推廣商品」是指運營者可以添加指定商品進行推廣,并可以設置獨立的商品傭金的分配比例,非常靈活。
          ③「推廣優惠券」是指運營者可以為推廣員建立獨立的優惠券,幫助推廣員更高效進行商品推廣,提升業績;「推廣邀請碼」和「推廣優惠券」功能相似,我們不再贅述。
          ④「推廣微頁面」是指設置推廣員招募的頁面,通過建立一個專屬的微頁面,可以實現推廣頁的定制化設計。




          d. 分傭結算設置
          「分傭結算設置」是對推廣員獎勵發放方式的設置,系統支持交易完成后立即發放、交易完成后XX天再進行發放,還可以設置推廣員自購分傭,刺激推廣員消費。




          e. 等級設置
          「等級設置」是指運營者對推廣員等級規則的設置,包括推廣員的商品傭金比例、邀請人獎勵比例等。




          4.2.1.1.2 客戶關系
          ①「客戶關系」包含客戶查詢、客戶綁定設置和客戶跟進設置三個內容。
          ②「客戶查詢」為商家提供客戶信息的統計查詢,比如客戶手機號、綁定推廣員、消費記錄等。
          ③「客戶綁定設置」為商家提供客戶綁定有效期和搶客設置,這個功能可以刺激推廣員不斷拓客,也可以有效保護初始推廣員的權益,避免客戶被其他推廣員搶走;
          ④「客戶跟進設置」是一個非常強大的功能,通過和企微CRM的鏈接,可以實現推廣員綁定的客戶自動分配給CRM銷售跟進,從商機線索到激活付費,形成了銷售閉環。




          4.2.1.1.3 推廣業績
          「推廣業績」提供查看所有分銷推廣員的推廣記錄和業績統計,從而獲取精準的數據分析,支撐運營決策。




          4.2.1.1.4 推廣員端
          ①「推廣員端」是指推廣員在前端使用的客戶端,包含了推廣中心、推廣海報、推廣通知和商品展示四個部分。
          ②「推廣中心」為商家提供推廣員名稱設置、通知公告和引導加群功能。其中「引導加群」是為商家把推廣員引流至自己的私域社群,方便統一管理。
          ③「推廣海報」提供了推廣店鋪海報和邀請推廣員海報兩個功能,不僅支持客戶設計海報自定義上傳,系統也提供了精美的海報模版,賦能商家跟高效的推廣拉新。
          ④「推廣通知」是為推廣員提供微信端的通知設置,推廣員綁定后,可第一時間接收消息通知,比如審核結果、訂單消費等。
          ⑤「商品展示」可以把推廣傭金展示在詳情頁頁面,通過高頻曝光有效刺激用戶傳播分享,也可以根據推廣員招募規則申請。




          4.2.1.2 訂貨商
          和「推廣員」相比,「訂貨商」面向的人群是一些具有銷售團隊的企業機構、代理商等,可以稱為B端渠道分銷。代理商通過向商家批量進貨,然后分配給自己的員工進行向終端客戶銷售,最后由商家進行商品交付,代理商自主管理員工、獨立結算員工業績。




          a. 訂貨商管理
          「訂貨商管理」包含「訂貨商列表」和「審核列表」,主要為商家提供對訂貨商用戶的資料查詢、管理和審核。




          b. 商品管理
          「商品管理」是為商家提供訂貨商在前端批發商品的管理,商家在后臺添加店鋪的商品后,訂貨商在前端就能進行推廣。




          c. 客戶管理
          「客戶管理」是為商家提供對訂貨商銷售成交客戶的信息管理,通過這個功能可以查看客戶的詳細信息、所屬的訂貨商、關系狀態等。




          d. 業績管理
          ①「業績管理」包含「業績訂單」和「提現記錄」兩個內容。
          ②「業績訂單」是為商家提供對訂貨商推廣產生的訂單管理,運營者可查看訂單的詳細信息,包括訂單號、下單時間、實付金額等。
          ③「提現記錄」是為商家提供對訂貨商提現申請的記錄管理,當訂貨商在前端發起提現申請以后,運營者可以從這個欄目查看提現申請,確認提現申請后,需運營者對訂貨商手動打款,打款成功后可標記已打款。




          e. 設置
          ①「設置」包含規則設置、招募頁和海報定自定義三個內容。
          ②「規則設置」主要幫助商家對訂貨商的招募、綁定和等級規則進行設置。在「招募規則」,運營者可設置訂貨商加入的方式,支持自主加入(加入后無推薦人)和推薦加入(加入后有推薦人),還可以開啟訂貨商資料申請,申請資料運營者可自由配置;在「綁定規則」,可設置訂貨商和商家綁定的有效期,超出有效期后,訂貨商綁定的客戶下單,收益將自動劃入店鋪,不計入訂貨商收益;在「等級規則」,可以對訂貨商的等級名稱、規則和權益進行設置,打造完善健全的分銷體系。
          ③「招募頁」主要提供訂貨商招募詳情頁的設計和編輯,「海報自定義」可以對招募海報進行自定義配置,提升招募效率。




          4.2.1.3 裂變海報
          「裂變海報」是一個為商家提供接力式裂變傳播的營銷功能,通過精美的海報設計和豐厚的傭金獎勵,吸引用戶為商家分享推廣,促進銷量提升同時可快速吸粉引流。
          4.2.1.3.1 新建流程
          ①在「商品信息」,需要添加分享裂變的商品,參與裂變海報的課程將不產生推廣員傭金。
          ②在「活動設置」,系統不僅支持自定義背景圖,還為運營者提供了多張精美的海報宣傳圖;對用戶獎勵的設置,不僅可以自由設置獎勵比例,還可以設置「交易完成后發放」和「交易完成XX天后發放」兩種形式。




          細節偵查
          小鵝通的分銷功能適用于所有行業和產品,在我過去的工作中就遇見了無數客戶想通過分銷進行裂變,而小鵝通的分銷功能的設計,不管是前端還是后臺的業務設計流程,都值得大家深度體驗學習,以此作為一個標準的流程設計參考。
          4.2.2 拉新引流
          「拉新引流」可以幫助商家拓展新用戶,小鵝通為商家設計了三個功能,分別是邀請碼、漲粉神器和請好友看。
          4.2.2.1 邀請碼
          「邀請碼」是一款能夠實現贈送給他人,邀請對方免費學習講師的付費內容商品的功能。當商家推出一門新課程的時候,就可以設置邀請碼邀請學員體驗,「邀請碼」既可以作為福利權益,也可以作為引流的手段。




          ①「邀請碼」的創建非常簡單,需要注意的是,邀請碼需要設置數量、有效時間和指定使用商品,其次也可以開啟「信息采集」功能,幫助運營者采集用戶的信息,提升促進轉化。
          ②「邀請碼」成功建立以后,可進行群發,也可以復制鏈接分享給指定的學員,還可以對邀請碼作廢以及查看使用記錄。
          4.2.2.2 漲粉神器
          「漲粉神器」是一款為商家公眾號漲粉的營銷工具,商家通過贈送課程的形式吸引用戶為公眾號傳播拉新,當新關注用戶達到商家指定要求以后,用戶可以免費獲得課程?!笣q粉神器」僅支持專業版、旗艦版使用,免費試用版不支持,從官方幫助文檔看,「漲粉神器」的操作流程主要是通過配置專屬海報,吸引學員下載分享,最終完成公眾號漲粉目標。




          體驗陷阱
          為了體驗這個功能,我嘗試授權公眾號進行綁定,但系統顯示我的公眾號已經授權綁定過,需要解綁后重新配置。但根據官網幫助文檔解決方案始終找不到「重新授權」和「解除授權」的入口,讓我白白花了很多時間。
          4.2.2.3 請好友看
          「請好友看」是一款支持學員購買專欄/會員課程后,分享課程內某一期的課程內容給好友體驗的功能,主要幫助商家促進課程的傳播和推廣,讓更多的學員了解和體驗課程。比如當學員購買了商家的付費專欄,覺得內容不錯,這個時候如果商家設置了「請好友看」,學員就可以一鍵分享給好友,邀請好友領取免費閱讀名額,最終幫助商家拉新增購。




          ①「請好友看」支持設置課程分享數量、課程領取人數和單個用戶領取上限,為運營者根據專欄課程內容提供更精細的運營方式。
          ②「邀請好友」只支持專欄或會員欄目,這個功能的本質其實是免費試看,所以不適用單個商品課程。
          4.2.3 付費轉化
          「付費轉化」主要幫助商家增加營銷手段,激活用戶消費,提升付費轉化率。小鵝通設計了七個功能,其中優惠券和拼團的功能非常完善,可以滿足商家各種不同場景的營銷需求。
          4.2.3.1 優惠券
          「優惠券」是一款通過商家讓利,從而讓用戶在購買課程時享受優惠的營銷工具,有效幫助商家刺激用戶購買,提升付費轉化率。比如刺激新用戶首次轉化贈送新人優惠券,吸引用戶購買店鋪高價課程贈送優惠券等。
          4.2.3.1.1 優惠券類型
          小鵝通設計了「通用優惠券」、「專屬優惠券」和「員工優惠券」三種類型?!竿ㄓ脙灮萑故敲嫦蛩杏脩?,所有人都可以領取,無門檻限制;「專屬優惠券」是為特定用戶群體設置的優惠券,比如大學生、新注冊用戶等;「員工優惠券」是結合企微能力賦能員工一鍵發券,可防止社群發券轉發泄漏,不過目前系統顯示正在開發。




          4.2.3.1.2 新建優惠券
          以「通用優惠券」創建流程為例,優惠券的創建包含三個部分,分別是基本信息、領用規則和個性設置。
          ①在「基本信息」,可以選擇優惠券的類型(支持滿減優惠和折扣優惠兩種類型,還可以設置領取門檻,比如消費滿多少元才能使用),還可以設置疊加使用(和其他優惠券一起疊加使用)、發行量(優惠券數量)、適用商品(可以支持全部商品、指定某類商品和不可用商品)和使用時間(可以設置用戶領取后失效時間,進一步提升轉化率)。
          ②在「領用規則」,可以設置用戶領取次數的限制(可限制每人限領多少張)、開啟信息采集(自動讀取領取優惠券用戶信息)、分享設置和添加使用說明等。
          ③在「個性設置」,運營者甚至可以設置優惠券剩余的數量,刺激吸引學員領取消費。




          4.2.3.1.3 優惠券管理
          在「優惠券」創建以后,系統為商家提供了定向發放、查看數據統計、編輯、停止和推廣等功能。
          ①「定向發放」提供多維度條件篩選特定用戶,并在用戶進入店鋪時自動發放優惠券,有效提高店鋪的付費轉化與復購率,發放對象支持付費用戶(可設置指定消費某個商品,精準到極致)、用戶群體和指定用戶。
          ②「數據統計」提供優惠券使用的精準數據統計,包括用券總成交額、優惠總金額、費效比(優惠總金額/用券總成交額)、客單價、領券總用戶數等數據,幫助運營者可以及時調整運營方案,獲取更好的運營效果。




          細節偵查
          優惠券是一個特別常見的功能,和「直播」一樣,用戶在前端領取流程非常簡單,領取就能消費。但在拆解完「優惠券」的后臺,你會發現一個小小的優惠券包含了非常多的功能點。小鵝通不僅設計了多種類型滿足多種營銷場景,還設計了定向發放、數據統計等功能,幫助商家提升運營效率。
          4.2.3.2 優惠碼
          「優惠碼」是一種是基于優惠券的玩法拓展,以二維碼的形式作為展示形式,支持在支付結算環節場景進行兌換,它具有優惠券的屬性,天然支持轉贈,易于傳播,具有拉新作用,是靈活性更強的付費轉化工具。它主要用于跨界/跨平臺引流,把線下或其他平臺的客戶引導到店鋪內使用優惠碼完成付費轉化,比如商家在抖音可以設置抖音專屬優惠碼,用戶領取消費后,商家可以在后臺查詢不同渠道的用戶使用優惠碼消費記錄,從而獲取更精細化的運營策略。




          ①「優惠碼」的創建支持專屬碼和通用碼兩種類型,專屬碼就是一個碼只用一次,通用碼可以多次使用;其次還可以設置用戶使用次數,分享權限等。
          ②「優惠碼」生成后,通過「效果數據」可以查看優惠碼的詳細數據,包括總成交額、總優惠額、領取人數等,還可以增加庫存、查看優惠碼的使用記錄和用碼商品,為商家提供精準的運營分析。


          4.2.3.3 有價優惠券
          「有價優惠券」是把優惠券當作一個商品來進行銷售,這樣可以以預售的形式促進店鋪轉化。比如商家在雙十一店鋪大促之前就創建「有價優惠券」,用戶可以提前購買,從而實現為活動宣傳預熱,提升付費轉化率。




          4.2.3.4 拼團
          拼團分為三種,普通拼團,邀新拼團和階梯拼團?!钙胀ㄆ磮F」是指用戶下單開團以后,可以邀請好友拼團購買;「邀新拼團」是指開團后,用戶必須邀請新用戶才能參團購買,這個主要用于新用戶拓展的場景;「階梯拼團」則是隨著拼團人數越多,價格越低,用低價刺激用戶高效裂變。




          4.2.3.4.1 新建拼團
          拼團的創建包含兩個部分,分別是基礎設置和更多設置。
          ①在「基礎設置」,可以設置拼團的參團人數,成團的時限(比如設置1日,用戶開團后,就需要在1日內成團,否則拼團失?。?。
          ②在「更多設置」,可以開啟購買彈幕(增加促銷氛圍)、在線湊團(優先顯示未成團的團,提升成團率)、團長價(開團的團長有優惠)、活動預熱等功能。其中「模擬成團」可滿足商家某個拼團購買人數不夠,系統可自動以“匿名”買家湊單的場景,「超員成團」可滿足當拼團人數超過限定人數也同時可以購買的場景,功能非常靈活豐富。




          4.2.3.4.2 拼團管理
          拼團開啟后,商家可以對拼團進行編輯、推廣、復制和查看數據統計。在拼團詳情頁面,可查看拼團的訪客數、付費用戶數、支付訂單數、成交金額和拼團明細,為商家提供更多數字化的管理,提升運營效率。




          4.2.3.5 秒殺
          「秒殺」是一個為商家提供對某款商品限時秒殺價出售的營銷工具,作為一個常見的促銷功能,小鵝通的「秒殺」支持開啟活動預熱功能,可以提前吸引用戶關注活動。其次還支持秒殺預約,用戶只要關注商家公眾號,就能收到活動秒殺的提醒,非常方便。




          4.2.3.6 限時折扣
          「限時折扣」是一個為商家在某段時間內以指定折扣購買商品的營銷工具,小鵝通的「限時折扣」支持添加多個商品,可進行批量設置折扣以及減價,非常方便。




          4.2.3.7 滿包郵
          「滿包郵」是一個針對實物商品購買贈送包郵服務的工具,操作流程比較簡單,選定好指定實物商品以后就可以添加使用。




          4.2.4 促進復購
          為了提升用戶的復購率,小鵝通為商家設計了四個小工具,分別是兌換碼、商品推薦、彈窗廣告和支付有禮。
          4.2.4.1 兌換碼
          「兌換碼」是一個常見的營銷功能,是由一串數字或字母組合,在用戶領取兌換碼以后,可以在店鋪兌換指定的商品和優惠券。和「優惠碼」相似,商家可以在多個場景中以福利形式向用戶贈送和售賣,最終為店鋪引流。




          ①「兌換碼」的創建流程很簡單,在「基礎信息」設定庫存(兌換碼數量),選擇活動時間(可設置某個時間段或長期有效),設置每個用戶領取的數量,接下來設置用戶可兌換的商品和優惠券就完成,其次還支持開啟用戶信息采集功能(開啟后可以搜集領取兌換碼用戶的數據信息),為商家提供更多銷售線索。
          ②兌換碼創建以后,通過「碼庫」可以查看每一個兌換碼的使用情況,包括兌換時間、兌換人、作廢和添加庫存。




          4.2.4.2 商品推薦
          「商品推薦」是一個可以幫助商家提升指定商品曝光率的工具,當商家添加推薦商品以后,該商品將會出現在前端商品詳情頁的「相關推薦」分類,從而增加商品訪問量和提升轉化率。




          4.2.4.3 彈窗廣告
          「彈窗廣告」是一個可以幫助商家添加自定義彈窗廣告的工具。它的操作流程很簡單,但功能很豐富。在用戶點擊「新建彈窗廣告」以后,可以上傳彈窗圖的廣告樣式,選擇需要跳轉的頁面(可跳轉指定商品、商品分組、微頁面和助學工具),還可以選擇投放的頁面(包含首頁以及其他欄目頁和微頁面),甚至可以選擇需要投放的人群(比如新手用戶組、VIP會員用戶組等),還可以設置廣告出現的頻次(支持首次訪問出現和每隔多少天出現1次)。當彈窗廣告建立后,商家還可以查看彈窗廣告的曝光次數、打開次數和打開率,獲取非常精準的數據統計,優化廣告運營方案。




          4.2.4.4 支付有禮
          「支付有禮」是一個商家在用戶購買商品以后贈送優惠權益的營銷工具,它可以有效提升用戶的復購率,比如商家設定了購買商品后贈送兌換碼或優惠券,用戶在指定的時間內消費就能獲取優惠。
          「支付有禮」的創建流程和其他促銷工具相似,商家可以選擇適用人群(指定某個用戶群體享有)、消費方式(指定消費某個商品或某一類商品),最后選擇贈送的權益,包含優惠券、優惠碼和兌換碼,即可創建成功。




          4.2.5 體驗小結
          如果用兩個詞描述小鵝通的營銷工具的特點,我覺得這兩個詞分別是——極致和絲滑。
          「極致」是指小鵝通對營銷工具的不斷創新,比如優惠券和拼團。首先把「優惠券」拆分為三種類型,滿足不同用戶的需求,其次還設計了「優惠碼」和「有價優惠券」,為商家考慮了更豐富的跨平臺和促銷預售場景?!钙磮F」也是如此,不僅提供常見的拼團模式,還設計了「邀新拼團」和「階梯拼團」,對于商家來說,營銷手段越豐富,就越能提升用戶的激活率和復購率。
          「絲滑」是指這些營銷工具的靈活性。比如像「彈窗廣告」這樣的功能,不僅可以上傳你設計好的廣告圖片,跳轉你指定的商品或頁面,還可以選擇可以投放的人群、彈窗廣告出現的頻次,這樣傻瓜式的操作設置,對商家來說,實在太方便了。相比定制化的系統開發,極大節省了大量的人力成本,讓商家享受一個優秀后臺系統的便捷和愉悅體驗。


          感謝閱讀,小鵝通的產品拆解第二部分就到這里,下一篇我們將會繼續拆解小鵝通后臺!



          作者:設計大偵探
          鏈接:https://www.zcool.com.cn/article/ZMTUyMDg0NA==.html
          來源:站酷

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


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


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

          閱讀可視化——交互設計沉思錄-1.2管理復雜性

          ui設計分享達人

          本次圖示化的信息來源是:
          交互設計沉思錄-頂尖設計專家Jon Kolko的經驗與心得(第2版)_[美]Jon Kolko著,方舟譯

          今天帶來的是《交互設計沉思錄》第一部分的第二章「管理復雜性」。

          主要講述的是交互設計師是如何理解&組織所獲取到的數字、文字數據。

          通過這些步驟&方法能夠幫助交互設計師更加清楚信息間的關系,建立很強的心智圖景。

          其間也穿插了很多職能相關部分的對比,如「交互設計師與信息架構師」「交互設計師與界面設計師」「交互設計師與電子工程師」。


          作者:Viola_1241
          來源:站酷
          著作權歸作者所有。商業轉載請聯系作者獲得授權,非商業轉載請注明出處。

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


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


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

          日歷

          鏈接

          個人資料

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

          存檔

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