3年產品工作總結(中篇):以視覺中國為例,從產品角度分析圖片行業

4 評論 16167 瀏覽 78 收藏 57 分鐘

這是一份3萬字十足干貨的工作總結,主要是作者對自己從事產品這份工作的回顧概述,其中包含對行業的理解,對產品工作的新認知,對技術上的認知等。緊接上篇,此篇將以視覺中國為例,從產品角度分析圖片行業。enjoy~

三、公司行業模式分析

接下來,我來梳理一下視覺所在的行業和整個行業模式。這里不存在什么機密,因為隨著公司的上市,越來越透明化了。

(其實還有個小插曲,八卦一下)我當初加入這家公司的一個小原因,也是有一點小私心的:

  • 是當前互聯網行業,有四大數字載體,網文(文字)、圖片、視頻、音頻,前兩種屬于二維平面,后兩種屬于數字流媒體(有時間軸能動的),那整個互聯網的興起順序其實也就是網文、視頻、音頻最后還剩的必然是圖片;
  • 國人對版權意識的建立至今還遠遠不夠,在幾年前政府燃燒的幾次版權大火快速將用戶的意識進行了推進,第一次是盜版軟件,第二次是盜版電影電視劇,第三次是盜版音頻,網文也有過一次百度文庫風波,矯正了不少市場風氣,所以也只剩了圖片,和第一點加起來算是兩層利好;
  • 對于前三種載體,網上已經分析的夠夠的,無論從上游到中游到下游,還是從商業模式來說,早已經透徹了,可唯獨圖片,這個行業一直是蒙在霧里一樣,不為外人所知,所以好奇心驅使我一定要一探究竟,將幾大行業知識貫通,沒準能召喚出什么呢。

對于圖片行業的細節,一直不了解,猶如海市蜃樓藏在霧里。但是各位一定聽過一句話“單反窮三代”,對應的一個,是拍照片能賣錢,從大學中學甚至小學時候就開始聽說,拍照片能賣錢,就是不知道怎么賣,視覺,實際上做的就是這個事。

就商業數字素材來說,主要包括特定拍攝、傳統圖庫和微利圖庫等市場。對定制拍攝來說,算是最原始的商業模式,價格極其高昂,我們有著一些市場合作,給企業進行征集稿,主要集中在500px社區;視覺是屬于傳統圖庫,我們也要去迎合市場簡化流程,也就在去年內部孵化了一個veer圖庫,這就屬于微利圖庫,兩者間的區別呢?

傳統圖庫市場是一個專門代理授權眾籌素材作品的雙邊市場,是對高價特定拍攝方式的顛覆。廣義圖庫包含攝影作品、矢量圖、插圖、視頻片段、錄音等。特點授權價格高昂、大量獨家簽約作者、高接觸性客戶關系管理。素材包括限制版權素材(RM)和無約束版權素材(RF)。傳統圖庫市場兩類授權各占一半。對使用時間、次數、期限、地區等有嚴格規定,每筆授權都需單獨協商。

而微利圖庫是以低價、無約束版權(RF)和非獨家版權方式授權素材的自助市場?!氨±噤N”的互聯網模式是對傳統服務模式的顛覆,不僅拓展了大量原先消費不起正版素材的顧客市場、大幅增加了大型企業相同預算下的正版素材可下載量,同時為簽約作者貢獻大量報酬。微利圖庫自助式上傳和下載(電商)方式都較傳統圖庫服務甚至協商簡便高效,素材來源采用眾包方式,由大量非獨家簽約攝影師、插畫家等提供作品,搜索結果不會有所偏向。

而且無論傳統圖庫還是微利圖庫,我們實際上是做的授權交易,而不是版權。何為版權交易,即這張圖片被你買斷了,才叫版權交易。區別呢?說白了,就是內容我生產了,版權方還在原始生產者,而賣錢的那部分,是我授權給某人,某事某刻你可以用,因為你交了“保護費”了。這也就是區別,可千萬別說我們是版權交易,要真是版權交易,那生意就沒得做了,一個版權幾十萬,沒幾個企業能買得起啊,而且也沒必要。

歸根結底,實際上我們的生意已經是平臺性質的,模式類似于C2B2B,C為第一環節生產者,B為第二環節的視覺平臺,B為被授權方(使用者)。實際上是做了集合平臺化這么一件事,同時也是做了將低頻交易變為高頻交易這么個事,做到了大而全,利用多年來的內容作為競爭壁壘,近乎壟斷的地位。

那我們的立足之本除了內容,還有啥呢?答案是沒了,開玩笑,我們也一直在布局上下游。那同樣的內容,為什么有人要花錢買呢?兩個原因:

一個原因上段已經說過了,To B 的本質之一實際是提升客戶的效率,那我們做的實際就是提升效率:“哎,您往這兒看,您要的素材我們這現成的,花點錢你就拿去用”。你想,相比之下,你還得發選題、征集、還得等,這時間成本金錢成本全出去了,何樂不為做一錘子買賣。

原因之二,在于時效性,也就是內容本身的屬性。(說到這,不得不又再去來一下小課堂了,耐心聽。)

我們的素材類型,按照文件后綴來分,目前分為三類:圖片、視頻、音樂。但是,這不是面向我們核心用戶的素材劃分類型,那真正的素材類型劃分,實際是分為創意類素材和編輯類素材。

