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

          首頁

          從入門到實戰丨C4D自學必備指南

          濤濤

          導語

          近年三維表現已經越來越多的融入到各種商業設計當中,在電商、品牌、UI、影視等各個領域都有廣泛的運用。其中一個關鍵因素是C4D這款軟件的出現,大大降低了3D設計的學習門檻。

          C4D相對于專業性更強、功能較為復雜的3DMax、Maya、ZBrush等軟件,界面更加簡潔友好,對于沒有接觸過3D的的小白,學習成本更低。配合Octane、Redshift等渲染器,可以很快做出強視覺表現力的效果。憑借這種操作友好、易出效果的特性,C4D很快成為了近年最流行的3D設計軟件之一。

          本文結合作者自身的經驗整理了一波自學的思路和技巧,希望能在大家學習C4D的過程中有所幫助。

          前言

          相信很多沒有三維設計基礎的小白,剛接觸到C4D時會有無從下手的感覺,面對各種形形色色的命令菜單和工具面板,內心是這樣的:

          其實大可不必擔心,不同方向的設計師可以有不同的側重點,只要掌握自身職業需要的模塊,并不需要學會所有的功能。追求大而全反而難度大效率低,容易產生挫敗感從而被勸退。

          所以這里建議的C4D學習思路是:結合自身的職業方向,先明確要學習的側重點,集中精力突破,然后再根據新的需要逐步學習更多即可。

          學習過程則大體上分為入門、上手、實戰三個階段。

          Part 1. 入門

          1.1 明確學習方向

          C4D大體可以分為建模、渲染、角色、動畫、運動圖形、動力學這幾個模塊,每個模塊都可以看成是獨立的知識體系,往下又有更具體的細分。真要全面仔細鉆研的話,需要投入很多的時間精力,這也是讓很多初學者無從下手甚至望而卻步的原因。

          所以除了建模和渲染是繞不開的基本模塊,我們可以將另外幾個看成是比較具有針對性的模塊,具體需要著重學習哪一部分,則需要先明確最適合自己的學習方向:

          比如你是電商設計師,平時的工作內容主要是制作各種產品高大上的渲染圖以及推廣視頻,那除了基本的建模與渲染,還可以著重學習運動圖形,做出各種酷炫的商業廣告視頻;

          如果你是IP設計師,則需著重學習角色模塊,在完成靜態角色的建模渲染后,綁骨骼刷權重也是必須掌握的知識點,才能做出豐富的動作和表情,讓角色生動起來;

          總之,不同職業方向,甚至項目的不同時期,都有不同的學習側重點,這里需要每個人自己去判斷。

          建模和渲染則是最常用的兩個模塊,無需有職業方向的針對性,都應該在前期優先學習,并且做到基本掌握甚至熟練運用。

          常規的步驟是先學習建模,再學習渲染;不過建模比較枯燥,渲染則是最出效果也是最提升學習信心的環節,我認為根據個人喜好,先學渲染再學建模,反而是更推薦的學習順序。

          1.2 選擇學習資源

          選擇學習資源方面,目前網絡的免費教程十分豐富,依靠教程的學習足以讓你初期快速的上手,新手在選擇教程方面盡量以體系較為完整,演示時軟件版本較好的原則,如英文水平較好建議去外網看看各路大神的教程,原汁原味的學習;另外考慮到外網資源的機翻和獲取難度的原因,這里主要推薦一些國內網絡能獲取自學資源:

          建模

          建模方面在學習階段主要注重C4D的工具使用和基礎技巧,這里推薦幾個免費教程。

          1、https://www.bilibili.com/video/BV1Cb411T7Dc?p=1&vd_source=018f00780190d4b9c79b5abbdb3be276

          2、https://www.bilibili.com/video/BV1PZ4y1s7vm?p=1&vd_source=018f00780190d4b9c79b5abbdb3be276 

          渲染

          渲染以OC渲染器為例,這是現網能找到比較完整的免費教程,學習后可以直接上手出圖。

          1、https://www.bilibili.com/video/BV1ur4y1T72V?p=39&vd_source=018f00780190d4b9c79b5abbdb3be276

          2、https://www.bilibili.com/video/BV1f4411V7qh?p=1&vd_source=018f00780190d4b9c79b5abbdb3be276

          動力學

          動力學可以由淺入深,從基礎的常用動態手法及運動原理開始入手,以小實例練習的方式慢慢轉向大場景的動態設計學習。

          1、https://www.bilibili.com/video/BV17f4y127uv/?spm_id_from=333.788.recommend_more_video.1&vd_source=018f00780190d4b9c79b5abbdb3be276

          2、https://www.bilibili.com/video/BV1ZA411w7qC/?spm_id_from=333.337.search-card.all.click&vd_source=018f00780190d4b9c79b5abbdb3be276

          更多綜合性實戰教程

          各大網站都能找到不少實戰案例的教程,根據需要可以找到更多。

          1.https://www.bilibili.com/video/BV177411P7d1?p=1&vd_source=018f00780190d4b9c79b5abbdb3be276

          2.https://www.bilibili.com/video/BV1AY4y1G7Nc?p=1&vd_source=018f00780190d4b9c79b5abbdb3be276

          1.3 軟硬件配置相關

          打團下副本之前,還得先準備一下裝備;這里簡單對于萌新學習前的軟硬件要求做一些說明和推薦。

          渲染器選擇

          C4D目前可選主流的渲染器有octane、阿諾德、Redshift、vray、自帶渲染器(不推薦)。主流渲染器各有優缺點,綜合下來筆者推薦萌新選擇OC渲染器,原因是學習資源多,學習難度低,渲染效果優、渲染速度快等優點。

          以下是各渲染器的對比,萌新們可權衡自身的情況進行選擇:

          電腦配置

          PC電腦方面,以筆者正版OC4.0渲染器為例,顯卡選擇N卡,型號以20系列以上最好,顯存4G以上(有經費的可以入手今年的40系列顯卡);其他配置看自己的經濟情況而定,如CPU方面單核性能越強對于渲染效率和c4d默認渲染器的加速越快,內存推薦64G以上,另外在電源上如果已經配備了20系列以上的顯卡建議選擇900W以上的,除了顯卡和CPU這兩個核心硬件其他的配置主要看個人情況而定,對電腦不懂的優先看電商平臺的整機方案,主要以顯卡和cpu為參考依據,其他的配置可浮動選擇。

          蘋果電腦方面,筆者并不推薦以3d工作為主的設計師選擇蘋果電腦,主要原因是主流渲染器的選擇較少,另外C4D插件各方面的支持也遠不如PC方便和豐富(如有特殊原因,可以優先選擇M1芯片的電腦或者配備N卡獨顯的蘋果電腦)。

          軟件版本

          C4D軟件版本推薦使用最新版本或者R23以上版本,隨著廠商的更新換代,有些以前只有插件能完成的功能慢慢完善在新版本上,新版本帶來的便捷功能可提高萌新的出圖效率并免去舊版本沒有兼顧的功能導致的學習成本浪費問題。

          另外在OC渲染器上的版本問題盡量以當前版本能兼容的最新OC為主,當然,需要你的顯卡需要和OC版本是匹配的情況下。

          1.4 好記性不如爛筆頭

          收藏和觀看的教程多了,容易看了后面的忘記前面的,或者沒有實際上手印象不深。這里我嘗試過最好用的方法可以總結為一句話,就是俗話說的“好記性不如爛筆頭”。

          對于一些關鍵的知識點,或者很有用的上手練習案例,可以在自己學習或者練習后,將關鍵步驟以在線筆記的形式自己整理一遍。

          這樣做有兩個好處,一是能大大加深你對知識點的印象,不易遺忘;二是即使真的隔了很長時間有所遺忘,只要調出對應的文字筆記,就能很快重新想起對應知識點,比起重新翻出視頻教程,邊拖進度條檢索再看一遍,效率高得多。

          比如我之前在學習渲染體積光效果(丁達爾效應)時,總是掌握的不扎實,學過就忘,下回再用到時,基本相當于又要翻出視頻教程再看一遍,效率很低。但是將關鍵知識點整理成筆記后,不單對這個知識點記得很牢,甚至能在不重新翻看筆記和教程的條件下,熟練的以教程中提到的三種不同方式做出體積光。

          筆記鏈接:https://note.youdao.com/s/Lwt42DsG

          以下是我整理的部分筆記庫,感覺在筆記庫里的知識點才算是比較掌握了的。

          1.5 多搜集優秀案例

          除了掌握工具,多看優秀案例以提升自己的設計思維和審美也很重要,只有看的優秀案例夠多夠好,將自己的設計眼光、審美水平、思考方式向大神們的靠攏,才能做出好的作品。

          這里推薦幾個我覺得的很贊的3D類網站:

          Artstation:http://www.artstation.com;

          Sketchfab:https://sketchfab.com/feed;

          Behance 3D:https://www.behance.net/galleries/3d-art;

          Dribbble 3D:https://dribbble.com/search/3d;

          Part 2. 上手

          2.1 熟能生巧多練習

          上手階段,充分的動手練習是必不可少的。

          這里的練習也分為兩種,一種是跟隨教程案例做出一樣的效果,一種則是結合自己感興趣的題材設定一個主題或場景,將學習的知識點融會貫通,在自己的命題作品里實際應用起來。兩種練習的方式也是相輔相成,在積累足夠多的教程案例練習后,更推薦按照自己的想法來創作。

          比如我會將自己感興趣的漫畫題材,在C4D里作為一個場景練習,融合進平時學的一些知識點。

          《頭文字D》場景

          《海賊王》場景

          因為用的是自己感興趣的內容練習,所以做起來也上手很快,知識點也記得很牢,推薦大家可以試試。

          2.2 善用插件提效率

          1.Forester-植物生成插件

          輕松生成各種類型的植物和部分巖石,各項小參數的調整方便個性化的調整,另外有便捷的動力系統可以輕松制作風吹植物的效果,結合OC渲染器的克隆功能搭建大場景非常輕松,適合在做動態設計的時候快速生成搭建場景。

          2.QuadRemesher-四邊面重拓補

          有時候我們工作中會遇到三角面模型,對于新手來說轉換成四角面模型可以選擇這款插件輕松轉換成你想要的四角面而且還有便捷的參數可以調整。

          3.PolyCircle-挖洞插件及Nitro4D NitroCap-封洞插件

          在日常建模的工作中經常需要給模型開洞及封洞的操作,雖然靠布線調整也可以實現,但是插件的效率更便捷,所以推薦這兩款插件分別對應的模型開洞及模型封洞的功能,另外注意在C4D軟件R26之前都是必備的插件,但如果你軟件版本是R26以上版本,那么自帶整合了這樣的工具,不需要額外安裝插件了。

          4.CodeVonc Proc3durale-鏤空腐蝕溶洞效果插件

          這是一款風格化的效果插件,可以配合噪波制造出獨一無二的風化、鏤空、分解動畫、甚至是流體動畫的效果,在產品設計及品牌動態視頻中運用廣泛。

          (圖來源于網絡侵刪)

          5.TerraformFX-地形插件

          這塊地形插件,可以讓你輕易搭建自然環境,制作次時代的虛幻場景,操作簡單,可以在Cinema 4D 中生成、動畫和逼真的地形。在幾秒鐘內創建非常詳細的山脈、峽谷和沙漠。直觀的非破壞性工作流程可以輕松創建和自定義地形。

          (圖來源于網絡侵刪)

          Part 3. 實戰

          在入門的學習和上手的練習之后,相信很多人都會對C4D有了初步的掌握。這時更重要的當然是將這些學到的知識點運用到實際項目當中,這樣的實戰操作才能讓你的知識體系更有針對性,并且實際項目命題固定、要求更高,完成后的提升才會更大。

          這里分享幾個在完成基礎的學習與練習后,我們用C4D做的實際項目。

          3.1 QQ小游戲-春節會場

          小游戲會場是從QQ春節活動的主會場進入,通過限時抽獎以及游戲任務等形式,引導用戶參與活動,從而提升業務增長和助力品牌傳播。

          在前期設計推導階段,我提煉了三個設計關鍵詞,并對應發散出一些相關元素:

          一是游戲:這是凸顯平臺特色和趣味性的元素;

          二是福利:這是強化用戶參與活動的動機;

          三是春節:春節活動不可少的是體現節日氛圍的元素;

          根據這些元素畫了三個方向的概念草圖,分別以游戲機、扭蛋機、街機作為主要載體。

          最終我們選擇了通過破窗的形式將Q猛虎結合進場景中的方向一,展示游戲和奪寶元素,讓用戶感知福利的同時,也體現小游戲平臺的特色和趣味性。

          創意上是參照超級瑪麗這種經典的橫版過關形式,也將中國傳統建筑中的紅墻金瓦、松樹、福袋這些元素融入在了畫面中。

          游戲機場景及其他主要元素建模

          場景白模及空間構成設定

          角色及福袋動態的制作,這里主要用到了角色及動力學模塊相關的一些知識點。

          渲染完成后的主視覺,Q猛虎在游戲機上往前奔跑,不斷獲得福袋并蹦出金幣、紅包實際UI中的應用效果

          實際UI中的應用效果

          另外將主視覺中的“松樹”,延展成了松、竹、梅、蘭這四種具有傳統中國風的植物,作為輔助元素運用到頁面中,保持整體調性的統一。

          部分主要頁面總覽

          3.2 QQ紅包-節日封皮

          節日紅包封皮是傳遞用戶關懷的重要手段,作為QQ紅包的一部分,我們希望讓用戶有更新穎的感知和更深刻的共鳴。

          相對于常規的插畫手繪風格,我們希望嘗試用3D的方式做一些新的探索。

          在構思中秋節的紅包封皮時,首先圍繞“中秋”進行關鍵詞發散

          再選取其中桂樹、玉兔、明月等這幾個適合構建場景的元素,構建成一個立體化的場景

          將一些元素抽象化,結合3D手法,加入更有意境的表達

          最終完成的效果,整體也是塑造一個比較有中國風和意境的場景

          新年封皮也是用同樣的方式完成,像剛才中秋的桂花樹一樣,這里也將錦鯉也做了一些抽象化的表達,比如魚的眼睛是寶石質感,魚的身體是黃金質感,傳遞一種新年好運、財運連連的感覺。

          最終完成的效果,QQ和banyQ坐在錦鯉背上,手上拿著銅錢串在吊錦鯉,寓意新年大吉大利、錦鯉附體。

          新版封皮的使用量對比舊版有了較大提升,可以看出用戶對新版封皮的喜愛程度還是很高的,目前的節日封皮也是按照新風格持續延展中。

          Part 4. 結語

          以上就是本文的全部內容,希望能幫助大家在學習C4D的過程中有所幫助,總結下來就是多看多練多運用。對文中提到的插件感興趣的朋友,也可以通過附上的鏈接去官網了解更多詳細介紹。若是大家有更好的學習建議,也歡迎在評論區留言一起討論。



          作者:騰訊ISUX

          鏈接:https://www.zcool.com.cn/article/ZMTUxNDU4MA==.html

          來源:站酷


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

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

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

          體驗陷阱丨被你忽視的文章編輯器對用戶體驗的影響有多糟糕

          濤濤

          我們都在研究好的設計,感嘆優秀的產品帶給我們的尖叫,但我們或許從未思考過,糟糕的用戶體驗設計也會給用戶帶來很大的傷害。這個產品體驗欄目的靈感來自于喬納森·沙利亞特的《設計的陷阱:用戶體驗設計案例透析》這本書。在本書的介紹里,有這么一句話——設計能殺人、使人憤怒、使人傷心。讀到這句話的時候,讓人驚愕,讓人不可思議,但這就是事實,這就是糟糕的用戶體驗設計會導致的后果?!阁w驗陷阱」的第一期,就讓我們來看看那些被忽視的文章編輯器對用戶體驗的影響有多糟糕。


          一、什么是文章編輯器?


          文章編輯器是一個產品最基礎的構成部分,不管是前臺還是后臺,編輯器都是一個非?;A的功能。比如一個產品需要發布新的資訊內容,在后臺就一定需要有一個文章編輯器才能實現這個功能。
          文章編輯器在各大網站、APP產品里都非常常見,特別對于以內容生產為主的社區、平臺,比如像站酷網、人人都是產品經理、知乎、頭條、網易這些平臺,文章編輯器是一個非常基礎又必不可少的功能。


          二、我們理想中的文章編輯器?


          1. 有用性
          文章編輯器要能實現內容的發布,當用戶從本地或在線文檔(比如騰訊文檔、飛書、石墨等)復制內容進去時候,可以輕松實現二次編輯,比如插入圖片、調整標題樣式等。
          2. 易用性
          編輯器的界面、功能,要能滿足多數用戶的期望,比如支持多張圖片上傳、第三方音頻/視頻鏈接,以及整個操作過程中使用起來愉悅、友好。
          3. 容錯性
          當用戶出現操作錯誤的時候,系統能夠及時給用戶提示,比如圖片上傳進度、圖片尺寸大小限制、必填項勾選等等。容錯性對用戶體驗的影響特別大,如果用戶在使用過程中不清楚哪個地方犯錯不能繼續操作,用戶對系統就會陷入焦慮。



          三、實際產品設計中的編輯器


          1. 站酷
          站酷網是全國最大的設計師平臺,吸引了國內眾多優秀的設計師和設計知識創作者,但是他們的文章編輯器,體驗下來卻非常糟糕。接下來讓我們來看看這個糟糕的文章編輯器,給用戶帶來了多大的體驗傷害。
          當我開開心心地把一篇在騰訊文檔寫好的內容復制到站酷編輯器的時候,在對標題進行格式調整的時候,全局樣式竟然會同步更改,比如想把「標題」更改為「標題1」的樣式,整篇文章就會一起更新,這讓人摸不著頭腦。不過我沒放棄,經過多番嘗試,才發現需要在標題上下各加一個Enter,這樣才能設置成功(我是一個BUG解決天才)。


          當文章篇幅撐過編輯器的默認高度以后,這個時候就會出現一個非常糟糕的體驗,你找不到編輯器的工具欄。比如你想上傳圖片或者修改內容,你都不知道工具欄去哪里了,這個時候用戶徹底迷失,變得異常焦躁。解決這個問題的唯一辦法是——把編輯器全屏。


          創過第一關以后,全屏的編輯器又出現一個非常糟糕的體驗。那就是當你去調整某一段文字的時候,比如加一個換行,這個時候編輯器的光標就會像幽靈一樣跑到底部,你只能重新找到剛才的原位置,你以為是眼花再試一次之后,光標再次出現在底部,簡直讓你懷疑人生。


          當你從頭部開始上傳圖片的時候,和調整字段一樣,光標又會像幽靈一樣跑到底部,這個時候,你還得去找之前的位置,才能繼續上傳。不過經過多番的嘗試,我又破解了站酷編輯器的設計密碼,原來可以從底部開始倒著傳圖片,那該死的光標,就不會跑到底部去了,這個秘訣讓我提升了很高的效率,我真感慨自己的的智商:)


          從站酷的編輯器可以看出,他們違反了尼爾森十大原則的系統性可見原則和防錯原則。第一,在用戶的內容高度超出編輯器默認高度以后,編輯器的工具欄消失不見,這其實是一個功能BUG,不但沒有修復也沒有提示用戶使用全屏操作,用戶徹底迷失;第二,在用戶調整內容換行的時候,光標會像幽靈一樣跳到底部,這也屬于功能的BUG,沒有修復也沒有系統提示,最后導致用戶在內容發布階段就變得垂頭喪氣,最終浪費了無數寶貴的時間。
          拓展閱讀:
          尼爾森十大可用性原則第一條,系統可見性原則,保持界面的狀態可見,變化可見,內容可見。讓用戶知道發生了什么,在適當的時間內做出適當的反饋。
          尼爾森十大可用性原則第五條,防錯原則,比出現錯誤信息才提示更好的,是通過更用心的設計來防止這類問題發生。在用戶選擇動作發生之前,就要防止用戶混淆或者錯誤選擇。對產品進行不同的操作、重組或特別安排,防止用戶出錯。
          2. UI中國
          UI中國的文章編輯器,雖然不支持從騰訊文檔、飛書文檔直接復制過去的格式,但編輯器設計得非常清爽,給用戶的第一印象非常好。但是,就在用戶開開心心準備發布一篇精心準備的文章時候,噩夢來了。
          UI中國的服務器非常不穩定,所以當用戶上傳圖片的時候,圖片的加載進度特別慢。其實慢一點也能接受,但是當進度條達到100%以后,圖片始終還是無法載入,有時候需要等幾秒,有時候等10幾秒最后換回來的一串錯誤代碼——Error during file upload。這個時候用戶還有耐心,也許就是服務器偶然發生故障,于是再次重新上傳,但收到的還是同樣的結果。


          為了解決這個問題,我以為是圖片的尺寸或大小出現了問題,但經過查閱,并無任何問題,完全是官方的尺寸規范以內。最后通過數次的嘗試,我總算摸到一點點規律,當一張圖片反復上傳出現亂碼的時候,那就先去傳其他的圖片,最后再返回上傳這張圖片,運氣好的時候就解決了,運氣不好的話,你就休息一下再來上傳。我只能感慨自己實在太聰明了。
          從UI中國的編輯器可以看出,他們和站酷一樣,違反了尼爾森十大原則的第五條原則,防錯原則。在用戶上傳圖片出現錯誤以后,并沒有給用戶及時的中文提示(99%的設計師看不懂Error during file upload這串英文代碼,毫無意義),導致用戶在使用過程中產生焦躁、憤怒的情緒,浪費了無數寶貴的時間。
          3. 微信公眾號
          微信公眾號是知識創作者最常用的工具了,但事實上對于新手來說,它的設計非常不友好。我還想起當我第一次操作公眾號發布文章的時候,當我把內容都編輯好以后,我找不到「發布」的按鈕。我很難理解「群發」的功能,特別是當我在下拉列表發現竟然還藏著一個「發布」按鈕,我以為那就是發布。但當我開開心心準備分享我的推文時候,我在自己的公眾號卻怎么也找不到這篇文章。


          最后我只能重新編輯一次,但問題還是沒有解決。群發到底是什么意思?當我點擊以后「群發」以后,又出現了群發、定時群發和分組群發的按鈕,我實在難以理解這幾個按鈕有什么不同,我現在又應該選擇什么。我猶豫不定,害怕犯錯,又不知道如何解決,最后只能求助朋友。


          微信公眾號在「發布文章」這個環節的設計,完全違背了交互心理學上的席克定律,給用戶太多、不清晰的選擇,增加了用戶的學習和消耗成本,對于公眾號新手來說,簡直就是一次噩夢。其次也違背了尼爾森十大原則的第十條,人性化幫助原則,沒有給新手解釋清楚「群發」和「發布」的區別,也沒有對核心功能做出對應的文字解釋,讓用戶在操作的過程中產生數次焦躁,最終只能求助于他人。
          拓展閱讀:
          席克定律是指人的信息傳遞時間與刺激的平均信息量之間呈線性關系。簡單一點我們可以理解為:人面臨越多的選擇,所要消耗的時間成本越高。
          尼爾森十大原則第十條,人性化幫助原則,幫助性提示最好的方式是:①無需提示;②一次性提示;③常駐提示;④幫助文檔。
          4. 脈脈
          脈脈作為擁有1.1億用戶的職場社交獨角獸,為用戶提供的專欄編輯器,用戶體驗差到讓人絕望。
          脈脈使用的編輯器,屬于十年前最早一批的編輯器,不管是功能還是樣式,都非常掉身價,和他們的品牌調性不匹配。它們不支持從騰訊文檔、飛書復制過去的文章(Markdown格式),所以我每次都需要調整格式才能和源文檔格式一致,極大增加了編輯成本。這也是我最后放棄脈脈更新的原因,他們流失了一個內容創作者。


          在用戶上傳圖片以后,他們沒有做自適應配置,整個編輯器無法看到圖片的完整內容,用戶根本不知道自己上傳的圖片是否正確。更糟糕的是,當你想等比例調整圖片的大小,圖片就完全扭曲,讓用戶進一步崩潰。


          點擊上傳圖片以后,還需要用戶點擊「上傳」,才能真正實現圖片上傳,增加了用戶的操作步驟。其次已上傳的圖片不能取消選中,如果想要取消當前圖片,只能再次上傳一次圖片。
          最糟糕的是,文章竟然不支持自動或手動保存,想象一下當你花費了1個小時好不容易編輯好的文章,最后因為不小心關閉瀏覽器導致文章丟失了,這就是使人憤怒的設計,這幾乎把用戶使用的欲望徹底剿滅了,永遠不會再回來。
          脈脈的編輯器設計,嚴重違反了尼爾森十大原則中的多條原則,比如撤銷重做原則、防錯原則、容錯原則等,可以說是非常糟糕的設計,這樣的編輯器幾乎可以毀滅任何一個內容創作者的心情。
          拓展閱讀:
          尼爾森十大可用性原則第三條,撤銷重做原則,給用戶更多自主操作權,當用戶在使用產品過程中產生錯誤的操作時,應提供更多的解決方案,例如撤銷或重做等功能。
          尼爾森十大可用性原則第九條,容錯原則,幫助用戶從錯誤中恢復,將損失降到最低。如果無法自動挽回,則提供詳盡的說明文字和指導方向,而非代碼如404等。
          5. 135編輯器
          135編輯器作為國內最大的編輯器頭部產品,他們幾乎把編輯器可能有的功能都設計了,比如導入文章、語音合成、模版、一鍵排版等等。但是這個功能如此豐富的編輯器給新用戶的體驗則留下糟糕的印象。
          135編輯器的功能非常強大,這就像一個2003年半的Word辦公軟件,一眼望去,都是數不清的功能。這樣的設計導致了新手不知道如何開始,他們的按鈕權重幾乎都一樣,比如新建、關閉、導入、微信復制等等,沒有重點突出核心功能。


          人在操作軟件時候的記憶屬于短期記憶,一般只會保留5-7秒,這便是心理學上最出名的7±2效應。在新手首次使用該軟件的時候,面對幾十上百個的功能,根本不知道如何下手。用戶需要學習的成本非常高,甚至當你編輯好文章以后,你都不知道如何把文章同步到微信公眾號,因為「微信復制」這個按鈕沒有重點突出,從字面意思也無法獲取真正的意思。這也違背了人類運動的預測模型費茨定律,如果你想小孩子也簡單輕松的能關掉房屋的開關,那么你的開關就應該大一點,明顯一點。


          其次過度商業化把這款編輯器的用戶體驗毀滅了,幾乎80%的功能都需要加入VIP會員,然后你需要反復關閉窗口,操作路徑變得又長又繁瑣。試問,一個新用戶在使用一款陌生的編輯器的時候,需要關閉幾十次廣告,你覺得他還有耐心去使用嗎?


          拓展閱讀:
          7±2效應就是指人的短期記憶容量在7±2的數量之間浮動,也就是說,用戶最多同時處理5~9個信息。
          費茨定律是人類運動的預測模型,主要用于人機交互和人體工程學。該定律預測光標或手指從一個起始位置移動到最終目標所需的時間(T)由兩個參數決定,即光標或手指到目標的距離(D)和目標的大小(W)。
          6. 國內某知名CMS系統
          這是一個國內非常出名的開源CMS系統,目前已停止更新維護,不過國內的企業網站估計有50%都是基于這個系統搭建。做過外包設計的朋友都知道,經常會聽見客戶說系統難用,那么為什么難用,我們先來看看這些商業項目中管理后臺的編輯器有多糟糕。
          點擊添加內容后,直接跳轉到一個新窗口,這個新窗口還把當前屏幕都遮住了,這不得不讓用戶需要把這個窗口縮小才能復制內容。這個設計最讓人頭疼的是當你的桌面應用打開過多時候,你根本不知道這個內容窗口在哪里,讓人感到無比焦躁。


          編輯器的的樣式、功能就幾乎可以忽略不計了,因為這畢竟是一款開源的系統,而且官方都已經停止更新了。如果你從騰訊、飛書文檔直接復制內容進去,文本格式就是錯亂的,這和脈脈一樣,這幾乎需要在編輯器里重新調整格式才行,這嚴重提升了用戶的使用成本。這對于很多兼職為公司負責更新網站的用戶來說,簡直就是一場災難。過去有太多次用戶對編輯器的問題提出了很多次,包括不懂使用、增加功能等,總之,這些開源系統的編輯器,對很多用戶來說就是一場噩夢。



          四、思考總結


          通過數款大廠產品的體驗總結,我們發現,對于文章編輯器這個非?;A但又必不可少的功能,其實帶給用戶的體驗非常糟糕。類似的糟糕體驗,其實還數不勝數,我們這一期就不再展開。最后我們對此次的體驗陷阱做一個簡單的總結。
          我認為,造成如此糟糕的編輯器體驗的原因有兩個,第一個,大部分的產品團隊完全不重視編輯器這個功能。在很多產品、設計,包含程序工程師看來,這就是一個非?;A簡單的功能,所以他們對編輯器非常輕視,也許開發出來的產品團隊自己都沒有親身測試發布過,才會導致有如此多明顯、讓人憤怒的BUG。然而他們根本不知道這樣的設計對用戶的實際體驗影響有多么糟糕。
          第二個,產品團隊完全沒有遵循最基礎的設計原則意識。國內大部分產品設計師對設計基礎原則、理論都非常忽視,甚至覺得這些純理論的指導原則毫無意義。這也是設計這門學科在國內發展的真實寫照,但我們從這些體驗陷阱可以看出,一個沒有遵循設計基礎原則的產品,體驗下來,是多么的糟糕,多么的讓人絕望。


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

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


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


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

                                    

          3600字拆解微信鍵盤丨地主家的小兒子真是又帥又有才

          濤濤

          微信鍵盤發布啦!擁有12億用戶的移動端巨無霸微信發布微信鍵盤了!就在本周一,預熱近兩年的微信鍵盤終于發布,這款微信之父張小龍口中的——不搜集任何隱私的輸入法工具,總算揭開了他的神秘面紗。廖爾摩斯第一時間全面體驗了微信鍵盤,通過三天的使用,我也成了微信鍵盤的腦殘粉,這篇接近3600字的拆解,將會告訴你,這個地主家的小兒子,為什么又帥有才!


          一、產品拆解


          作為一款工具類產品,需要更注重產品的用戶使用體驗,所以此次產品拆解主要基于尼爾森十大可用性原則和常見的設計基礎理論,比如格式塔原則、費茨定律等。我將會分為基礎功能、個性化功能和個人隱私三個部分進行拆解。


          1. 基礎功能
          1.1 鍵盤管理
          鍵盤是輸入法最基礎的功能,根據每個用戶不同的操作習慣,微信鍵盤為用戶提供六種類型的鍵盤,分別是九宮格、全鍵盤、筆畫鍵盤、手寫鍵盤、五筆鍵盤和雙拼鍵盤。在五筆鍵盤和雙拼鍵盤中,還為用戶提供了多種偏好設置,比如86五筆方案、98五筆方案等。


          設計思考
          相比行業頭部老大哥搜狗輸入法,微信鍵盤的類型相對還比較單薄,比如像搜狗輸入法還支持生僻字鍵盤、拍照轉文字等特色功能,不過作為一個V1.0.0版本,這也遵循了如今產品設計的主流設計模式,小步快跑,快速迭代。
          1.2 鍵盤輸入框
          「輸入框」是用戶實際操作和使用的功能,這是最基礎、最重要的功能。微信鍵盤的輸入框界面風格非常簡潔,和IOS默認鍵盤風格相近,目前僅有一款默認皮膚。


          1.2.1 長按技巧
          長按「拼音鍵」,可選擇更多相關字符,比如數字、大小寫等。其中長按「JKL」拼音鍵,可切換至「單手模式」;長按「中英文」鍵,可切換至「手寫模式」,非常方便。


          1.2.2 智能刪除復原
          這個小技巧使用起來特別方便,在我們刪除一段文字的時候,經常會出現誤刪的情況,微信鍵盤設計了一個非常巧妙的功能,按住「刪除鍵」左拉可以刪除文字,往右則可以把刪除的文字復原,提高了產品體驗的容錯性。


          1.2.3 上滑輸入數字符號
          這個功能需要在系統設置開啟,在鍵盤輸入的時候,只需要上滑「拼音鍵」,就能直接把拼音鍵對應的數字拖到輸入框,節省切換數字鍵盤的操作步驟。


          1.2.4 特殊符號
          「特殊符號」不僅包含了常見的10種類型,橫排26鍵的設計更能讓用戶直觀地找到自己需要的字符,使用起來體驗非常友好。相比搜狗輸入法超過20種的符號類型,微信鍵盤簡潔的設計為用戶提供了更高效的選擇,帶來了更友好的體驗。


          設計思考
          少即是多。相比搜狗輸入法的大而全,在特殊符號這個細節的設計,微信鍵盤讓我愛不釋手。首先應用了7±2效應,在用戶的短期記憶里,降低記憶負荷。其次也應用了席克定律,減少用戶的選擇,降低消耗的時間成本,從而提升用戶體驗。
          1.3 偏好設置
          1.3.1 語音轉文字
          從識別語言觀看,微信鍵盤支持普通話、粵語、英語、四川話和上海話,筆者親自體驗一番,發現識別準確率還挺高的(貴陽話,和四川話接近,超過80%準確率)。


          1.3.2 聲音和觸感
          「聲音和觸感」指的是用戶使用鍵盤按鍵的聲音和觸感。這里有一個非常貼心的設計,當用戶手機靜音的時候,打開聲音開關按鈕會提醒用戶當前處于靜音模式,無法聽到按鍵聲音。這就是尼爾森十大原則的防錯原則,在用戶出現操作錯誤之前,通過設計提示提前避免,你可以想象如果沒有這樣的提示語,如果你的手機不小心靜音了,你就會懊惱為啥鍵盤沒有聲音,這個軟件是不是出問題了(筆者親身經歷)。


          1.3.3 顯示設置
          微信鍵盤支持用戶可設置鍵盤候選字的大小,這里也有一個非常貼心的設計,當用戶調整字體大小以后,如果想要恢復默認大小,只需要把滑動組件拖動到已經標記的默認起點就可以了,這應用了尼爾森十大原則的易取原則,用戶無需記住默認大小設置,如果想恢復,拖動標記的起點即可。


          1.3.4 模糊拼音及其他
          「模糊拼音」主要針對拼音基礎欠缺的用戶,提供模糊的拼音設置,從而提高輸入效率。其次微信鍵盤還提供「首字母自動大小寫」、「雙擊空格輸入句號」和「智能添加空格」等偏好設置,用戶可根據自己的操作習慣進行設置,獲取更便捷的體驗。


          2. 個性化功能
          個性化功能主要指微信鍵盤最特色的「拼寫Plus」功能,這也是微信鍵盤發布以后給用戶最大的驚喜。
          2.1 智能推薦
          「智能推薦」是微信結合自己強大的生態設計的一個功能,在用戶輸入文字的時候,系統會自動判斷文字的類型,比如輸入一本書的名字,系統就會提示是否需要向好友發送這本書籍。從內容類型看,包含了音樂、視頻、讀書、小程序、視頻號和公眾號。這個功能在用戶的聊天場景中,實在太方便了,比如作者過去要給好友分享自己的公眾號,還需要去公眾號搜索、轉發,如今只需要輸入「設計大偵探」的名字,就可以向好友直接發送,減少了數步操作路徑,極大提升了溝通效率。


          2.2 表情推薦
          表情是微信聊天場景中必不可少的一個元素,甚至有很多用戶特別喜歡收藏表情,它可以用于各種聊天場景,活躍聊天的氛圍。微信鍵盤的表情推薦,通過用戶輸入的詞語,可以自動識別可能需要發送的表情,無需用戶收藏,就可以為用戶自動生成。這個功能非常贊,特別像筆者這樣從不收藏表情的用戶,當突然需要輸入一個表情活躍一下氣氛的時候,我只需要輸入一個「大家好」,微信鍵盤就能為我提供數十種表情,滿足我的需求。


          2.3 智能拼寫
          「智能拼寫」是指當用戶輸入某個詞語時候,系統為用戶精準匹配候選詞,提高輸入效率。筆者嘗試了輸入「梅西」,幾乎可以根據智能匹配輸入一段完整的文字。而微信生態更為恐怖的是,它會自動結合當前的話題標簽,用戶可直接跳轉至話題的視頻號動態,一鍵查看更多信息,讓用戶徹徹底底對微信生態的服務上癮。


          2.4 拼寫檢查
          「拼寫檢查」是指系統會根據用戶在輸入文字的時候及時發現錯別字,一鍵精準改錯。這個功能設計得非常貼心,能讓用戶及時看到書寫錯誤,降低因錯別字帶來的煩惱。


          2.5 常用語
          過去在微信聊天的時候,為了提高輸入效率,我會把很多反復發送的文字復制到備忘錄或微信收藏,這能提升我一定的溝通效率。但相比微信鍵盤的常用語功能,我以后就會直接放棄之前的兩個形式了。這個功能實在太方便了,比如每一次粉絲添加我的時候,我都會需要介紹一下我們公眾號的內容,現在我只需要輸入前3個字,這段話就可以直接出來了,極大提升我的溝通效率。


          2.6 單手模式
          「單手模式」是指用戶可根據自己的慣用手或場景設置輸入模式,前面我有提到過,長按「JKL」拼音鍵,可切換至單手模式。


          2.7 手寫找字
          「手寫找字」是一個支持同時手寫多字的輸入模式,這個功能對于我們父輩一代的用戶特別適用,他們多數人還未習慣用拼音拼寫,更喜歡用手寫的形式去輸入,而支持寫多字的模式可以極大提升拼寫效率。


          2.8 小結
          什么是以場景為中心的設計,微信鍵盤的設計團隊告訴我們,這就是以場景為中心的設計。過去設計者總是在思考如何去定義人們使用的系統和應用程序,而“以場景為中心”的概念,則強調要以人的需求為中心,系統和應用程序要去幫助人們滿足他們的需求。看看微信鍵盤設計團隊結合如此多真實場景的設計,可見設計師真的需要具備場景思維,才能設計出讓用戶尖叫的體驗。
          3. 個人隱私
          3.1 清空個人詞典
          微信鍵盤提供了「清空個人詞典」的功能,這有點不可思議。不過微信鍵盤的創立之初,微信之父張小龍就說過,微信將上線屬于自己的專屬輸入法,其目的并不是為了搶奪輸入法市場,而是為了更好的保護用戶的隱私。不過該功能大家要謹慎使用,一旦清空,你所累積的個人詞匯就會清空,將會影響你的輸入體驗。


          3.2 幫助反饋
          針對微信鍵盤使用的技巧和常見問題,微信鍵盤也設計了幫助反饋文檔,為用戶解決使用過程中的困惑。很多產品設計師或許覺得這樣的模塊可有可無,但這其實這就是尼爾森十大原則的人性化幫助原則,通過幫助文檔為用戶解決軟件使用困惑。


          3.3 隱私與權限
          “我們非常重視你的隱私安全。我們謹遵最小、必要原則,僅依《微信鍵盤隱私政策》獲取你使用微信鍵盤的功能所需的你的信息,不會額外獲得你的其他信息”。這是隱私與權限頁面的一句話,足以見得微信鍵盤的定位如上文所言,只做一款單純的輸入法軟件,不侵犯用戶的隱私。


          二、設計總結


          作為一個才上線發布V1.0.0版本的輸入法產品,微信鍵盤真的給了我太大的驚喜。
          從產品的易用性來看,無論是交互,還是界面,都嚴格遵循了尼爾森十大原則的標準。這個產品設計中最基礎的設計理論模型,事實上,太多的工具類產品都沒有遵循它的設計原則,我們常常說一款工具難用、不好用、設計不好,就是這些操作細節沒有考慮進去。而微信鍵盤,在我目前的使用操作過程中,暫時沒有,易用性非常高。
          從產品的創新性來看,微信鍵盤不僅滿足了一個鍵盤輸入工具的基礎功能,而且結合了自身強大的生態環境設計了「拼寫Plus」這樣非常創新的功能。它幫助我實實在在地提升溝通效率,比如一鍵推送我的公眾號、和粉絲溝通的常用語等等,甚至破天荒的可以直接在聊天輸入框分享我喜歡的歌曲、書籍、電影、視頻號等,換做以前真的不敢想象原來這些功能可以通過一個輸入法軟件實現。
          我已經徹底成為微信鍵盤的腦殘粉了,即便某狗的輸入法顯示我已累計輸入超過4百萬字,但微信鍵盤給我使用的尖叫感,真的讓我不可思議,就像那洶涌的潮水,一波又一波襲來,讓我尖叫!


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

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


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


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

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

          1.1萬字深度拆解丨樊登讀書如何找到書中的黃金屋?

          濤濤

          你有想過你的孩子一邊喝六個核桃,一邊聽樊登讀書嗎?如果沒有,這是因為你不知道樊登讀書的銷售場景有多豐富,他們和六個核桃就設計了一個聯名套餐,售價429元。
          你有想過你的辦公場地可以加入一個讀書角,讓員工每天讀書學習嗎?如果沒有,這是因為你不知道樊登讀書有一個服務叫數字閱讀空間,它可以讓你的員工一鍵掃碼即可閱讀學習。
          你有想過樊登讀書2023年會解讀什么書嗎?如果你想知道,你可以購買他的「未來書單」,他都為你設計好了,不僅有52本實體書,還會給你一份未來書單專屬認證的學員徽章。
          如果不去拆解樊登讀書,你根本不知道這個產品可以把讀書這個原本枯燥乏味的學習形式變得這么有創意,絕對超出你的想象。
          樊登,作為前央視的主持人,在2013年創辦了樊登讀書會以后,發展不到10年,APP會員數已經突破了6000萬,年營收超過10億,全國線下樊登讀書運營中心超過2000家,成為了知識付費行業的一個獨角獸。這樣一個讀書產品,到底有什么魅力,能讓用戶對它如此著迷,樊登又是如何找到他的書中黃金屋,本期設計大偵探,為大家帶來樊登讀書的產品拆解,讓我們一看究竟。

          一、導讀

          1. 內容結構
          全文11158字,分為六個部分,分別是導讀、產品畫像、讀書服務、內容服務、會員服務和設計總結,你可以通過下面的思維導圖對本文內容結構有全面的了解。




          2. 適合人群
          第一類,UI/交互設計師,可以跳出執行層,去思考樊登讀書的產品設計策略,提升產品分析能力;
          第二類,產品經理/運營,通過全面的產品設計拆解、策略推導,獲取產品設計參考;
          第三類,知識付費行業從業者,通過對樊登讀書的全面拆解,獲取競品設計參考。




          3. 分析模型
          我們主要運用三種模型對產品的功能、設計進行拆解,由于沒有權威的官方數據,所以我們更多以推導的形式去思考樊登讀書為什么這樣設計。
          第一個,增長模型。由戴夫·麥克盧爾提出,包含用戶獲取、用戶激活、用戶留存、獲取收入、用戶推薦,分別對應用戶生命周期中的5個重要環節,主要用于分析產品的功能價值。
          第二個,上癮模型。由尼爾·法埃爾提出,通過對上千種習慣類產品的調研,總結出一款產品如果要讓用戶習慣、上癮,可以按照觸發、行動、多變的酬賞和投入四個步驟去設計,主要用于分析產品的功能價值和推導產品的策略設計。
          第三個,社會心理學。主要結合西奧迪尼的社會心理學《影響力》六大說服力原則——互惠、承諾和一致、社會認同、喜好、權威和稀缺,去推導產品設計的用戶心理設計,主要用于推導產品的策略設計。




          二、產品畫像
          在本節,我們將會通過樊登讀書官網、百度百科、易觀千帆和七麥數據等資料網站,讓大家對樊登讀書有一個初步的了解。

          1. 產品介紹
          樊登讀書成立于2013年,是前央視主持人樊登創辦的知識付費品牌。樊登讀書APP是一款為用戶提供書籍精華解讀(非電子書)、精品課程教授、社群學習等知識服務的軟件,致力于為3億國人養成閱讀習慣。根據樊登讀書2022年三季度的社會責任報告顯示,樊登讀書目前會員數突破6000萬,音視頻累計播放超45億人次,用戶收聽總時長超8.1億小時,是知識付費行業的頭部品牌。




          2. 商業模式
          樊登讀書以讀書點亮生活為價值主張,旨在幫助3億國人養成閱讀習慣,目標用戶群體有C端大眾消費者以及B端企業客戶。樊登讀書作為一個知識付費平臺,吸引了眾多知識創作者加入,主要為用戶提供內容生產、出版合作、線上電商和線下書店四塊業務,其次通過線下加盟代理的模式,目前在全國已經建立超過2000家城市運營中心。樊登讀書的盈利模式非常豐富,除了最基礎的會員VIP服務,還有課程、訓練營、聽書和電商等增值服務,年營收在2021年就超過10個億。




          3. 用戶畫像
          樊登讀書的用戶群體男女比例均衡,女性占比54.67%,男性占比45.33%;年齡以24-30歲居多,占比40.21%,其次為31-35歲,占比26.36%;樊登讀書的用戶消費能力較強,中等以上消費者占比71.09%;用戶以三線城市最多占比23.20%,一線城市僅占8.93%,其中廣東省最多,山東和河南省位居前三。




          4. 信息結構
          樊登讀書的菜單欄主要分為「首頁」、「樊登講書」、「免費視頻」和「我的」四個一級欄目?!甘醉摗挂訲AB切換的形式向用戶展示不同的子欄目內容,非常夯實;「樊登講書」是范登讀書的王牌欄目,可以收聽樊登每年講解的52本書;「免費視頻」是一個短視頻欄目,主要截取樊登講書視頻的精華內容,通過沉浸式的體驗,提升用戶使用產品時長;「我的」就是用戶中心,主要儲存用戶的讀書數據,可以查看歷史讀書記錄、訂單和購買歷史等內容。




          5. 重要迭代記錄
          樊登讀書的首個APP版本發布于2015年2月16日,截止到10月28日,APP版本已經更新至V5.56.0版本,平均1年更新次數為33次。




          版本迭代重要記錄
          2015年12月,發布V3.0.1版本,Slogan為「成功人士有聲閱讀神器」;
          2017年8月,發布V3.9.0版本,Slogan升級為「幫助3億國人養成閱讀習慣的學習型社區」;
          2018年4月,發布V3.9.16版本,品牌形象全新升級,加入知識課程等內容;
          2018年7月,發布V3.9.22版本,樊登讀書會更名為樊登讀書;
          2018年10月,發布V3.9.26版本,Slogan升級為「讀書點亮生活」;
          2020年5月,非凡精讀館公測上線,為用戶帶來更多專家解讀書籍;
          2021年7月,發布V5.18.0版本,上線李蕾慢讀欄目;

          6. 產品生命周期
          根據易觀千帆數據顯示,截止到2022年7月,樊登讀書月活躍用戶人數115.94萬,注冊用戶超過6000萬,年營收早在2021年就超過10億。明年即將年滿十歲的樊登讀書,目前處于產品生命周期的成熟期,當下聚焦于商業變現和用戶增長。




          7. 競爭圖譜
          和聽書類APP相比,樊登讀書月活躍用戶人數排名第19,喜馬拉雅1.3億月活躍用戶人數全網第一;和讀書類APP相比,樊登讀書排名第四,起點讀書月活躍用戶人數1762.70萬全網第一。




          三、讀書服務
          「讀書服務」是樊登讀書最核心的服務,是實現商業變現最重要的方式。從講書人去拆分,樊登讀書設計了樊登講書(火車頭)、李蕾講經典(前央視主持人,自帶流量和曝光度)和非凡精讀(匯聚各行業精英大咖)三個版塊。從知識學習的場景拆分,樊登讀書設計了「課程」和「書城」兩大版塊,如今的樊登讀書,已經成為一個非常豐富的知識付費學習平臺,不僅有各種知識付費、職業培訓課程,還有訓練營、系統課,以及有聲書和實體書銷售等業務,內容非常夯實。從用戶群體去拆分,樊登讀書還設計了企業共讀營、線下翻轉課堂和數字閱讀空間這些面向企業的讀書服務,把讀書賦能給企業,為他們提供提供綜合性的讀書解決方案,以建立學習型組織為目標。




          1. 個人IP
          樊登讀書以「樊登」這個超級IP作為火車頭,每年講解52本書為底層服務內容,現在加入了「非凡精讀」和「李蕾講經典」兩個內容欄目。這兩個欄目,不僅可以豐富平臺的內容,還可以彌補樊登一年只講52本書的數量缺陷,從而滿足更多用戶的需求。

          1.1 樊登講書
          「樊登講書」是樊登讀書的王牌欄目,是吸引用戶收聽和付費的主要內容。樊登以每年為用戶講解52本書和提煉45分鐘書籍精華為賣點,幫助那些沒有時間讀書、讀不懂書的人培養閱讀習慣。從內容分類看,「樊登講書」主要分為心靈、個人成長、親子家庭、人文歷史、商業財經、社科新知、健康生活和作者光臨9個欄目。其中親子家庭是最熱門的內容之一,育兒的書籍是樊登最吸引用戶的內容,樊登還擁有育兒專家的頭銜。




          1.1.1 講書詳情頁
          ①「講書」有三種傳播形式,默認為音頻,其次還有視頻和文稿,非常豐富,用戶可以在頭部自由切換。每一本書就像一個產品、一個主題,除了收聽講書內容,還支持下載音頻和思維導圖,其次還加入了增值服務,比如實體書購買和訓練營(根據這本書的主題設計)。




          ②講書詳情介紹分為解讀時間軸、評論話題、薦語、你將獲得、作者簡介和精彩選段六個部分。這里的內容結構設計得非常好,「解讀時間軸」是把講書的內容拆分,讓用戶快速獲取講書的結構;「評論話題」是為了增加用戶互動,以評論領禮品的形式提升用戶活躍度;「薦語」和「你將獲得」,是為了吸引用戶閱讀,讓用戶知道這本書對自己有什么幫助;「精彩選段」把這本書的一些名言警句以圖片海報的形式設計出來,吸引用戶分享傳播。




          ③「文稿」的設計體驗特別好,和其他音頻產品相比,樊登讀書的文稿像是參考了微信讀書這樣的閱讀產品。用戶可以劃線,可以發表想法,劃線最終會生成筆記儲存在用戶中心,還可以把劃線的內容生成海報分享,為平臺拉新引流。





          1.2 李蕾講經典
          李蕾是前央視主持人,2021年加入樊登讀書。圍繞「李蕾」這個個人IP,樊登讀書設計了「李蕾講經典」欄目,每年為用戶解讀52部經典名著,包含世界名著、國風經典、名人傳記和中國現代經典。在商業變現的設計形式方面,樊登讀書把「李蕾講經典」作為一個獨立的欄目,用戶需要單獨購買VIP會員才能收聽。




          1.3 非凡精讀
          「非凡精讀」是樊登攜手80+各領域大咖為用戶深度解讀好書,樊登讀書作為一個讀書平臺,鏈接了其他優質領域的大咖,為用戶提供更豐富的內容。
          非凡精讀的欄目首頁分為金剛區(鎮館之寶、聽書指南、好書共讀和全部書籍)、本周新書、最近在讀、為你推薦、今日限免、精選書單、非凡主講人和口碑好書八個部分,書籍類型包含個人成長、家庭經營、心靈療愈、人文經典等內容,其次「非凡精讀」的內容也需要用戶單獨購買VIP會員才能收聽。




          2. 課程
          樊登讀書充分利用知識付費的消費場景,吸引了眾多知識付費KOL加入平臺,為用戶提供豐富的知識付費課程。根據官方數據統計,目前平臺已經有198門課程,包含個人成長、親子家庭、人文歷史、商業財經、社科新知、聲音劇、有聲書、新父母和樊登專區9個欄目。
          課程欄目首頁的設計,主要包含金剛區、熱銷課程、課程合集、限免節目、最近在學和專屬為你推薦六個內容。在銷售方式上,課程是以單個付費的形式銷售,定價在100-300元之間。




          2.1 樊登課程
          樊登不僅講書,還設計了很多的課程,比如樊登講《論語》、可復制的領導力這些以代表作設計出來的課程。樊登課程的欄目首頁包含了精選好課、限免試聽、熱銷周邊和學習園地四個內容。




          2.2 技能培訓
          樊登讀書還吸引了眾多職場知識創作者的加入,為用戶提供職場技能培訓課程,比如7天求職實戰訓練營、個人IP打造課、0基礎抖音商業化實操課等,課程形式有錄播課也有系統課,定價也不便宜。




          2.3 訓練營
          相比課程和講書,訓練營是一個動態的系統課程服務,是解決用戶學習的最后一公里。當用戶聽完書以后,事實上只是勾起了用戶的學習興趣,如果要想把知識吃透,還需要深入學習?!赣柧殸I」就是為了解決這樣的痛點而設計的,不僅可以幫助用戶解決學以致用的痛點還增加了新的變現形式。其次訓練營的內容形式非常豐富,不僅包含常見的打卡返現活動,還有系統班、私教課,變現能力非常強。




          2.3.1 打卡返現
          「打卡返現」是訓練營比較常見的一個活動形式,活動規則是用戶需要繳納保證金才能參與學習打卡,如果全勤,可以退回保證金,反之保證金將會被扣除。這個服務,對于用戶的活躍度提升有很大的幫助,其次以全勤退還保證金為噱頭,但事實上能拿回保證金的用戶很少。




          2.3.2 小課程
          「小課程」是指培訓時間在3-7天左右的訓練營,比如7天《焦慮自救手冊》行動營(199元)、3天《分享閱讀》線上啟動營(9.9元)。這類小課程是樊登讀書訓練營的核心內容,屬于短頻快的業務,商業變現能力極強。




          2.3.3 系統課
          「系統課」是指培訓時間在15天以上的訓練營,比如21天《爆款視頻號》訓練營(售價1980元)、家庭教育實戰講師認證營(售價8980元)這樣的課程。系統課是屬于高利潤產品,定價均在1500元以上。




          2.4 新父母
          「新父母」是樊登讀書聯合「新教育研究院」共同發起的欄目,用戶人群是30-45歲這個用戶群體,旨在通過正確的教育理念幫助傳統的父母找到全新的教育方法,和孩子建立和諧、健康的親子關系。整個欄目首頁主要分為入門必修、父母進階和副業變現三個內容。「入門必修」為父母提供了新父母五門必修大課,售價590元;「父母進階」是實戰特訓營,通過直播授課、小班實操教學,幫助父母快速掌握育兒難題,售價898元;「副業變現」是系統課,通過31天的系統學習,幫助有意向在親子育兒領域發展副業的父母通過專業的培訓成長為一名實戰講師,售價8980元。




          2.5 知識副業
          樊登讀書提供7種形式的知識副業,分別是樊登小店、知識主播、知識顧問、翻轉師、社群運營官、溝通力講師和兼職客服。其中翻轉師、社群運營官和溝通力講師這三個需要付費報名學習的崗位,目標人群以自由講師、教師、企業培訓者為主,為樊登讀書源源不斷補充講師資源。




          2.5.1 樊登小店
          樊登小店就是樊登讀書入門級的分銷商,用戶可以零成本申請加入。每個用戶都可以擁有自己的一個小書店,可以通過建立自己的社群或朋友圈進行書籍分享,用戶下單后,出版社直接發貨,店主賺取銷售提成。




          2.5.2 知識主播
          知識主播就是負責樊登讀書的電商直播,通過直播帶貨,實現副業收入。知識主播可以免費報名,分為兼職主播和全職主播。




          2.5.3 知識顧問
          知識顧問就是為用戶解決知識困惑的咨詢師,本質是樊登讀書的銷售。用戶可免費報名,樊登讀書提供系統的專業培訓。




          2.5.4 翻轉師
          翻轉師是樊登讀書·雨知教育的核心服務,課程體系分為六大板塊,目標人群是自由講師、教師、企業培訓者等,最終幫助他們成為樊登讀書的授課講師、知識主播和知識顧問。翻轉師是付費的系統培訓,定價5686元。




          2.5.5 社群運營官
          社群運營官屬于一個付費的系統培訓,定價3980元。這個服務主要針對在校學生、全職寶媽、自由職業和朝九晚五的上班族,通過21天的系統培訓學習,掌握社群運營的知識和技巧,其次也有機會成為樊登讀書簽約的樊登讀書運營官。




          2.5.6 溝通力講師
          溝通力講師也是付費服務,價格沒有公開。溝通力講師主要是通過學習樊登的《可復制的溝通力》課程,最終有機會成為樊登讀書溝通力團隊的簽約講師機會。




          2.5.7 兼職客服
          兼職客服就是主要幫助樊登讀書處理客服的工作,只要用戶有時間,都可以報名申請參與。




          3. 書城

          3.1 有聲書
          「有聲書」包含了樊登專區、情感家庭、心靈療愈、小說文藝等內容,為用戶提供更多的聽書選擇,不過相比喜馬拉雅、微信聽書這樣以開通VIP會員付費收聽的模式,樊登的有聲書直接以單本書籍售價,而且單價不低,均價在19-39元之間。




          3.2 心選商城
          「心選商城」是樊登讀書官方為用戶提供的一個在線購買實體書和周邊產品的平臺,從書籍數量看,內容包含了兒童科普、兒童繪本、職場進階、心靈治愈、人文社科等類型,非常夯實;從商品類型看,除了書籍,心選商城還支持各種周邊、聯名商品的購買。和傳統的書城相比,心選商城的內容設計非常創新。




          3.2.1 三本好書
          「三本好書」的本質是一個組合套裝,但是樊登讀書用書單的形式來設計,不僅增加了銷售量,還為用戶設計了充足的購買理由。在「三本好書」的介紹里,文案是這樣的描述——多讀一本書,解決更多生活中的問題;多讀一本書,收獲更多的歸屬感、幸福感;多讀一本書,更深度拓展和提升思維認知,可謂情懷滿滿,讓用戶產生了強烈的購買欲望。




          3.2.2 樊登未來書單
          「樊登未來書單」定價2199元,屬于高利潤產品,它主要有三個賣點,第一,每月會把當月樊登即將解讀的4本書籍提前郵寄給用戶,讓用戶可以搶先讀;第二,贈送樊登專屬證書、52本書的思維導圖實體卡片、1本專屬定制未來書單禮記和微信專屬社群,不僅擁有精美的實物禮品,還能享受專屬社群,突出尊貴感;第三,以選書、讀書、用書和“寫”書四個環節的服務幫助用戶每周讀透一本書、實現跨越式增長為賣點,為「未來書單」增加了「學習」屬性,從而讓用戶感覺自己買的不是書單,而是成長。




          4. 企業服務

          4.1 企業讀書
          「企業讀書」面對的是企業用戶,以讀書學習為切入點,幫助企業員工建立讀書習慣,協助企業打造學習型組織?!钙髽I讀書」是一個綜合性的讀書解決方案,由內容、工具和服務構成。在內容端,為企業提供樊登讀書超過800+優質內容,還可以為企業量身定制書單;在工具端,為企業員工提供一個滿足多場景學習的高效工具,企業還可以通過PC管理端查看企業員工的讀書數據,實現數字化管理;在服務端,為企業提供專家團隊1V1支持服務,賦能企業組織線下活動,最終幫助企業員工建立閱讀習慣。




          4.1.1 企業共讀營
          「企業共讀營」是通過優質書單和共讀工具,讓員工在21天社群的督促和專家指導下,一起共讀,通過聽、學、教、練和評五個步驟幫助員工學習讀書,打造全流程的閉環訓練場景,旨在幫助員工養成讀書的習慣,為組織營造讀書氛圍。




          4.1.2 線下翻轉課堂
          「線下翻轉課堂」是由專業引導師帶領學員共同解構一本書,幫助學員理清邏輯結構、重點知識,深化實際場景應用,在交流互動中營造良好的讀書氛圍?!妇€下翻轉課堂」就像一次企業員工拓展活動,以讀書溝通為主題,充分調動員工的學習熱情,增強團隊學習氛圍,豐富企業員工生活。




          4.1.3 數字閱讀空間
          「數字閱讀空間」就是在企業辦公場地可利用的空間里面,通過硬件設備作為載體,將圖片、文字、音視頻等內容置入,讓員工掃碼就可以收聽,同時通過這樣的設計,為企業打造閱讀的氛圍。




          4.2 開放平臺
          樊登讀書已經把讀書做成了標準化的產品,支持接入網頁、小程序、APP、車載等終端,打造了一個通過接入樊登讀書API就可以實現合作的第三方開放平臺。目前樊登讀書有針對教育、銀行、出行等行業設計了解決方案,創意驚人。




          5. 總結
          從讀書服務我們可以看出,樊登讀書是一個非常有創意和變現能力超強的產品。不管是面對C端大眾消費者,還是面對B端企業用戶,他都可以把「讀書」賦能到到不同的場景和主題中。比如「新父母」這樣的欄目,就是抓住了眾多傳統的父母對孩子教育沒有正確方式的痛點,讓用戶看著就難受、看著就羞愧、看著就恨不得立馬開通會員學習。
          其次樊登的商業變現形式設計,非常有層次感。以「新父母」這個服務為例,首先為你推薦基礎課程,如果用戶的自律性不夠或者無法理解,它又設計了訓練營,二次變現。更厲害的是,它為讀書賦予了“副業變現”這個屬性,然后通過8980元的系統課,幫助那些全職或想做副業賺錢的媽媽用戶群體進行系統培訓,層層推進。這樣的設計方式,甚至在企業端也復制了一套,變現能力驚人。

          四、內容服務
          「內容服務」是幫助產品實現用戶留存和激活的關鍵方式。樊登讀書如今已經把「免費視頻」作為APP的一級欄目,通過1-2分鐘的精華片段播放,可以有效提升新用戶的激活率,最終成為付費用戶;其次樊登讀書還有精彩豐富的線下線下活動。




          1. 免費視頻
          「免費視頻」是一個短視頻欄目,內容主要從樊登講書的視頻提煉出精華片段剪輯成1-2分鐘的短視頻。這個欄目設計得非常好,第一,把一個長達45分鐘的讀書視頻拆分出來以后,不僅可以降低閱讀成本,還增加了碎片化閱讀的形式,降低用戶讀書的時間成本,可以極大提升用戶的讀書時間;第二,一個免費視頻對新用戶來說,就是一次免費試聽,通過對精華內容的提煉,對用戶的激活有非常大的幫助;第三,免費視頻同時可以作為高質的短視頻素材,分發到抖音、視頻號、小紅書和知乎等平臺,幫助平臺傳播引流。




          2. 活動
          樊登讀書的「活動』是用戶運營的主要方式之一,活動分為線下活動和線上活動兩種形式。樊登讀書的活動主題非常豐富,不僅可以直接分享平臺的熱門書籍,比如《非暴力溝通》、《職場焦慮》、《陪孩子終身成長》等,還可以結合樊登自己創作的系列書籍為主題,比如《可復制的職場溝通力》等,內容的邊際成本非常低,可不斷復制。樊登讀書在全國擁有2000多家城市運營中心,每一次活動,其實就是一次分享傳播和新用戶激活,另外樊登讀書的活動不是免費參加,很多活動都需要付費報名參與,變現能力非常強。




          2.1. 沐光公益
          沐光公益是樊登讀書創立的公益品牌,主要為落后的偏遠山區孩子們建立愛心圖書室,幫助孩子們建立閱讀習慣。他的捐贈規則是當用戶捐贈的光束足夠多,樊登讀書就會為欠發達地區捐贈一座“沐光書屋”。用戶可以通過兩種方式為山區的孩子們進行捐贈,第一種是在樊登讀書APP每聽完一本書就會產生一束光;第二種就是通過在樊登讀書的直播間購買書籍,捐獻一束光。這樣的活動設計,結合了公益,更容易打動用戶,重新讓用戶更愿意多讀書,提升用戶活躍度。




          3. 眼界
          「眼界」是由上??苿摻逃头亲x書聯合打造的一個內容欄目,從2022年9月15日到2023年1月31日,每周更新一期專題內容,目前已更新六期。從這個欄目可以看出,樊登讀書不僅僅是一個聽書產品,而是成為一個有深度的教育學習平臺。未來類似這樣高質量的欄目相信會越來越多,這會對品牌的宣傳、公信力以及用戶的留存起到非常大的幫助。




          4. 發現
          「發現」這個版塊,藏得比較深,在「用戶中心」的「常用工具」。但這個版塊的內容非常夯實,它就是一個社區,有熱點新聞、視頻、文章、活動、書友等十余個欄目。從內容設計看,這個欄目有很多想象空間,比如目前內容的生產形式是以媒體號發布,用戶還可以關注,未來樊登打造自己的讀書社區嗎?由于資料有限,并不知道未來這個欄目會怎樣定位和規劃。




          5. 總結
          從內容服務的拆解,我們可以看出樊登讀書的未來發展空間非常大。首先短視頻的設計會極大提升用戶使用產品的時間,讓產品有更多的可能性。其次通過「發現」這個版塊的設計推導,也許未來樊登讀書會朝著一個讀書社區發展。

          五、會員服務
          「會員服務」是樊登讀書實現用戶留存和傳播拉新的重要方式。樊登讀書的會員服務非常豐富,而且有很多創新點。樊登讀書設計了四種VIP會員卡,分別是樊登講書、非凡精讀、李蕾講經典和心選黑卡,享受不同的會員權益服務;在用戶運營方面,為用戶提供專業完善的學習分析工具,記錄用戶的學習時長,其次還有每日簽到、成長福利和小書童服務;在用戶福利方面,還為用戶設計了禮品卡、聯合福利、聽書卡和車主福利;最后為了吸引用戶分享推廣,還設計了邀請好友和組隊讀書兩種方式。




          1. VIP會員卡

          1.1 樊登講書
          樊登講書的VIP會員售價388元一年,擁有內容(可收聽樊登講書欄目所有內容)、功能(支持音頻、視頻和文稿)、服務(專屬書童服務)、折扣(購買課程享受折扣)和親友(1人購買多人免費聽)五大特權。
          其次樊登讀書還設計了一個多聽多送卡的會員升級服務,售價488元,鼓勵已付費的會員進行會員升級。升級以后可贈送下一年的樊登講書年卡,每周聽1本書可贈送7天VIP時間,不限時間積累,贈滿1年即可獲得下一年VIP。




          1.2 非凡精讀
          非凡精讀會員定價388元一年,購買后可以暢聽非凡精讀800+本優質書籍資源,服務內容主要是每周更新3本好書、5張14天樊登講書親友卡和每月發放價值超300元的學習福袋。




          1.3 李蕾讀經典
          李蕾講經典定價也是388元一年,購買后可以暢聽李蕾講經典的所有內容,還擁有5張李蕾講經典親友卡以及400+分鐘配套朗讀節目。




          1.4 心選黑卡
          心選黑卡是心選商城的會員VIP,定價99元一年,購買后,可以享受最低9.2折的購物折扣,還擁有專屬的黑卡月券和社群。





          2. 用戶運營

          2.1 成長福利
          樊登讀書根據用戶每天讀書的時間記錄詳細的讀書數據,包括累計學習天數、累計學習時長等,這里的交互體驗設計得非常友好,用戶可以直接滑動日歷查看過去半年的讀書時間,非常方便。




          2.1.1 勛章
          勛章分為五大類,分別是小試牛刀(門檻低,用戶通過完善資料、評論和分享即可獲得)、學無止境(門檻略高,根據學習時間來頒發勛章)、推薦達人(鼓勵用戶分享拉新)、讀書小隊(根據書單任務設計)和限量勛章(根據用戶忠誠度設計,分為相伴1周年、2周年和3周年等),可以看出設計得非常用心。




          2.2 學習歷史
          「學習歷史」就是用戶學習數據看板,樊登讀書會把用戶每周的學習數據都記錄下來,包括當周學習時長,歷史學習時長等,其次還提供測試、筆記、想法、下載記錄和閱讀記錄等功能。




          2.2.1 學習數據
          「學習數據」的統計維度非常細,為用戶生成今日、本周以及歷史學習時長記錄,根據用戶的閱讀習慣生成「聽書偏好指數」。其次還設計了一個影響指數,也就是如果用戶分享給好友以后,「學習數據」也會統計好友的讀書時長,生成用戶的影響聽書時長,設計得特別有創意。




          2.2.2 測試
          當用戶聽完一本書,為了幫助用戶更好的理解這本書的知識,樊登讀書設計了一個測試答題的環節。用戶答完題以后,不僅可以查看答案解析,還可以生成朋友圈海報分享,傳播拉新。




          2.3 每日簽到
          用戶可以通過每日簽到領取積分,以7天為一個周期,連續簽到積分加倍,積分可以在商品購買時候進行抵扣。在任務中心,樊登讀書設計了不同的小任務,以極低的行動成本鼓勵用戶進行分享、讀書和評論從而贏取積分。




          2.4 小書童
          小書童的設計非常巧妙,它并不是一個智能AI客服,而是讓用戶添加企業微信客服,這其實是把用戶留存和銷售場景移植到微信上,從而實現用戶激活和復購。




          3. 用戶福利

          3.1 禮品卡
          「禮品卡」是一種線上的虛擬VIP卡,用戶可以購買贈送給好友,售價388元,其實就是樊登講書的VIP。樊登讀書把禮品卡設計成了一種裂變形式,官方會給用戶贈送限時的禮品卡(一般為7天),好友領取以后,用戶還可以獲得3天的VIP時長,傳播拉新能力非常強。




          3.2 聯合福利
          「聯合福利」就是樊登讀書通過學習的場景鏈接了其他第三方品牌,以聯名的形式向用戶推出聯合服務??梢哉f,樊登讀書把讀書學習和場景的鏈接,發揮到了極致,比如六個核桃×樊登讀書聯名套裝,你可能想不到還有這樣的套餐,一邊喝六個核桃,一邊聽樊登讀書。




          3.3 領聽書卡
          「領聽書卡」這個用戶權益主要是回饋教師和醫護這兩個行業的用戶群體。樊登讀書設計得特別巧妙,如果你是這兩類用戶,你可以填入個人信息進行申請;如果你不是,你可以分享給你的老師或朋友(職業為教師和醫護),這樣的設計簡直讓用戶很難有抵抗力,讓用戶主動為產品拉新。而且聽書卡只有1個月的福利,免費試聽結束后極大可能轉化為付費會員。




          3.4 車主福利
          「車主福利」也是一個樊登讀書和其他行業完美鏈接的活動形式,樊登讀書通過和一些汽車品牌進行深度合作,直接以車載應用的形式載入到汽車設備,用戶在駕車的時候可以直接收聽樊登讀書的內容,多場景提升用戶黏度,讓用戶隨時隨地都能收聽。




          4. 用戶推廣

          4.1 邀請好友
          「邀請好友」的設計特別簡單,但是海報的文案非常打動人,通過很多名言警句和熱門書籍生成的海報,直接轉發給好友或發布在朋友圈,有新用戶注冊付費以后,老用戶則可以領取聽書時長。




          4.2 組隊讀書
          「組隊讀書」的活動規則很簡單,所有人都可以發起組隊,三人成組開始聽書,完成任務以后可以獲取積分。這個活動對用戶的拉新和提升活躍度有很大幫助,老用戶為了獲取更多的積分,邀請到越多的新用戶,組隊獎勵就會翻倍。




          5. 總結
          從會員服務的拆解我們可以看出,樊登讀書的用戶運營和營銷形式設計得非常豐富。為了增加用戶的投入成本,他們設計了非常專業完善的學習統計工具,通過勛章、測試、每日簽到形式鼓勵用戶每天聽書、學習。其次還引導用戶添加「小書童」,通過1V1、高頻的鏈接,和用戶建立關系,實現激活和復購。在營銷形式方面,以領書卡為例,如果你是老師,你可以直接領取,而如果你不是老師,那你可以分享給你的老師,這樣的拉新方式,非常值得學習。

          六、設計總結

          1. 極致的單點突破
          樊登讀書可謂是一個單點突破的典型案例。樊登在《講好一本書》中分享過他的創業歷程。最初用戶就是不想讀、沒時間看、讀不懂,他們愿意給樊登交錢讓他讀給他們聽。所以樊登從成立樊登讀書開始,就以每年52本經典好書為主要賣點,解決用戶沒時間讀書、讀不懂書這個痛點,單點突破,最終打造了樊登這個超級火車頭,把講書這件事,做到極致,才有了今天超過6000萬會員的樊登讀書會。

          2. 天馬行空的創意
          樊登讀書在內容層的設計可謂天馬行空。它不僅把讀書設計了一個標準化的產品,支持消費者隨時收聽、學習。而且升級成了一個塊芯片,可以即插即用,比如讀書開放平臺,支持多設備、多場景的對接,讓樊登讀書和其他行業進行更深入的鏈接。甚至一個普通心選商城,樊登讀書都能設計出三個書單、未來書單這樣的創意服務。

          3. 豐富的變現形式
          樊登的商業變現形式實在太豐富了,就像齊天大圣的72變,在任何環節,都能讓用戶為知識掏腰包。你可能想象不到你的孩子可以一邊喝六個黑桃一邊聽樊登讀書,又或者你的全職太太正在通過樊登讀書的系統訓練營正在學習如何通過副業變現,甚至當你聽完《焦慮自救手冊》手足無措的時候,你發現原來還有王丹老師為你設計了一個走出焦慮的行動營。




          作者:設計大偵探

           來源:站酷

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

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


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


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

                            

          19歲的貼吧,互動體驗如何煥新顏?

          濤濤

          // 前言

          良好的互動氛圍是社區產品的核心,貼吧作為一款近二十歲的社區產品,設計師秉承年輕包容的產品理念,始終在探索屬于貼吧的特色互動形態,在這過程中,希望通過互動系統設計方法,升級貼吧互動體驗,培養用戶心智,形成良性互動鏈路,最終提升用戶活躍。

          一、探索互動系統的設計方法

          較為簡單的互動形態為作者生產內容,瀏覽者為喜歡的內容點贊、回復,甚至私信創作者,這些互動行為會激勵創作者繼續生產內容。

          基于以上互動形態我們搭建了循環互動系統,創作者為瀏覽者供給內容后,我們需要在互動環節引導互動行為發生,在觸達環節優化互動信息觸達,在反饋環節引導參與互動反饋,從而形成正向循環。結合實際的項目經驗我們發現互動系統運轉離不開“信息更易懂”、“路徑更順暢”、“玩法有驚喜”這三個要素。


          二、尋找貼吧互動設計機會點

          貼吧的角色是由創作者—樓主、瀏覽者—吧友組成,良好的產品運轉模式為:創作者向瀏覽者生產供給內容,瀏覽者對其互動激勵。但貼吧多年來互動鏈路中斷,導致從互動到供給無法形成正向循環。

          1.特色場景洞察問題

          貼吧的場景及形態廣泛,與其他產品有所不同,具有內容形式多樣、瀏覽場景獨特、互動類型廣泛、回復邏輯精細、互動玩法多元等特點,通過走查上述特色場景發現諸如鏈路中斷、功能缺失、結構混亂、內容丟失等問題。



          2.下探設計機會點

          基于以上問題的共性,我們可以從中總結出核心體驗斷點:

          a.看不懂:回復列表內容結構不合理、收藏后看不懂更新的樓層內容;

          b.看不到:Push通路不穩定無法觸達用戶、大多用戶關閉推送push;

          c.沒意思:贊、回復等互動方式老舊,刷貼、簽到行為重復,沒有特別的玩法。


          下面會使用上述總結的互動系統設計方法,對貼吧現存問題進行體驗升級,提高用戶的互動積極性。

          三、 互動系統設計方法應用舉例

          1.信息更易懂

          貼吧的回復場景多,邏輯復雜,創作者與瀏覽者在看到對方的回復后,內容展示需要易讀易懂,彼此才會有意愿回復反饋。

          a.查看列表—優化結構

          查看評論列表的舊體驗存在回復對象錯亂、內容缺失的問題,新體驗根據語境自由展現原貼、樓層、樓中樓三層結構,承接上下文關系,降低用戶理解成本,并將其復用在查看點贊、查看@ 等場景中。


          b.查看詳情—精準定位

          點擊列表頁后的精準定位也是易懂的關鍵,我們對內容被折疊、定位不準舊體驗問題進行優化,新體驗默認展開原貼及樓層內容,細化點擊貼子、樓層、樓中樓后的定位邏輯,幫助用戶精準看到想看到的內容。


          c.繼續消費—延長步長

          用戶從回復列表進入查看詳情頁后,舊體驗只展示當前的評論樓層,看不到上下文內容。新體驗在定位樓層前后增加樓層內容,同時通過“查看之前樓層”和“加載之后樓層”方式繼續瀏覽,延長步長。


          2.路徑更順暢

          產品的推送Push向用戶推送感興趣的信息,需要穩定的觸達用戶且有意愿打開,才能達到召回用戶目的。

          a.打開推送開關—場景引導

          舊體驗引導開啟push場景缺失,方式過于生硬,新體驗選取貼吧高頻互動場景,在用戶簽到后、回復后、發布后選擇合適形態展現引導,提高推送通知打開率。


          b.展示推送—有吸引力

          舊體驗互動push內容表述凌亂,新體驗將push內容結構化,以“用戶昵稱+動作+互動對象”的結構展示推送內容,并強化互動用戶的頭像,適當展示互動詳情,吸引用戶點擊。


          3.玩法有驚喜

          貼吧點贊、回復等互動方式存在多年,缺乏新穎性,用戶互動心智疲軟,急需通過輕量、有趣的創新玩法,刺激瀏覽者互動。

          a.新增動態表情

          結合貼吧元素,補充單擊、長按、雙擊的遞進互動點贊方式,給予用戶感官刺激,提升點贊爽感。


          結合時效性運營活動,增加高考、勞動節、618活動點贊,營造驚喜感。

          首次私信提供貼吧IP表情,助力用戶關系破冰。后續私信增加開香檳、丟炮竹以及丟炮竹炸滑稽雙向互動玩法,持續提升用戶互動意愿。


          b.新增潮流表態

          虛擬形式是近幾年受用戶喜愛的潮流表態玩法,探索虛擬形輕互動方式,互動后通過私信觸達,并沉淀社交貨幣資產,進而引導雙向互動。


          // 小結

          文本搭建的“信息更易懂”、“路徑更順暢”、“玩法有驚喜”互動系統設計方法,已將其運用在貼吧的特色互動體驗升級中,并取得正向數據和用戶反饋,希望該項目的設計方法及經驗能為大家提供參考。

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

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


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


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


          。                           

          這篇導流條設計方法,讓我打開了新思路

          濤濤

          // 寫在前面


          端到端導流是指在產品矩陣體系內引導優質產品的用戶使用另外一款產品,帶來使用量的提升,從而實現用戶規模提升的一種增長手段。隨業務快速增長,有駕從百度汽車頻道衍伸出了有駕小程序、M站、PC站以及APP等多緯度的產品矩陣,依托各端流量實現矩陣產品間的導流,逐步積累用戶規模,是有駕目前獲客渠道中占比最高的方式。本文將以有駕導流體驗升級的項目為例,分享導流增長探索的設計思路與實踐經驗。



          // 為什么要做導流


          導流的目的

          對于業務本身而言,隨著移動互聯網流量紅利期的結束,獲取新用戶的成本越來越高,不管是新產品還是成熟型產品,都需要通過導流的手段來持續擴充新用戶。其次,對于有駕產品生態而言,需要各端產品間的相互聯動,協同發揮優勢,實現流量價值最大化。


          導流的優勢

          • 成本低,相較于投放、活動等渠道流量獲取方式,矩陣導流成本低;

          • 高意向,用戶購車意向明確更容易實現商業轉化;

          • 可共享,用戶數據及行為關聯互通。


          // 如何做好導流設計


          1.問題分析

          通過梳理核心場景的4種導流條,發現各個場景導流形式各異,用戶缺乏統一認知,導流引導語單一內容吸引力弱。在用戶在瀏覽頁面時,點擊功能入口或想要繼續查看更多內容,需要下載APP才能繼續阻礙用戶瀏覽

          • 缺乏統一認知:視覺表達形式不成體系,用戶感知不夠;

          • 內容吸引力弱:內容單一缺乏吸引力,用戶沒有點擊欲望;

          • 阻礙用戶瀏覽:打斷用戶正常使用功能,影響用戶體驗。



          從導流鏈路的用戶行為來看,整個流程下載路徑過長,發現用戶流失較大的轉化點:

          • 從小程序落地頁到下載頁:在進入小程序瀏覽頁面時,用戶沒有注意到導流條就滑走了;

          • 點擊導流條進入下載頁:點擊導流條會先調起導流彈窗,點擊確認后再進入到下載頁,用戶未選擇下載就退出了。



          2.明確設計方向

          針對導流現狀缺乏統一認知,內容吸引力弱、阻礙用戶瀏覽、下載路徑過長的問題,我們搭建了一個完整的導流鏈路圖,根據用戶增長模型,把用戶生命周期各節點的用戶行為與產品觸點一一羅列出來,找到增長路徑的設計機會點。



          通過以上的問題分析,如何建立用戶和產品的鏈接,保障友好的體驗,是本次導流升級要解決的問題。根據用戶關鍵行為,我們可以將整個導流鏈路拆分為3個階段來挖掘主要機會點:

          • 下載前:興趣激發導流吸引,建立用戶穩定認知;

          • 下載中:強化用戶轉化動機,刺激用戶完成下載;

          • 下載后:保障還原體驗暢通,提升首次使用體驗。



          下面將分別介紹導流下載前階段的設計落地實踐,以及下載中、下載后階段的延伸設計思考。


          // 下載前


          1.強化觸點吸引

          是否能成功引起用戶注意,是轉化開始的第一步,統一的視覺風格和滿足用戶訴求的內容,有利于增強導流條的吸引力。


          1)收斂導流條類型

          針對【阻礙用戶瀏覽】打斷用戶正常使用功能、用戶沒有跳轉預期的體驗問題,下線了阻斷式和截斷式兩種體驗不友好的導流類型,將原來4種導流類型收斂為2種,僅保留通用導流條和功能延展導流條,基于這2種導流形態進行深入的設計探索。



          2)建立通用視覺標準

          針對【缺乏統一認知】視覺表達形式不成體系、用戶感知不夠的視覺問題,建立了通用導流條標準化規范。統一視覺形態,優化為頁面內通欄嵌入式,同時融入品牌色強化用戶感知,根據頁面布局制定了不同的展示規則。



          上線后,內嵌導流條在展現受限的情況下,導流轉化數據與改版前基本持平,為了進一步提升導流的點擊效果,開始探索場景化定制提轉的設計方向。


          3)定制場景化內容

          針對【內容吸引力弱】內容單一缺乏吸引力、用戶沒有點擊欲望的內容問題,在通用標準化形態的基礎上,根據不同場景用戶訴求點,豐富導流內容。分別從內容定制、按鈕文案優化、以及氛圍強化3個方向驗證對轉化的影響。

          • 內容定制:豐富導流利益點、場景化內容更能激發用戶興趣,促進轉化達成;

          • 按鈕文案:轉化按鈕文案導向性明確、內容與導流利益點匹配,可以助力按鈕轉化提升;

          • 氛圍強化:導流樣式上適度弱化氛圍、樣式更傾向于原生功能,有助于提升導流條點擊。



          2.拓展場景擴量

          復利通用標準導流條的成功經驗,應用到功能延展類導流條中繼續驗證有效性,從產品價值點出發,挖掘高流量場景的機會點從而帶來轉化增量。


          1)價值傳遞

          根據小程序和APP兩端各自的不同點,分別從功能差異及體驗差異兩個方向進行優化。

          • APP特有功能:APP完善的功能體驗可以更好滿足用戶訴求,例如參配瀏覽場景下,引導用戶體驗搜索及橫屏查看的高頻功能,對于導流轉化有正向幫助;

          • 各端體驗差異:小程序和APP兩端體驗存在差異,例如圖片瀏覽場景下,APP清晰流暢的瀏覽體驗及放大全屏查看圖片的交互體驗,能夠刺激用戶轉化。



          2)價值延續

          當用戶完成核心內容消費后,是否可以引導用戶去APP繼續瀏覽更多相關內容,進而引導用戶下載呢?

          • 服務透傳:平臺服務內容傳遞,例如在內容落地頁文末增加品牌廣告導流條,幫助用戶建立品牌認知;

          • 相關推薦:引導相關內容消費,例如在文章或視頻頁增加相關推薦導流條,引導用戶瀏覽更多相似內容。




          // 下載中


          當用戶通過導流條進入到下載流程時,還有哪些手段可以刺激用戶激活減少流失呢?

          • 強化下載動機:下載頁前置APP落地頁內容,例如將通用下載頁優化為場景化下載頁,給用戶超前產品體驗吸引轉化;

          • 減少用戶流失:縮短鏈路簡化流程,例如可在下載中間頁完成應用下載,同時退出下載頁時增加挽留。




          // 下載后


          當用戶在應用商店下載完成后,我們還能做哪些提升首次啟動APP的體驗呢?

          • 還原鏈路暢通:提升場景還原成功率,減少頻繁提示信息干擾;

          • 建立用戶心智:引導新用戶探索功能,根據用戶興趣推薦適合的內容。


          以上內容是下載中和下載后階段導流優化方向的一些延伸設計思考,為大家提供可以繼續探索的方向。



          // 寫在最后


          總結一下本篇文章關于導流的體驗設計要點:

          • 全鏈路洞察,對導流鏈路進行拆解,通過盤點導流鏈路的用戶行為,明確每個節點的設計方向;

          • 降低廣告干擾性,減少用戶瀏覽過程中的阻斷感,適度弱化廣告氛圍;

          • 用戶的視角引導,讓用戶專注于產品本身傳遞的價值,引領用戶完成對產品的探索從而完成下載激活。


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

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


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


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


                                 

          垂類品牌年輕化重塑—有駕品牌升級

          濤濤

          有駕是百度旗下汽車信息與服務平臺,累計用戶超5.3億,為用戶提供真實可靠的看選買車服務,為車企和經銷商提供一站式營銷方案。


          什么是“有駕”

          【有駕】是百度旗下的汽車信息與服務平臺,累計用戶超5.3億,致力于為用戶提供真實、可靠的看選買車服務,以及為車企和經銷商提供從品牌到效果的一站式互聯網營銷解決方案。

          現狀分析

          有駕品牌在孵化初期,重點是在用戶詞建立品牌感知。所以我們提取“有駕“的字形做為品牌符號,減少歧義,強化用戶的感知。

          但是隨著品牌持續運營進入新的階段,我們發現現有的設計無法滿足后續的運營訴求了,主要體現在:

          品牌logo:不能體現汽車的行業屬性,缺乏成體系的品牌符號和VI體系,色彩上也不夠符合時下潮流的年輕配色體系。

          品牌活動:品牌關聯度弱,活動維度單一。



          項目概述

          因此,我們重新梳理有駕的品牌定位與調性,借助本次品牌升級,打造有駕差異化風格,形成獨有的視覺印記。

          因為用戶對于舊的logo已有一定的認知。所以此次改版的目標在保持固有用戶認知,在原有基礎上進行品牌標識的探索及應用,以強化品牌感知,提升品牌的競爭力,整合業務資源做心智觸達。





          前期分析

          前期我們對汽車垂類的競品進行了一輪調研,并且結合有駕的用戶群里,尋找有駕品牌的差異點。

          有駕用戶群體年輕化為主,普遍具有高學歷,集中在新一線二線城市。

          通過以上在用戶、行業及行業趨勢等多唯獨的信息搜集后,我們確定了有駕品牌設計的四個核心關鍵詞:年輕、科技、未來、專業。



          建立體系

          在明確設計方向后,我們梳理了線上線下的所有品牌觸點,結合前期的調研結論,匯總出了有駕設計系統的完整框架,以確保品牌設計的完整性和靈活適用性。




          設計落地

          基于前期分析洞察結論,我們在繼承圓形和車形的基礎上,對品牌符號與icon進行了大量的方案探索。從圖形、質感等方面切入,簡化圖形形態,嘗試不同的形態呈現的視覺感受和氣質。最終確定了全新品牌logo方案。




          相對于升級前,新版的logo加入汽車元素,解決升級前logo的行業屬性不明確的問題,讓產品app的行業屬性更加直觀。同時增加品牌符號做為底紋,輔以有駕的圓形符號成為品牌核心的一部分。強化有駕的品牌基因。





          符號提煉

          確定品牌logo后,為了確保品牌能夠更好的拓展應用,進行了品牌符號的提煉。并為了延續之前的品牌調性。所以輔助圖形延續了之前的圓環造型,造型偏向輪胎;在不破壞原有型的基礎上,加入一些折角的質感的變化,使圖形變化更加豐富,更有識別度。





          設計語言

          為了更好的觸達到各業務場景,所以我們對視覺風格進行了探索和拓展。分別以淺色與深色作為主要探索方向,以適配不同的落地場景。結合有駕的年輕化,科技感的設計目標,探索出以下三種質感呈現:






          符號拓展

          在提取的形狀基礎上進行變形,增加折疊細節。在大事件活動,海報等場景使用,增加品牌關聯度。




          設計字體

          結合全新的品牌定位,我們也優化了有駕的品牌字體,從細節出透出有駕的品牌感知。




          品牌手冊

          新的品牌需要一套更全面的品牌系統來滿足不同場景下的業務拓展需求。

          目前我們也對現有的品牌手冊進行拓展和完善,同步到業務方,以便更好的保證各業務場景觸點下品牌的認知和統一,達到提質增效的目的。



          品牌落地

          除了對品牌對角度的塑造和升級,我們更積極的把品牌滲透到活動、欄目包裝、大事件運營、品牌海報等各維度場景中,讓有駕品牌形象更加立體多元。









          結語

          目前有駕品牌升級已經取得階段性成果,沉淀出更加完善的品牌資產,不僅提升設計效率保證全鏈路的品牌曝光,也為業務規?;蛳禄A。之后我們也將不斷完善和擴充品牌資產,將設計成果不斷落地到業務中,細化業務目標并與設計目標緊密結合,多維度助力業務的高速發展。





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

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


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


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

                                     

          天貓雙十一品牌設計背后的故事

          濤濤

          一年一度,天貓雙十一全球狂歡節,如約而至!

          從2015年開始,我們每年都會在雙十一期間,將雙十一品牌設計的完整思路分享給大家,這已經成為雙十一設計團隊的傳統。不為別的,各位同仁辛苦一年,想跟大家就著新鮮出爐的設計嘮嘮嗑。 

          每逢雙十一logo出街,都會有熱心的朋友幫我們解讀,也有人問我們為啥不搞個官方發布?各位朋友,您現在看到的就是官方發布的內容,它不只有logo,而是從頭到尾一個完整的故事。


          2019天貓雙十一主logo


          2019天貓雙十一主logo多語言版本

          今年是雙十一的第十一年,當我們接到這個任務的時候,就有機靈的同學提議:“我們用6個1吧,111111,61兒童節!”、“讓我們回歸購物的純真快樂!”。


          “哈哈哈哈哈哈…”魔性的笑聲在整個會議室回蕩,看來往年撓破頭也解不開的難題,就這么解開了?故事當然不會這么簡單,我們還沒有往這個方向嘗試就被否了。


          其一,雙十一是一個深入人心的認知,這四個一已經成為了超級符號,是我們寶貴的品牌資產,而六個一不但不能幫我們強化認知價值,反而會增加認知成本。


          其二,六個一是一個純視覺的創意,他很難支撐起我們要傳達的消費者價值,也很難建立起情感連接。


          我們應該從哪兒入手?


          回歸到設計的本質來思考,我們認為,設計的本質是將一個想法或者觀點巧妙的表達給目標對象,表達的過程中,形式只是手段,重點在于我們要表達什么。


          我們集合了阿里各事業部的設計師代表,讓大家回歸到一個普通消費者的狀態,一起聊一聊各自的雙十一故事,把這些故事提煉出來,就是消費者對于雙十一普遍真實的認知。在全年最便宜的一天,無論湊熱鬧也好,跟風也好,貪便宜也好,好像不買點什么總感覺錯過了什么。在這一天,“購物”毫無疑問成為頭等重要的事情。


          阿里巴巴經濟體設計師共創

          那么我們要對消費者表達“購物”嗎,講我們多么便宜,貨品多么豐富,多么物美價廉?這些是消費者早就形成的認知,是我們不用表達大家都知道的事,它看起來并不是一個想法和觀點。


          還是購物,但肯定不是教大家怎么購物,作為消費者,購物能給我們帶來什么?


          有人說,購物能讓我們吃飽穿暖,讓我們出行方便,讓我們安居無憂。


          如果這些你都有,你為什么還要購物?


          因為每個人都向往更好的生活!


          為了更好的生活,我們需要通過物品的改善帶來心理的滿足感。當然也有人會會說,滿足感也可以通過其他的方式獲取,比如關愛他人、親近自然、學習、修行、冥想等等,我們非常認同,更好的生活當然不僅僅只有購物。但我們當下探討的范疇僅僅只是“購物”以及“購物”能帶來的滿足感,對這種滿足感的期待,是每一個消費行為的動因。比如你想要買一件新衣服的時候,其實你已經在期待穿上這件新衣服的樣子,你在挑選一件禮物的時候,已經在期待他人收到這件禮物時的反應……


          雙十一,全年最便宜的一天,無疑讓你的期待,變得“更值得”期待,所以“更值得”讓大家買得更多。


          但,這些洞察還只是幫我們理清了消費行為背后的共性規律,實際上,細分到每個消費者,因為身份角色生活方式的不同,動因各自不同,還不能簡單的用向往更好的生活來概括,因為它太抽象,聽上去對,但每個消費者更關心的是我的需求是不是被滿足,而對于雙十一來講,我們就是要打造屬于每一人的雙十一,而不僅僅只是購物,這樣它才具有節日的文化屬性。



          所以,我們開始探尋真實的消費者故事,尋找那些通過物品讓生活變得更好的故事,這些真實的故事,給了我們很大的感觸。我們發現,購物行為下,其實還隱藏了每一個消費者內心更深層的需求,它是一個個藏在心底的愿望,正是這些不同人的愿望,成就了每一個平凡人鮮活的人生。我們想要幫助他們實現自己的愿望。在雙十一當天,幫助每個消費者“愿望11實現”!這才是雙十一更應該滿足的消費者需求,它不僅僅是購物,而是通過物品價值上升到情感價值,這樣的品牌,才真正能夠讓人感受到溫度。在傾聽這些故事的時候,我們的阿里女神被感動了,她主動要求幫我們寫一首歌,她想把她的感動通過音樂的方式記錄下來,配合我們精選出來的11個故事,講給大家聽。


          雙十一品牌設計概念篇mv

           

           “logo出來了?”低沉而沙啞的聲音,把我們從自我陶醉中喚醒,我們找到了想要表達什么,但和怎么表達之間還隔著上百個logo方案。 


          于是,我們開始了一輪又一輪的打磨,打磨的的重點放在了如何表達“愿望11實現”這一主題,這個過程中,有兩個大方向上的分歧:


          一個大方向是表現愿望,因為它比較有畫面感,也比較容易表達。


          另一個大方向是表現實現,因為它是對結果的描述,更符合消費者對結果的預期。


          在糾結掙扎過后,我們選擇了把兩個方向融合,劇情貌似又回到了熟悉的設計故事,“把這兩個方案融合一下!”我相信做設計的朋友,一定反復聽過這句話,沒聽過的朋友,那說明你做設計還不久,我保證在你今后的職業生涯里,這句話一定會反復出現。(一個會心的微笑) 


          融合說起來容易,這么抽象的文字怎么轉換成圖形表達,同時還要和貓頭+11.11融合,為什么要和貓頭+11.11融合呢,因為這是我們重要的品牌形象資產,從2015年開始,貓頭+11.11的組合就固定下來了,這意味著logo的80%的主體已經固定,我們的難點就在于在這20%的區域里,如何既要表達主題,還能做出和往年不一樣的感覺。我敢向你保證,雙十一的logo是所有logo里最難的,沒有之一,至少是我十幾年職業生涯里最硬的茬。 


          “愿望、實現、貓頭、11.11”這幾個詞反復在腦海里縈繞,經驗告訴我們,當面對如此復雜的局面,我們應該從里面跳出來,換個視角看問題,換什么視角?當然還是再次回到消費者視角,消費者愿望實現時是一種什么樣的狀態?是愿望實現時的滿足?好像還差點意思,愿望平時也能實現,和在雙十一實現愿望有什么不同?

           


          我們認為,它應該是超越你期待的表達,從愿望實現時的滿足,升級到愿望實現時的驚喜!這才是狂歡節該有的味道。當然,驚喜也有很多種它還不夠有體感,如何找準驚喜體感? 



          答案是感同身受。于是我們開始了場景模擬,模擬消費者逛雙十一的場景。



          當我們來到雙十一的時候:“咦!今年好像真的不一樣!” 



          繼續探索的時候:“呀!找了好久的idou同款原來在這里!”



          準備下單的時候:“喔!真的很便宜!”



          收到快遞的時候:“哇!?。?!”


          聽上去有點夸張,但這確實是我們想要營造給消費者的驚喜,當人感到超越期待的驚喜時,會不自覺的放大瞳孔、張開嘴巴脫口而出。這是人類共通的體感,是不用解釋就有的共鳴。這讓我們瞬間被點亮了,“驚喜到脫口而出!”我們一下子找到了核心創意。


          通過反復嘗試,我們發現氣泡形的表達,不僅能成為承載所有消費者愿望的想法框,同時也能成為表達愿望實現時驚喜到脫口而出的對話框,把這個氣泡形和貓頭+11.11結合,這就是我們今年雙十一主logo的原由,這個logo和以往雙十一的logo最大的不同在于,它更像是一個容器,容納不同人不同的個性化表達。它一改之前一直端著的狀態,以一種更加親民,更加個人化的方式呈現給大家。


          2019天貓雙十一品牌logo演繹視頻


          當然,作為容器,我們還要把核心創意延展到線上線下各個場景。



          雙十一定制禮盒


          走向全球的雙十一


          過去幾年,我們向大家介紹過天貓雙11的主風格的來龍去脈,一定會在創新的基礎上,保持一貫的傳承。所以今年波普藝術的主基調還是會延續下去,問題又回到了我們如何在波普藝術這個大的基調下面,通過老元素的新組合,創造出全新的視覺感受。相比符號,視覺風格更容易表現“驚喜到脫口而出!”這個idea,它可以通過形色質構全方位的表達。當一個人“驚喜到脫口而出!”的時候,快樂的氣場圍繞在他周圍,這些無形的從中心向四周放散的表現,看上去很像是圓形聲波,同時它還能根據不同人的狀態做動態變化,這就形成了一種設計語言,一種能用固定的形式做出千變萬化的效果的語言。





          當我們把它和波普藝術的主基調結合的時候,就形成了今年雙十一獨特的視覺語言,再通過形色質構的拆解,應用到各個場景。



          裝置應用


          天貓雙十一發布會現場應用


          天貓雙十一開幕盛典現場應用


          天貓雙十一許愿貓


          天貓雙十一,助你愿望11實現!


          現在參與阿里巴巴設計官方微博@AlibabaDesign 的雙十一話題互動,就有阿里設計限量周邊好禮相贈!這個雙十一,我們一起讓愿望11實現~

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

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


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


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

                                   

          雙11大屏——情緒的超級機器

          濤濤

          數據大屏的設計有什么不同?

          數據大屏的設計,并非是傳統意義上的設計師或產品經理就能完成的。它需要將藝術家、科學家與企業家的能力集于一身,需要擁有對動態數據的把握能力、對產業經濟與供應鏈的結構方法、對社會議題的捕捉與構造,以及宏觀的視野和細致入微的匠人用心??梢暬尡涞臄祿a生溫度。


          1.雙11為什么需要數據大屏?


          數據大屏是一個凝聚情緒的超級機器。

          數據大屏不講述傳奇,它就是傳奇本身。



          在這塊巨幕上,數據是公開透明的,它的變化在實時的體現著每一筆消費的數字。每個人都能看到,也會被傳遞到全世界每個角落。雙11所帶來的巨大能量與共振,我們需要一塊巨大的屏幕來承載這份共情——這并不是一則新聞播報、一條統計數據,抑或一張圖表就可以完成的。在這樣一個狂歡的日子里,手機、個人電腦、電視機這些面向個人的設備,全都需要融入到這個巨型的超級情緒機器之中。


          2.導演、故事與設計


          從宣傳與商業作戰的角度講,數據大屏需要兼顧故事性和震撼性兩重特點。通過故事腳本與內容框架的設計,讓觀眾層層抽絲撥繭,從表層的情緒,看到內核的戰略。


          1. 內容規劃:故事與腳本設計

          2019數據大屏的內容框架大致分為三個層次。


          情緒層:GMV的節節攀升滿足了媒體不斷推升的情緒高潮。在日益蕭條的國際環境中,中國的經濟仍能屢創新高,每一位在雙11買買買的中國人背后是一種愛國主義與中國信心的體現。


          業務層:阿里的自我表達。阿里經濟體在城市中繼續深化的服務我們的消費者,數據成為城市可持續發展的新資源;而商業操作系統隨著數字經濟時代的到來,開始系統的服務我們的品牌與商家,在新的時代續寫“讓天下沒有難做的生意”。


          戰略層:企業與國家發展同行。阿里的改變,反射了社會關系和社會結構。點擊購物車就能買到全世界的東西,而對于國內市場,精準的人群定位、產業帶的建設都讓拉動內需變成一個大眾都能參與的事情。


          2. 情緒規劃:情緒鏈路與鏡頭設計

          依據數據表現,雙11當天的情緒高潮會集中0點和24點前后。24小時內,情緒的跌宕起伏,媒體向世界專遞著這種情緒。現場,根據數據和情緒的變化,我們開始導演數據大屏在不同的時間段出現的鏡頭:GMV的彎道超車緊張窒息,晚飯過后是觀看城市夜經濟的最佳時機,還有“買遍全球的購物車”、“小鎮青年”等進20個鏡頭。


          3. 核心理念:新商業文明是中國的彎道超車

          為什么是彎道超車?

          大航海時代是貿易全球化的開端,也是當代中國繼續擴大開放,用一帶一路、進博會等等新模式,承接人類當今世界發展的新格局所在?;ヂ摼W與移動互聯時代的到來,讓中國得以彎道超車占據世界領先地位,而隨之到來的數字經濟時代正式開始了人類歷史上的新商業文明。馬老師說:打造新商業文明的時機已經到來。數字時代是我們面臨的最大機遇,這個新時代最大的風險就是錯失機會。



          我們將這個核心理念融入GMV大屏的設計,正如逍遙子所說的那樣“消費不是商業的終點,通過消費者來提升生產端生產契機,優化生產決策?!睘榇?,我們導演了新商業文明的數據大戲:GMV屏中的賽道,3個鏡頭穿越了大航海時代、互聯網時代,數字經濟時代彎道超車的新商業文明,快進了商業文明的發展。

          11.11當天的數據也被融入其中,賽道上奔跑著餓了么、盒馬配送線和菜鳥的物流線,空中飄散的氣泡是實時產生的交易熱力。


          △2019雙11數據大屏-GMV彎道超車&3個視角切換


          3.雙11數據大屏設計概覽


          1. GMV:11剁手鑄就中國信心

          2019年,即使是在國際經濟大環境衰退的今天,阿里的雙11仍舊創造了新的商業奇跡:2684億人民幣的GMV的背后,是中國人為了家庭與自己而歡樂剁手,也是中國消費者面對全球大環境下對中國的強大信心。從2009年的電商大促,到11年后的全球狂歡節,阿里伴隨著中國經濟海洋的形成而不斷掀起巨浪。李克強總理就曾經用雙11的銷售數據,來解答那些對中國經濟感到不解的人們,讓他們瞬間懂得中國經濟是汪洋大海。


          △2019雙11數據大屏-歷年GMV增速


          2. 全球化:買遍全球的購物車

          中國經濟與中國消費者的貢獻,是對全球經濟的貢獻。消費者購物車里藏著美好生活的愿景,打開了世界消費的新空間。天貓國際把來自全球78個國家和地區的品牌和商品帶進中國,滿足消費者的品質消費需求。買遍全球的購物車,更為世界經濟增長貢獻拉動力。越來越多國際品牌青睞中國市場,通過天貓國際滿足中國消費者的需求。


          △2019雙11數據大屏-全球化


          3. 服務夜生活點亮城市夜經濟地圖

          隨著政策的推動,全國經濟進入夜生活消費時代,大量的城市開始準備成為一座座不夜城。在這個新的消費增長領域,新商品、新商機、新消費模式、新空間與新玩法都層出不窮。在未來,理解夜晚的中國,或許比理解白天的中國更為重要。


          △2019雙11數據大屏-杭州經濟體服務網絡


          △2019雙11數據大屏-天貓商超網絡


          △2019雙11數據大屏-杭州城市夜生活


          4. 相信不起眼的改變:小鎮青年與那些你不知道的族群

          14億的中國人口、巨大的地域差異與文化差異意味著,每一種類型的消費人群都是海量的,都擁有現有經濟理論所無法囊括的巨大潛力。小鎮青年、銀發一族、95后作為新消費崛起的代表族群,正悄悄改變著社會的消費結構。通過數據我們清晰看到:族群的喜好千差萬別,數字化的新消費使得商家能針對消費者需求創造新供給。


          △2019雙11數據大屏-新人群,新消費


          5. 品牌榜:千里江山圖

          天貓創造的價值是真正支持品牌的數字化轉型,不僅僅贏得今天的業務,更在于決勝未來。國潮席卷而來,智能商業魅力無限,全球供應鏈在動蕩與智能化中全面轉身。全方位重構產品創新、品牌建設,強化天貓與品牌之間的合作,這便是我們想在雙11這天展現的萬里品牌江山畫卷。


          △2019雙11數據大屏-品牌榜


          4.結束語


          當GMV越來越逼近2684億人民幣時,炸裂感給每個人的沖擊是:中國又誕生了一個新的奇跡!即使在全球經濟放緩的今天,中國人民對于天貓雙11全球狂歡節的熱情絲毫不減。在這背后,是數字經濟時代下的阿里巴巴,向新商業文明邁進了一大步。

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

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


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


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

                                     

          7個實用技巧,教你搞定可視化圖表

          濤濤

          可視化圖表是提升信息傳遞效率的一種有效方法,特別是在B端平臺中經常遇到對統計的數據分析總結的呈現。

          可視化圖表是提升信息傳遞效率的一種有效方法,特別是在B端平臺中經常遇到對統計的數據分析總結的呈現。我們設計師在設計圖表的過程中,如果沒有系統的可視化知識,會出現設計的圖表雖然美觀但圖表不能很好的反應數據的情況。那么,在復雜的數據關系中如何設計和選用圖表,如何在好看的同時提升信息傳達效率,看完這篇文章希望對你的設計過程有所幫助。


          // 為什么要數據可視化


          數據可視化就是用圖表來表示數據信息,它所傳達的信息包括你所拿到的數據源和你分析后的結果,再通過圖形強化用戶的理解和記憶。能讓用戶簡潔明了的獲取更多的信息,是我們可視化的最終目的。



          舉個例子,同樣一組數據,用表格的形式呈現是很難有所洞察的;如果將各個地區維度的數據聚合以柱圖形式呈現,很容易就能看出各個地區間數據的差異,并從中洞察規律


          關于如何設計好數據可視化圖表,這邊總結了三個步驟:選擇適合的圖表,強化視覺層次,圖表響應式適配。


          一、選擇適合的圖表


          數據可視化的圖表種類繁多,當我們真的開始作圖,往往會遇到一個困境:有這么多類型,要如何選擇正確的圖表呢?首要依據是考慮所要傳達的信息意圖,即所要制作的圖表它的任務是什么,再通過分析數據關系來選擇表達方式;第二層意圖是圖表傳達內容,這時候我們就需要根據數據的特征去突出和強化。


          1. 分析數據關系

          根據數據分析的方式來看,每一種圖表都對應了一種數據關系。從數據的維度出發弄清呈現結構,再結合數據關系作出選擇。了解圖表的可能知道,一般圖表的數據關系有構成、比較、分布,以商業數據為例,常見的還有流轉關系。



          構成關系

          構成關系的圖表表達的是部分和整體的關系,用于分析總體和各部分的占比比例,構成關系一般局部元素加起來為總數。如果只是想對比個別組成部分的大小,也可以使用比較關系的圖表。

          常用圖表:餅/環圖、堆疊圖、面積圖等,如涉及到層級結構,還會用矩形樹圖或旭日圖等特殊結構圖表。

          關鍵詞:“占比、比例、百分比”



          比較關系

          比較關系是基礎分析中常用的一種圖表類型。在一定的取值范圍內,通過對兩個或兩個以上的指標分析,可以直觀的看到變化和差距。對比分析包括趨勢對比和分類對比兩種形式,趨勢對比用于表示一段時間內數據的變化,分類對比用于比較數據規模。

          常用圖表:趨勢對比常用圖表有折線圖、散點圖等;分類對比常用條形圖、柱狀圖、氣泡圖等。

          關鍵詞:“增減、升降、漲跌、波動”



          分布關系

          利用空間分區來展示數據之間的分布關系,常用于體現兩個或以上數據的相關性。

          常用圖表:散點圖、熱力圖、雷達圖等

          關鍵詞:“隨著……而變化、A/B之間的相關性、交/并集”等



          關聯與流轉

          流轉關系是B端數據常用的一種關系,它可以動態的體現相關路徑下對象之間的關系、狀態、數據量的流轉變化等,以面積或顏色深淺展示了多個狀態或對象之間的流動量或流動強度。

          常用圖表:關系圖、桑基圖、漏斗圖、進度圖等

          關鍵詞:“流程步驟、留存、轉化、關系”



          2. 分析數據特征

          按數據關系和分析目的選擇好圖表類型后,第二步是根據數據特征選擇更加適合的展示方式。從數據分析的角度常見數據特征有:變量特征、維度特征、層級特征、流程特征。


          變量特征

          分辨一個指標通常有兩類特征,按變量值是否連續可分為連續數據與離散數據兩種。連續數據通常會統計一組數據的變化趨勢,離散數據通常統計各分類下數量的變化。

          • 連續型數據:指在一定區間內可以任意取值的數據叫連續數據,其數值是連續不斷的。如身高、體重等帶有時間因素變量的數據等,通常用折線圖體現變化趨勢。
          • 離散型數據:指其數值只能用自然數或整數單位計算的數據。如當天銷量、進店人數等表示分類類型的數據,用柱圖表現更加體現變量的特征。


          維度特征

          多維度分析需要將多個變量在同一平面上直觀的表示,可以選擇使用極坐標系去展示多個維度變量。如果希望對比多組數據,可使用不同顏色進行分類

          • 根據分析視角選擇圖表:對于多維度變量的數據我們需要明確分析的視角,去找準對應的數據映射。如案例中多個班級的科目成績的這組數據,如需要全局視角查看個班的綜合素質,推薦使用雷達圖;對比單科成績的變化分布,則推薦使用堆積圖。


          層級特征

          多層級數據由多個部分構成一個整體,又稱樹形結構數據。除了用結構樹圖表表現以外,還可以考慮以下兩種圖表類型:

          • 矩形樹圖:突出子層級占比大小。最初是用來顯示計算機硬盤驅動器上文件的結構和大小,它以面積的形式突出展現各個子層級節點的占比,可幫助用戶看到數據的層次結構以及各層級之間的關系。


          例如:上圖顯示了市場銷售額的來源結構。長方形的大小取決于各國家的平均銷售額,通過色調來區分不同類型,顏色的深淺代表分類下的子集,面積體現銷售占比。對比一般結構樹圖表,它的優勢在于可以有效利用空間。

          • 旭日圖:突出細分層級關系。由多個圓環圖嵌套而成,也稱為徑向樹圖,它既能像餅圖一樣表現局部和整體的占比,又能像矩形樹圖一樣表現層級關系。常用于細分分析方法,將事物從大到小進行拆解。每個級別的數據通過1個圓環表示,離原點越近代表圓環級別越高。 旭日圖在顯示一個環如何被劃分為多個層級時最有效,而矩形樹圖適合比較相對大小。


          流程特征

          流轉關系是表達數據轉化流程的重要類型,不僅包含統計意義上的數據總和,同時還表達了信息流轉的路徑;其中?;鶊D和漏斗圖都可以表達路徑中流量的變化,不同的是?;鶊D重點強調流量的強度和走向,漏斗圖更加注重突出轉化率和效果,根據不同的表達目的選用。



          二、強化視覺層次


          選擇合適的圖表后,在信息傳達上也需要正確的表達,展示形式美觀的同時能夠清晰的體現數據特點。


          1. 強化數據特性

          使用圖表正確的表達信息,需要設計師在強化數據特性的同時避免偏差

          • 趨勢易感知:折線圖數值如過于平均導致趨勢平緩,有時候無法體現偏差;在強調數據趨勢的場景下,推薦用動態取值范圍讓波動保持在一定范圍內,放大波動占比更突出趨勢。


          • 展示更準確:柱狀圖依靠柱體面積體現最終數值,使用動態范圍截斷將會導致數據解讀不完整;始終將 y 軸從 0 開始,才能更準確的反映柱圖中的值。


          2. 色彩視覺傳達

          除了在設計構圖上優化以外,顏色的選擇也是圖表重要的的信息表達元素。顏色會影響我們對數據的感知,錯誤的取色會讓信息讀取產生誤解。我們可以通過不同的分析目的設置意圖色板,精確傳達信息同時后續的項目在選用時也可以達到用色的統一。



          我們在之前的文章里有介紹過圖表的取色模型,通過調整顏色HSL值的區間,可以得到以下三種意圖色板:

          • 定性型-分類色板:用于區分不同的類型,又稱為無序色板。適合區分沒有內在順序的類別
          • 定量分歧型-發散色板:通過兩邊互補色來體現,具有明亮的中間值,然后以不同的色調在刻度的兩端變暗。通常用于可視化負值和正值
          • 定量順序型-順序色板:從亮到暗或相反的漸變。適合可視化從低到高的數字。

          那么我們要怎么樣去使用這些色板呢?下面幾個案例將帶你了解其中的差異。


          定性型:使用色調來進行分類

          數據內在沒有順序差別時,建議使用色調值(H)進行區分;如定義國家、行業等類型。如果希望圖表看起來更加專業,以下有幾項分類色板的小建議:

          • 選取盡量少的色調:取色時無需使用整個色環,使用鄰近色或互補色的取色方式顯得更加專業。


          • 色板適度明暗交替:一些視障人士無法區分色相,主要靠顏色的明暗差異來識別,通過飽和度和暗度的調整,創造明暗交替的色板。


          定量型:使用深淺色板強調內在順序

          如果在同一個分類下包含子類別,或者數據本身具有排名屬性,那么建議使用連續色板來突出他們內在的順序,使圖表更加易讀。

          • 順序色板-選擇合適的插值:根據數據的分布情況選擇不同的的插值斷點,突出數據的差異。如以下案例中,根據統計學概念設定不同的取值區間,左側示例使用的是平均線性差值,反映的是數據的集中趨勢;右側示例使用的是中位數插值,能更好的體現數據分布的形態。


          • 發散色板-關注對比色的識別性:盡量避免紅綠配色,如需使用綠色,偏黃或偏藍的綠色更易分辨,對視障人士也更加友好。


          三、圖表中的響應式設計


          B端圖表可視化的數據一般是在網頁或移動端上動態顯示。不同于平面展示或匯報,在基礎設計完成后還需要考慮到圖表展示的環境,根據不同端去適配顯示效果,以適應各種復雜情況。而動態顯示帶來的交互特性也讓數據展示有了更多的可能性。


          1. 布局框架適配

          在網頁端顯示時,有時候同一個圖表需要考慮不同容器下的適配方式。根據數據相關性變化元素的適應形態,將非必要的的元素轉化或隱藏,保留重要的圖形元素去適應當前空間;元素隱藏后使用懸浮交互來保證信息的展示,保持圖表的可讀性同時也避免產生元素的重疊。



          如案例中的圖表,在不同尺寸下通過改變和隱藏圖表元素,以達到適配當前空間的效果。

          2. 圖表元素適配

          要適配移動端,網頁端橫向延展的顯示方式需要適應移動端縱向空間的顯示。除了呈現角度的改變外,還需要考慮手機屏幕的尺寸和圖表元素的適配性,去兼容相關的交互操作。

          • 信息浮層:在圖表中,信息卡元素是傳達信息內容的重要組件,在網頁端中懸浮展示,通常會占據很大空間;圖表適配移動端后,信息浮層改動到圖表上方常駐顯示,并跟隨手指的滑動變化響應數值,完整展示信息的同時也避免了頁面抖動。


          • 坐標軸標簽:過長的坐標標簽在適配過程中會產生重疊,而省略也會造成信息展示的不完整。我們需要針對不同的坐標軸類型給出響應的規范。如文本類軸標簽我們可以采用省略、換行、旋轉等方式適配,避免信息的缺失。針對有連續型的數據類坐標軸我們可以使用抽樣、轉化單位等方式適配,精簡空間避免堆疊。


          3. 極值適配

          因B端平臺的特性,我們無法預知客戶傳入的數據量,可能會遇到因數據量過多,造成圖表顯示不佳,數據讀取困難等問題。這種情況下,提前考慮數據極限場景,通過交互的形式變化的方式讓用戶獲取完整信息,提升理解同時信息展示更靈活。

          • 縮放和平移:在數據范圍過多時增加取值范圍的縮略軸組件,通過限制展示范圍讓數據量顯示可控。


          • 互動切換視圖:如果折線的類別過多且無法省略的,建議分組查看。默認狀態僅當前組折線高亮,其他數據以淺色顯示,通過切換的方式查看其他組別的信息。


          • 懸浮鼠標高亮:在分類過多不好分辨時,可使用懸浮高亮的交互方式突出相關聯的數據組。


          還有懸浮放大、點擊下鉆、聯動圖表等交互行為可以組成更加豐富的圖表。因篇幅原因,在這篇文章就不做深入講解了,以后可獨立介紹。


          // 結語


          數據可視化在B端設計場景中發揮著重要作用。設計師在表達數據之美的同時更加準確,才能更直觀地向用戶傳達數據的價值。使業務人員能夠從復雜的業務數據中快速、直接地找到重要數據,確保用戶能夠更好的接收信息,才是可視化的關鍵。

          * 以上圖表中均為虛擬數據,僅作為案例參考


          感謝閱讀,以上內容均由百度MEUX團隊原創設計,以及百度MEUX版權所有,轉載請注明出處,違者必究,謝謝您的合作。申請轉載授權后臺回復【轉載】。也歡迎加入MEUX,視覺/交互/運營設計師,可投簡歷至MEUX@BAIDU.COM (注明信息獲取來源如:站酷)


          關于我們:
          MEUX,百度移動生態用戶體驗設計中心,負責百度移動生態體系的用戶/商業產品的全鏈路體驗設計。服務的產品包括百度APP、百度搜索、百度百科、百度貼吧、百度商業產品等。MEUX以「簡單極致」為設計理念,創造極致用戶體驗的同時賦能商業,推動設計行業的價值和影響力,讓生活因設計而更美好。


           

          作者:百度MEUX   來源:站酷


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

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

          日歷

          鏈接

          個人資料

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

          存檔

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