何為創意類素材?又何為編輯類素材?其中創意類素材包含了創意圖片和創意視頻,編輯類一樣,創意類編輯類從本質的劃分,有以下幾點:

  1. 創意類素材大部分是經過后期制作的,來保證素材的效果,編輯類素材大部分是未經后期,僅僅是寫實;
  2. 創意類素材大部分是非時效類的圖片,編輯類素材百分百是時效類素材,也就是當下發生的事兒,比如哪里出車禍了,用于新聞稿件的編輯;
  3. 從素材用途來說,創意素材一般是用于商業用途,比如廣告宣傳、電影、出版等,而編輯類素材僅是寫實,為了輔助真實的報道用;
  4. 從被授權人來說,也有不同,比如創意類素材大多數是廣告公司、出版社等購買,而編輯類素材,大多是由新浪搜狐網易騰訊鳳凰這幾大新聞門戶;
  5. 從圖片里面來說,創意素材大多數是有明確的物權肖像權證明的,比如我拍個模特,一定是我請模特過來拍的,而不是街拍,所以拍的時候肖像權是明確獲得的。那這種圖片我隨便印在廣告上,也就都沒關系了;編輯類反之,比如我拍個明星的偷拍,我不可能說我簽您,這圖我要您的肖像權,多貴啊,而且也背離了本質。

以上幾點,是總結出比較精華的且可以明確劃分出來的規范,還有些模糊或者我也不了解的,也就不多講了。

所以話接上文,對于創意類用戶,我們有著全球最優質的素材,隨便挑隨便選;對于編輯類用戶,我們有著最快最全的素材,隨便挑隨便選,這也造就了視覺當前的市場地位。

視覺本身的危機意識也是很強,強力的布局上下游和橫線布局。先來看一張從公司宣傳扒下來的視覺版圖吧,這樣更有助于理解下面所講的:

簡述幾條重要的節點:

  • 我們在15年收購了corbis圖庫,大量的珍貴資源涌入,比如你能想到的夢露捂裙子,愛因斯坦吐舌頭,都是我們的獨家版權,這一步的操作,加高了我們和其它同行業者之間的競爭壁壘;
  • 我們布局上游,從內容生產者抓住了源頭,布局500px全球最大的攝影師社區,最近剛剛完成全資收購,本來就在市場上有很強的影響力,這就屬于強強聯手;
  • 對下游也是十分深度的布局,除去傳統的用圖場景外,從16年開始,陸續布局各大新媒體平臺(其實已經有些晚了),通過API的形式接入各大新媒體平臺,讓自媒體人免費使用(羊毛出在自媒體平臺身上)有版權高質量的圖片,這一步棋幾乎一下子就讓視覺從一個默默無聞的后臺工作者,一躍變道前臺,并且無形中還有個隱藏好處,就是把政府多年一直沒做的圖片的版權意識植入工作,自己做了,為今后健康的市場環境做了一定的鋪墊作用,日后可隨意收割。

在下游不光使用場景,對管理場景也有著一些布局,專門制作了一套DAM系統(也就是上段所講的SaaS服務),專門針對企業管理圖片的需求,讓客戶在我們這用圖,我們這管圖,一條龍服務,黏住客戶,增大用戶流失成本(沉默成本變高)。

同樣的,也將更豐富的場景布局納入其中,喜聞樂見的數字電視鎖屏壁紙、手機壁紙,都在我們的合作范圍內。這種主要的是市場曝光,可以看到大大的視覺logo總是伴隨圖上,助推從后臺走向前臺。

針對這個傳統 To B 的難題,我們也有諸多布局進行,除上述和電視手機廠商合作外,我們還發起許多次社會上的圖片征集活動,比如去年的金投賞獎等等,和華為有著一些深度合作;從去年開始采用了新版的logo露出,客戶購買了圖片,也會帶上我們的視覺logo;和百度圖搜、百度霓裳做合作,推進正版化教育市場,更進一步從后走向前。

當然,以上內容從財報和一些公開消息,都有個七七八八了,我只不過做了整合串聯的敘述,不牽扯商業機密,細節才是商業機密(我想知道也知不道)。不過,如果你也恰好是做圖庫的,你也想來模仿布局,不妨來試試,無論從時機和難度,可都堪稱以卵擊石的哦。

四、產品技術架構

這里的技術架構我屬于班門弄斧,在后面簡要說一下而已。我先梳理一下我們從前到后的整體流程,一張圖片,能讓你看到,是經過了層層環節,先看一下下面這張丑圖,有助于理解我們的全系統:

首當其沖的是內容生產環節,包含上傳、入庫、編審,見圖的左上角。上傳環節,上傳者,我們統一稱為供應商,我們對不同量級的供應商,采取著不同的辦法:

  • 對于每天都有上傳,并且數量極大的供應商,我們統一采取API的形式來進行對接,速度快,一次開發后續無憂;
  • 對于一般量級的供應商來說,我們有兩種形式任選:一種是傳統ftp形式,開個服務器,讓供應商往里丟圖片和meta就好了;還有一種是供應商平臺,也就是portal平臺,供應商可以登錄進去上傳,也可以直接看到自己的圖片審核,賣的情況等等;
  • 對于小型量級,比如個人攝影師,我們也有兩種形式:一種形式是通過500px社區進行上傳,因為社區的背景就是攝影師的社區聚集地,在那里可以直接進行上傳工作。當然,如果你不是我們的攝影師,也可以在那里直接進行在線申請和簽約的工作,都是線上流轉;第二種是代上傳,也就是對于攝影師很忙比較懶的情況,可以發到審核編輯手里,代為上傳。

其次的環節,素材傳上來了,那就該入庫了。圖片入庫環節,也是分為很多種情況:不同的供應商入庫程序不一樣,有在北美的,還要跨區OSS復制到國內來才行,有在本地的各種情況(我們入庫全程是在阿里云上進行)。入庫即觸發整個流程包含敏感詞的監測、分詞、打水印、分類對照等等工作。

入完庫,其次的環節就是編審,素材的基礎審核核心內容的流轉,都在這個環節了。比如審核關鍵詞,補充關鍵性信息,選擇發布頻道等工作,是整個流程中的重中之重,非常之復雜。

比如我們的編輯類素材,有一個概念叫組概念,大家可以將“組”理解為電腦中的文件夾,組的實際意義就是事件,也就是每組圖片分門別類的根據發生的事件放到組里。每個文件夾中包含很多素材個體,那么這個個體移動或復制到另一個組里,需要同時維護有素材和文件夾關系的變更,素材頻道的變更,素材時間的變更等等因素,一個素材有多少屬性,基本一次操作就要把所有屬性都考慮一遍。

審核發布后,就到了我的主場,網站呈現,網站會組合調用各系統提供的微服務,組合后呈現,流程也就是如上圖所示,前端發起請求,后端進行拼寫發給搜索引擎,拿到搜索結果,去底層數據庫中取得前端呈現所需信息后,返回前端呈現。

網站這邊還帶一個CMS,其中CMS包含兩個核心功能:一個是更換banner,算是常規的功能;另一個是組合素材用的。簡單來說,就是編輯人員去輸入一些條件,比如關鍵詞、時間、頻道等,就會觸發程序,將符合條件的素材打上同樣的標記,可以去進行打包的售賣,也可以更方便的前端呈現,功能是非常復雜的。

接下來是素材被下載走了,要進入我們的訂單系統。也就是這個素材被哪個賬號下載了,這個賬號又是誰,也就是哪個客戶,這個素材是否只是小編手滑,還是真的使用了;如果是真的使用了,用在哪兒,時間地區等等,給出報價進行確認,這都是在訂單系統中完成的,這里牽扯一些內部規則了,不便多說。

主要的環節流也就是這些,但是還有很多其它的輔助系統,比如供應商系統,用于管理供應商,配置產品(也就是一個供應商或者幾個供應商的素材打個包);比如后續的BI系統,用于分析銷售額,售賣情況,行業,今日售賣最佳等,比如維權系統,用于抓違規的盜版素材平臺,產生新的銷售額,比如關鍵詞運營平臺,用于管理維護詞表,實時更新排行榜等,比如API,用于管理API接口的健康度,和使用量等。

這么繁雜的系統也少不了監控模塊,整個的監控模塊有3個組成,一個是第三方的聽云服務,一個是測試人員寫的自動化腳本,定時的去請求任務,看看返回是否正常,頁面大小是否正常,還有就是基于阿里云本身的監控系統,全系統哪里有報錯,日志信息,都是隨時可查可追蹤回滾的。

這上述幾大系統,才造就了整個視覺的流暢運行,其實仔細想想趕上整體重構的機會真是百年一遇,把幾乎所有的東西重來一遍,所有的業務熟悉一遍,也是非常難得的機會了。

簡單說一下我們的技術架構,大體是分為以下幾層:

  • 數據庫,數據庫用于基礎數據的存儲,是核心中的核心;
  • 后端java resources 做了一層edge的微服務,專供內部調用,系統內唯一可操作數據庫的中間層,主要考慮到多并發,多邏輯處理,進行數據庫的增刪改查;
  • 網站端redux react前端框架node js的后端,采用服務端渲染,為保證顯示響應速度和性能量身定做,同時為保證內部接口的穩定,采用node轉發層,用于限流和轉IP的作用;
  • 數據統計平臺利用了第三方ToB工具神策平臺,進行了詳盡的數據埋點和統計,為整體的決策保駕護航。

整體的技術思路也是運用了當前比較流行的微服務概念,可能前期的開發成本相對較高。不過,對于我們這種業務相對復雜的平臺來講,中后期的維護是相對比較簡單,業務延展性和后期開發成本是比較低的。

比如要做一個新的功能,我們只需要想清楚牽扯哪些系統的哪些微服務,進行相應的調用和組合即可快速的實現產品功能。

相比于成熟的大型互聯網科技公司,我們還有著許多的不足,比如管理相對混亂,這沒辦法,上面那么多系統我們只有區區40個左右的研發,這哪是一個蘿卜一個坑,一個蘿卜仨坑都有可能;還有的代碼code不嚴格,后續接手可維護性變低(現在也相對好起來了);技術氛圍不濃厚,執行者大于思考著等問題吧,不過肯定是向好的方向在邁進,不過離科技公司這個目標,還真的相差甚遠。

五、行業細分創意類分析

上面鋪墊了那么多,下面再來說點干貨吧。

圖片行業的局限性太高,但是無論何時何地,分析思路是可以套用的。以下,我將從web端的創意類素材行為進行分析,供參考。

創意類素材面對的客戶群,一般是4A公司、企業等,直接的用戶角色一般是設計師,決策者一般是公司采購。

這里需要再跳出來說一下,客戶不是用戶,客戶即更廣維度的客戶,比如華為、小米,這算是我們的客戶,而華為里面的某個項目組的設計師,實際上是視覺的一個用戶,而最終決策出價購圖的,實際是采購人員,構成完整的鏈條。

經過多方用戶調研和自己寫文找素材的情況,梳理出一個核心找圖流,也就是:

站內搜索→搜索結果頁→素材詳情→相似圖片→素材詳情→相似圖片→素材詳情→下載;

百度圖片搜索→復制URL以圖搜圖→搜索結果頁→素材詳情→相似圖片→素材詳情→下載。

所有的思考場景和優化,都是基于這個主流程來解決的,其它所有的流程都是支流程,雖然也重要,但是沒有那么重要,無論餅畫的多大,理論多么的豐富,最終都還是需要落地和運用的,下面就來一起看看做某些頁面優化時的心路歷程。

1. 搜索結果頁

作為平臺工具類網站(素材庫),和現如今主流內容網站功能有所區別,那就是推薦。其實我們不需要過多的干涉用戶做決策,為什么?兩個原因:第一個原因是無法量化,第二個原因是無法進行推薦。

舉個例子,我是設計師,我要做一個策劃案,這次尋找的素材圖,都是基于我這個策劃案尋找的,比如:

  • 我要做一個手機的發布會背板,那可能搜索的是“森林”,也許要突出的是這款手機與眾不同;
  • 那可能另外一個設計師要做一個嬰兒食物的發布會,也同樣搜索的是“森林”,可能要突出的是綠色原生態;
  • 那么這時候又來了一個設計師,他要做的是空氣進化器的發布會,還是搜“森林”,那他要突出的一定是清新;
  • 最后又來一個討厭的設計師,他要給一個汽車發布會做一個PPT背景,還是搜“森林”,那他可能要突出的是這款車的越野性能或者是這款車在森林道路里奔馳的背景。

所以,真的不是我不想推,是真的不知道如何推。無論是在首頁擺一堆推薦位的推薦,還是在搜索以后的搜索相關推薦,這些結果的所謂量化指標準確率無法直接評估,因為每一次用戶都是帶著自己的任務目的來的。那么唯一能做的,就是通過每次的用戶行為來去優化結果集,打造更多元的結果集,而這個多元,也有成本高的辦法也有笨辦法。

成本高的,無非就是利用行為收集長期的數據來進行排序的優化;成本低的,要判斷出這個多元,到底指的是什么意思,可以通過素材內容本身為維度,也可以通過素材類型為維度,那也就是通過素材類型進行搞定。

看到數據得知,我們的搜索結果里,篩選項的打開率是很低的,更別提密密麻麻的一堆篩選中國字了。小白用戶看都不想看,或者這些代表什么意思都是不知道的,那么這時候恰好做了一次用戶訪談,居然得知用戶不光用我們一個平臺,還會結合一些微利圖庫進行使用,這是絕對不能容忍的啊。要繼續追問用戶是為什么,得到的答復是“我要的,你們這好像沒有”什么?我沒聽錯吧,貌似我們是靠內容廣而全起家的,居然說沒有,不能忍,再耐心地問客戶,“是什么沒有呢?”客戶說,“分層文件、矢量圖,你們好像沒有?!?/p>

耐心的給客戶演示可以通過篩選項勾選矢量圖等相關選項,就可以看到了。客戶這才恍然大悟,原來是這樣。我也恍然大悟,原來是這樣。問客戶,不能只問一個,樣本太單一,又做了幾次客戶調研之后,發現確實如此,那就開工吧。

所謂素材格式,在圖片行業是分為矢量圖,分層文件,普通圖片這幾類,其中矢量圖是分為EPS和AI文件,無論怎么放大縮小都不會失真,分層文件就是常見的PSD文件,是由多個圖層組成的,普通圖片就是攝影圖片或者是插畫漫畫等,是普通的JPG,那既然客戶提出了找不到,那問題解決起來就很快,還是那個思路,直接放出來就好了。

一期試驗的時候放了矢量圖、PSD、插圖、無人、亞洲人、橫圖、豎圖幾個切換,查看數據后發現這幾項是用戶點擊的高頻,就想盡可能地輔助用戶快速地定位找到素材,最后是摻雜進了更多元的結果集。比如最新順序和最熱質量的圖片排序(默認是最佳質量),同時結合多元的素材類型,將創意視頻結果集融合進來,首次實現了多素材的跨頻道呈現。

在上線時,因為放在上面還是下面,產生不小的分歧,leader都希望放在上面,我力挺想放在下面,因為核心觀點很簡單:

  • 上面空間有限,用戶在搜索完畢后,應當盡可能多的看到素材,這樣才是一個圖庫該做的;
  • 當用戶還沒有看到你正常的結果集,換句話說還不知道你這個結果集能否滿足用戶需求的時候,你就給他推一大堆的東西,這簡直是反人類,放在下面,正好也是給了用戶一個自然的出口,可以滑到頁尾發現這頁還沒有結果,點擊即可直接跳轉了,增加了用戶體驗。

最后還是說服了leader,放在了頁面下方,效果是不錯的。但是現在,因為系統升級的問題,新版系統上實在來不及做完,暫時這個模塊給隱藏了,有些小的遺憾,這個任務我也規劃進任務列表了,即將重見天日。

另外再撿倆最主要優化的說:

第一個,是通過數據發現,我們的用戶在搜索翻頁翻到第5頁左右是個閥值,會發生幾種情況;

  • 是在第5頁發起又一次搜索,可以判定為對這次搜索的結果實在不滿意,換個詞試試;
  • 是在第5頁的時候直接關閉了頁面,要么是找到了素材,要么也是不滿意。

所以就在想,現在是每一頁100條數據,用戶得要翻5次才能看完,很麻煩,順勢排期優化了懶加載,就用5這個閥值,每一次用戶進行加載的時候,按照屏幕錨點逐行顯示數據,到第500條數據的時候,出現翻頁,這樣相當于前500條數據用戶無感知的就看完了,給了用戶足夠的瀏覽空間,方便了用戶。

第二個,優化是篩選項,能看到的是篩選項的位置實際是在上面平鋪開的,非常浪費空間,優化將篩選項放在了頁面左側,用戶可以隨時在凍結的搜索框上喚起搜索,配合解決第一條懶加載頁面過長導致重新篩選不方便的問題,頁面的結構也保證了完整性。

2. 素材詳情頁

在經過了搜索結果頁以后,就來到了又一個核心的頁面——素材詳情頁,這里承載著國家的希望^_^

一般情況下,用圖場景是比如客戶想要做一個廣告或者一個完整的策劃案,這時候就要用到廣告公司,來出整體的方案。在做方案的時候,我們的用戶就會來到網站進行索下載。這里需要注意,和電商不一樣的是,電商是購買即確認,我們是購買需確認,也就是在后期,還是需要人工來進行確認,這素材是否真的被應用了,若真的被應用了再付錢,那實際上就會有一個問題,如何做到下載需確認呢?

實際上,網站有多種手段來輔助用戶完成這一決定。最簡單的,用戶在選中某張或某幾張圖后,點擊圖片下載,這時候圖片會進入到訂單系統,但會顯示未確認狀態;用戶最終確認后,我方客戶經理在根據最終的情況報價出報價單,打印合同和授權書進行后續流程,這是一種模式。

還有兩種是純網站端的,在正常購買(實際是下載圖片,為通俗解釋)按鈕做一個新的購買按鈕,示意用戶這個只示意作素材試用,不進入任何訂單系統。這里所說的試用,就是小樣圖,小樣圖的意思簡而言之是供用戶線下交流,學習使用,沒有獲得正式授權,僅供打樣用的,不可商用,故此為方便用戶進行試用,我們也做了一個新的小樣圖下載入口,同時為了考量新用戶、小白用戶概念建設的問題,有可能不知道什么是小樣圖,我們也制作了一些小課堂漫畫,隨地布局在頁面上,提示新用戶,不會產生歧義。

下一個兼顧的體驗,是更為隱藏的,我們從十幾年前使用互聯網,最原始的一個保存圖片的手段,那就是右鍵另存為。這里我們不做任何阻攔右鍵的功能,曾經想過封鎖右鍵,但是仔細想想沒有任何意義,想拿走隨便截個圖就好了。我們要做的是方便用戶,同時盡到義務告知用戶獲取正版授權的方式方法就夠了,這里也需要兼顧用戶體驗,比如用戶在右鍵下載圖片后,一旦確認使用,需要通過素材唯一ID找到這素材,告知客戶經理或者自助完成購買流程,這樣就需要我們將所有右鍵另存為的素材名,全都一一對應清洗出來,進一步方便用戶,這樣哪怕用戶今后想再找這個素材,很方便的就可以通過素材ID找到。

而對于素材承載最大的詳情頁,也是有很多隱藏的考量去輔助用戶方便的,比如一直在考慮的全屏瀏覽模式,這感覺是一般相冊或者圖庫的標配,即點擊一下縮略圖,整個圖片放大了:

不過這真的好嗎?不盡然,還是那句話,既然是ToB,那為用戶解決的就是效率問題,點擊,也要付出成本,所以為了達到同樣的目標,我們再次進行優化,核心點非常簡單,盡可能的去放大縮略圖的大小就可以了,相當于用戶進入后,一眼就能看清這素材的所有細節,無需再去放大,無形中節省了客戶的成本,也摒棄了一些無用的開發功能。

另外即將要做的一個微交互細節,是根據不同屏幕大小來進行適配圖片展示區,比如當你的顯示器是常規1920大小的時候,我們的素材圖,足夠大一屏完整顯示;但當你的顯示器是筆記本的時候,這時候很可能一屏幕就無法看全了,因為圖很大,就超出了。所以為了到底是兼顧大還是兼顧全,詢問了一些設計師之后(這點是沒法通過數據看出來的),得到答案是既然提升效率,那就讓設計師一眼看全了即可。這類似于現在的視頻網站,無論顯示器多大多小,視頻大小是等比放大縮小,而永遠會保證視頻播放區域的完整,不去犧牲核心功能。下圖即我們正在優化的示意即無論顯示器多大,永遠保證紅線上方區域完整露出。

其二,我們發現找素材圖的時候,右上角點擊相似圖的按鈕轉化率異常高,高達60%以上,意味著10個人進入素材詳情頁,有6個人以上都會點擊查看相似圖,這個是很恐怖的,我們就想這是為什么?在自己親身體會和詢問過之后得知,大多數設計師,在進入詳情頁以后,就已經對這張圖有一些傾向性了(偽命中),所以他們更愿意依據這個素材,進行橫比找到更多相近的素材,而查看相似圖,也就是運用這個原理,進行圖像色彩的對比,來計算出距離這個素材最相近的一些素材,從而給用戶發散性的引導作用。

顯而易見的是,既然這個功能這么重要,無論做成什么按鈕,都是不直觀的,那干脆外露出來吧,也就直接把這個素材的相似素材列在素材詳情的下面了,結合上一條的微交互,我們做到了首屏,只是干干凈凈的露出當前這張大大的素材圖、和下載、基本信息等必要區域,下方,大大方方的羅列出用戶最有用的信息。

為啥沒直接刪掉,從功能重復性來說,確實是重復了,但是,別忘了原有用戶習慣是在上面,一下子刪掉肯定是不行的,要去做一些功能搬家引導之后,同時結合數據確實降幅后,再刪掉來去節省空間。

其三,仍然回到微交互。在當前互聯網雖然都是大屏的天下,但是我們也仔細看了數據,發現1366小屏幕,依然占有絕對優勢,所以寸土寸金,不可過分鋪張浪費,在和UI打磨許久之后,將頁頭到素材圖的高度壓減到了極致,但是感覺還是不夠,這樣分別動用手頭的兩個資源進行優化,其一為優化logo,視覺的logo是非常大的,在之前成套設計logo的時候,會有不同場景下的不同logo,所以開始進行logo的替換,將主頁與工作頁logo進行區分,這樣既分開了頁面間的主次,又進一步壓縮頭部(可見前兩張圖優化前的logo頭部區域對比)。

不過還沒到此為止,還要繼續進行優化,只能動用第二招研發手段了,再進行微交互的優化,想到既然導航和搜索是不可替代的,那刪掉是不可能的,這時候再次翻看數據,得知素材詳情的再次搜索和跳轉轉化并不高,揣摩用戶心理,可大體得知,盡然已經到了具體某個素材,就證明我已經中意這個素材或這類素材,再去重啟搜索或者跳出,概率并不大,若不滿意,直接關閉頁面就可以了,不用再通過導航跳出。

所以就想到,能否藏掉這個搜索以上的區域呢?有幾種方案,一種是類似于菜單欄似的,碰到一定交互區自己釋放出來,答案是不妥,蹦來蹦去的別說用戶,自己都瘋了,要么用漢堡包導航收起來?同樣不妥,中國用戶還沒高大尚接受所有國外高新交互的時候,還是不妥,最后一招,能不能一進來的時候,通過頁面錨點,直接跳過導航和大搜索,這樣,即全面保證了素材縮略圖區域的進一步放大,頁面區域的最高效運用,又保證了頁面交互的一致性,見下圖,即頁面進入后,頂部錨點在紅線處,甚好,提需求排期即將上線了。

其四,同樣是一個非常細節的地方,我們看了右側基本信息的兩組數據,一組為ID號區域,點擊量異常的高,證明每天有大量的用戶在上面點擊,點擊無非兩個操作,一個是看看能不能點開,一個是復制。第一個可能性幾乎為零,也沒做成可點的形式;那就只剩第二個了,所以我們再次打磨產品,既然是復制,我們方便用戶何必雙擊或者去拖拽,做了一個小功能,點擊ID號的任意區域,直接就能把ID復制到剪貼板,同時怕用戶不知道,還做了2個工作,一個是新功能提示,一個是hover交互,hover前,提示用戶點擊復制,hover后提示復制到剪貼板成功,依舊提了需求排期開發中了。

其五,依然是細節,之前我們的關鍵詞是排列在素材關鍵詞的下面的,但是隨著我們要把相似圖片功能放到下面,發現若再有這行提示,則就會有將頁面割裂的感覺,再次查看數據,發現關鍵詞并非剛需,每天只有幾百個人點擊,果斷挪到右面基本信息中,收起,不過也有人提出完全隱藏不好,我也不想,但是右側畢竟寸土寸金,就那么高,沒辦法,只能另辟蹊徑。

其六,就要對右側的區域大刀闊斧的開始改造了,可以看到上面有兩個大按鈕,一個按鈕的功能已經被搬下去,被拿走只是時間問題,一個是加入收藏,加入收藏的轉化率也是異常的高,不敢輕舉妄動,若搬移,只能兼顧功能同樣方便的前提之下,和設計師進行商議后,做出再次優化。

整個右側區域近乎于被重新規劃,發現首屏效果能變成如此高效,無論從頁面整齊度來說還是從功能角度來說,都達到了完美的平衡,將收藏搬移到素材下方,意為和素材的高度相關結合,上方刪掉兩個大按鈕后,空間增大許多,下方可以看到關鍵詞區域也就露出來了,兼顧了第五點的疑惑。

當然,日子還在不斷的過,數據還在不斷的挖掘,遠遠還有太多細節要是都舉例說出來能說上三天三夜,看似笑呵呵,實則mmp,苦和累只有自己知道哎。

六、行業細分編輯類分析

編輯類業務的分析和創意類業務的分析恰好反過來了,上述是分析在少數,主要在優化,下述是分析在多數,優化在少數。

編輯類素材,主要面對的客戶群體就是網易搜狐新浪騰訊這種的新聞媒體,一般圖片的用途也都比較簡單,都是用來撰寫文章的配圖插圖使用了,所以模式也都是非常簡單的,比創意類客戶簡單許多。

相比創意類素材還有一些不一樣的地方是,創意類素材直接就呈現單個素材了,而編輯類素材還有組素材的概念,所謂組的概念上述說過了,就是電腦中的文件夾,將描述同一事件的素材聚合一起,比如特朗普訪華有500張圖片,那就將500張圖片行成一個組,每個組可理解為一個事件。但更為細化的概念實際叫新聞點,比事件的概念顆粒度更為細化,比如某場比賽,某個人的精彩進球時刻,是一個新聞點,某個人在賽場上大家了,又是一個新聞點,某個觀眾闖入,又是一個新聞點,也就是每一個大的事件由無數已挖掘或待挖掘的新聞點構成,這種新聞點也就構成了我們日??吹降男侣労蜆祟}黨,新聞點的挖掘程度決定了編輯的水平高低。越能引發社會共鳴,社會輿論的新聞點,也就越能帶來流量,隨之也就越受歡迎,也就是這個道理了。

一般情況下的客戶行為,分為兩種,一種是自己在各頻道主頁點一點選一選,看看當天發生的事件,挑選一些圖片購買后撰寫文章就好了,還有一種是需要使用到搜索引擎,這種編輯多數是在做策劃,深度或者盤點類的文章,所以我們去分析編輯類業務的時候,就去按照圖片被購買后運用的不同場景,摸清是如何使用我們的圖片,或用戶日常工作是做什么,是否有用圖行為,頻次、方式如何。

可以將所有的用戶按照文章類型分為:時下新聞、爆料八卦、干貨、盤點、深度、譯文、采訪、官方政治、科普、謠言、情感雞湯、輕松搞笑類。

這也基本就是編輯類用戶群體每天干的事兒了,逐一進行分析:

(1)時下新聞類

  • 用戶核心:當前最新的新聞;
  • 用戶畫像:基本為我們的用戶,用圖多,對質量不敏感,對時效極為敏感;
  • 搜索相關:搜索屬性偏弱,獲取圖片渠道一般為在網站滾動不間斷刷新;
  • 用戶流程:用戶流程:通過各家輿情監控平臺監控(新華社、人民日報、各競品間)或各熱點監控平臺(微博、百度、微信等)獲取最新新聞或突發事件,來視覺進行搜索,如未搜索到,可能的行為:
  • 為時效性犧牲版權,選用微博、百度(非政治類)客戶配圖、視頻;
  • 詢問我方編輯,線下交付;
  • 自行等待(少數),搜索為當前事件名稱如:特朗普訪華、新疆地震;
  • 搜索內容:事件關鍵詞。

(2)爆料八卦類

  • 用戶核心:根據選題深挖,挖出祖宗十八代;
  • 用戶畫像:基本不是我們的客戶,多為自媒體,用圖多,對質量、時效不敏感,對準確性、數量極為敏感;
  • 搜索相關:搜索屬性極強,基本該類作者只有搜索獲取配圖素材;
  • 用戶流程:拿到八卦題材,撰寫語料,一般情況為邊百度邊撰寫,但該類客戶為我們的客戶數量不多,所以他們的解決問題平臺就是百度搜索→百度百科→百度圖片→微博,會將某人、某事件深挖到底,例如:
  • xx出軌,xx還有沒有出過軌;
  • 之前的感情經歷如何;
  • 現在的感情經歷等或同類型出軌事件還有誰,繼續平行深挖;
  • 搜索內容:時間、事件、人物。

(3)干貨類

  • 用戶核心:有自己的行文思路;
  • 用戶畫像:基本不是我們的客戶,多為個人,用圖少,對創意、編輯素材劃分不明顯,純視覺導向,對質量、匹配度敏感;
  • 搜索相關:搜索屬性極強;
  • 用戶流程:行文完畢后,會使用百度圖片進行搜索,搜索詞為該文章總結出的關鍵詞或標題,有將近一半的用戶會直接使用標題丟到搜索引擎進行搜索,有版權意識客戶,將會通過以圖搜圖到視覺,來購買一張近似的版權圖片,無版權意識的客戶,直接用了;
  • 核心秘密:有許多個人用戶有著良好的素材收集習慣,中后期不會每次都來搜索引擎進行搜索,他們的核心素材是通過日積月累,不經意間在網上發現的素材圖、素材標題、語句、選題,記錄下來形成自己的一套素材庫,如果有相關配圖需求時,優先在自己素材庫內尋找,我見到的素材庫分為:標題、文段、圖片、視頻、音樂、字體、話題;
  • 搜索內容:標題、關鍵詞。

(4)盤點類

  • 用戶核心:平行延展當前選題;
  • 用戶畫像:我們的客戶與非客戶參半,用圖屬性同爆料八卦類;
  • 搜索相關:搜索屬性極強;
  • 用戶流程:部分我們的客戶是委托自媒體或代筆者發話題后進行撰寫文章,文章撰寫完畢后,審稿通過,自行搜索配圖,發稿,自媒體用戶則為自己選題,自己配圖發文,流程參見干貨類;
  • 搜索內容:事件、關鍵詞。

(5)深度類

  • 用戶核心:借用當前選題為話題翹板,結合當下社會等因素引發新話題;
  • 用戶畫像:與盤點類近似,但較多為媒體類;
  • 搜索相關:搜索屬性極強;
  • 用戶流程:參見盤點類;
  • 搜索內容:事件、關鍵詞。

(6)譯文類

  • 用戶核心:國外文章轉譯;
  • 用戶畫像:基本不是我們的客戶,多為個人;
  • 搜索相關:基本無搜索屬性;
  • 用戶流程:配圖多為原版稿件直接獲??;
  • 搜索內容:基本無需搜索或標題。

(7)采訪類

  • 用戶核心:采訪紀要,寫實;
  • 用戶畫像:多為媒體類客戶;
  • 搜索相關:有部分搜索屬性;
  • 用戶流程:用圖基本自產自銷(采訪時候順手就拍了),如果拍的不夠好或不夠多,則會在發文前再進行搜索,搜索一般為采訪者的肖像、藝術圖等;
  • 搜索內容:人物。

(8)官方政治

  • 用戶核心:政治宣傳;
  • 用戶畫像:多為媒體類客戶;
  • 搜索相關:有部分搜索屬性;
  • 用戶流程:用圖基本自產自銷,多余的圖還會賣給我們;
  • 搜索內容:基本無搜索。

(9)科普類

  • 用戶核心:科普一類知識、一個現象、一個事件等,有自己的行文思路;
  • 用戶畫像:客戶量級少,用圖量大,但極為專業,一般素材庫無法找到,不差錢;
  • 搜索相關:有部分搜索屬性;
  • 用戶流程:基本都是攢文者自帶圖片,多為科研工作者,從試驗室中順手就能帶出圖片或從國外專業垂直素材庫中尋找購買或免費授權使用,比如NASA;
  • 搜索內容:垂直、專業關鍵詞。

(10)謠言類

  • 用戶核心:劣質、標題黨;
  • 用戶畫像:多為媒體類客戶;
  • 搜索相關:有部分搜索屬性;
  • 用戶流程:盜圖、有圖就能用,用標題進行搜索,出來一個差不多的就用了,多在百度圖片搜索;
  • 搜索內容:標題、關鍵詞。

(11)情感雞湯

  • 用戶核心:有自己的行文思路;
  • 用戶畫像:多為媒體類客戶,版權意識較弱;
  • 搜索相關:有部分搜索屬性;
  • 用戶流程:優先在自己素材庫內尋找,或用自己雇傭的插畫師配圖,或使用百度圖片進行搜索;
  • 搜索內容:關鍵詞。

(12)輕松搞笑

  • 用戶核心:有自己的行文思路,多為圖文文章,圖>文;
  • 用戶畫像:多為媒體類客戶,用圖量極大,對版權意識較弱;
  • 搜索相關:有部分搜索屬性,但基本不在我們平臺;
  • 用戶流程:文章構成主要為圖片,但圖片獲取路徑為微博、微信,主要為轉載,會署名,為我們的機會,下面我會說;
  • 搜索內容:不搜索,刷熱點。

通過以上的橫比分析,也發現視覺的一些問題,針對這些問題,也去轉化,構成了一些解決方案,把一些正在落地的方案寫給大家吧,開腦洞的一些在后文里寫寫:

  1. 當下發生的事件用戶找到的成本較高,針對此問題,也首次搭建了EDM、網站推送機制,即通過用戶主動訂閱的頻道來進行適當的工作郵箱和網站內的信息流推送;
  2. 客戶有時候自己也不知道自己想要什么圖,就想直接把標題丟進去,你給我吐出來一些圖我來判斷是不是命中,所以根據這個問題,內部也逐步優化了分詞功能,讓用戶丟個標題進來,可以很準確的切割,然后可以接入百度語義分析,進行庫內搜索滿足常規用戶的需求;
  3. 猜不中用戶心思,好素材曝光過少,結合歷史數據,通盤分析,打造屬于視覺的推薦系統,基于內容的事件推薦體系(Item CF)。大多數的內容型網站都是基于用戶行為,我們不是的,為何,因為用戶行為是不準確的,既然是工作型平臺,用戶的行為是不受自己主觀意識控制的,因為一切都是在工作,所以沒辦法談用戶行為一說,但是既然是在工作,工作的主線流實際是圍繞當天發生的熱點事件進行的,也就可以做基于事件的推薦系統了,目前這個系統內部已經通過討論,正在開發實施中了(大工程),詳細的可以在下一段里講一講。

相關閱讀

3年產品工作總結(上篇):從9個方面深度思考 To B 與 To C

#專欄作家#

吳邢一夫(微信號mystic326531548),人人都是產品經理專欄作家。3年產品經理工作經驗,需求、用戶、數據有深入研究。歡迎交流想法,拒絕無意義添加好友。

本文獨家發布于人人都是產品經理。未經本站許可,禁止轉載。謝謝合作。

題圖來自 Unsplash,基于 CC0 協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 最近視覺中國的時間,突然看到這篇文章。。

    來自廣東 回復
  2. 85

    回復
  3. 為了看這篇文章,居然去視覺中國注冊了一個賬號,拉新成功,哈哈??

    回復
  4. 手動點贊

    來自北京 回復