數位轉型的道路如何前進?《遠見》網站 5個月改變了什麼?

Digital Development Center
10 min readMar 1, 2020

--

數位轉型的道路如何前進?遠見網站 5個月改變了什麼?

在數位轉型道路上,遠見網站在 5個月內做了 Google Analytice 數據正確性、SEO 優化、 Page Speed 網頁開啟速度優化、UI/UX 使用者體驗優化…等任務。這還不包含系統流程改變、敏捷開發 Agile 精神、Kanban 管理導入。

數位轉型這一詞在近幾年相當的火紅,但數位轉型是什麼?它的定義是什麼?要做哪些事才叫做數位轉型?

數位轉型是一個結合數位科技與既存營運模式的過程,從營運流程、價值主張、顧客體驗、數位文化、到徹底轉型,成為一個極為靈敏,以顧客的價值與體驗為核心,且不斷更新、持續轉型的組織。

數據發展中心清楚數位轉型定義及目標,因此一開始不是去做了可以對外宣傳的應用、或是跟某某廠商合作。

而是先面向內部,從數據、產品、體驗、流程端進行調整,讓底層架構是健康穩健的,而在這樣的架構基礎下,未來向上生長各項應用才會穩定,且不受底層限制。

雖然,我們所選擇的是一條艱難的路開始,但如果不開始往這條路走的話,就無法真正做好數位轉型。

數據發展中心在 5個多月努力下,得到不錯的成果,讓我們可以與大家分享,我們是實實在在一步步的往數位轉型道路前進!

▎搜尋優化 SEO

分數從 73.33 分,提升至 93.33分!

Google 搜尋已是大眾上網搜尋資料的方式了,假如網頁沒有在 Google 搜尋到的話,也就代表很難讓您的讀者搜尋到、並且看到這篇內容。

因此,SEO 優化是我們最重要、最優先要進行的任務,並且這也是改善遠見網站體質的時候。

我們與工程師們一起著手進行 SEO優化,用第三方 SEO Site Checkup 工具檢測SEO分數,並且每週持續檢視分數。

一步一步的從 73.33分,提升到目前 93.33分。

遠見網站每週SEO分數
遠見網站每週SEO分數

93.33分,也就代表著網站體質、結構是好的,也代表著 Google 爬蟲很容易、清楚的爬取網頁內容,並且在 Google 搜尋排名也會很有競爭力。

SEO Site Checkup 檢測 首頁、列表頁、文章內容頁結果

SEO優化 首頁 90分
首頁 90分
SEO優化 列表頁 95分
列表頁 95分
SEO 優化 內容頁95分
內容頁 90分

備註:檢測52個項目中,排除6項非SEO架構及過於細項。

▎網頁載入時間 Page Speed

網頁載入時間降幅達到 53.58%!0.5秒時間內載入完成即可瀏覽!

網站在現代數位環境裡,讓讀者、瀏覽者可以快速開啟網頁瀏覽,不管是看文章、看商品、UGC 互動,網頁開啟速度的快慢,已經是會影響訪客流失。

Google 在 Blog 文章說明網站速度會影響搜尋排名。

Amazon 曾經統計過,頁面加載時間的一秒鐘可能使亞馬遜損失16億美元的銷售收入。

在眾多資訊裡可以暸解到,網頁開啟速度是在營運端相當重要!

我們與工程師們一起努力,優化前端載入物件數、圖片優化、連線數優化、後端架構、系統調整…等多項優化。

在今年1月開始已有初步體現,到了2月網頁載入時間已經是大幅下降,與上一個時段相比的話,降幅達到 53.58%。

遠見網站網頁開啟速度降幅 53.58%
遠見網站網頁開啟速度降幅 53.58%

5.75秒,不代表瀏覽者真的要等到 5.75秒才會看到網頁,這是 Google Analytics 網頁讀取時間計算標準,意思是網頁裡所有元件讀取完的時間。

一般瀏覽者在不到1秒的時間就將網頁開啟完成,即可瀏覽!

一般瀏覽者在不到1秒的時間就將網頁開啟載入完成!
不到1秒的時間網頁開啟載入完成

為什麼我們會採用 Google Analytics 「平均網頁載入時間」這項嚴格的指標作為衡量網頁速度指標?

目的就在於這指標是所有訪客產生瀏覽量的抽樣結果,也就代表這項指標全面性、客觀性的結果。

不像一般網頁測試速度工具,只能測試目前單一網頁、當下的時間,這就不能代表網站整體速度表現。

因此,我們是用嚴格的檢測標準,來作為此衡量的指標。

▎使用者體驗優化 UI/UX

敏捷精神、小步快跑優化

對於使用者瀏覽體驗我們是相當在乎的!尤其在現今不管什麼類型的網站,如互動型、社群類、電商、內容等平台,都特別的對使用者體驗 UX 更加注重。

瀏覽體驗優化

有好的閱讀體驗、瀏覽動線,才能讓瀏覽者持續地在網站瀏覽內容,不會迷路、不會立即跳出、文字閱讀也清楚。

尤其是內容平台網站的文字量較多,文字的閱讀體驗更是一項挑戰。因為包含了中文字、英文字、文字間距、行距、大小標題、字型、字體大小、內容整體編排等細節。

雖然,這些都是很小的細節。但是,為了達到好的閱讀體驗,我們是下了很大的心力在做優化。

遠見網站 UI/UX 分類、介面優化
遠見網站 UI/UX 分類、介面優化
遠見網站 UI/UX 文章內容頁優化
遠見網站 UI/UX 文章內容頁優化
遠見網站 UI/UX 列表頁優化
遠見網站 UI/UX 列表頁優化

我們採用一頁一頁進行 UI/UX 優化的方式,不像一般網站大改版方式進行。

秉持著「敏捷開發精神」、「迭代優化」概念進行 UI/UX 任務。

所以不像網站整個打掉重做,可以全面使用新的想法、新的設計、新的體驗去規劃 UI/UX,而不用顧慮既存網站。

採取 Agile UX 得到的好處是:

  1. 用戶體驗影響最小
  2. 交付快、反饋最直接
  3. 衡量數據指標變數單一

因此,我們選擇了挑戰最大的路進行!就如穿著西裝改西裝一樣,必須在符合原有大架構下一點一點的改,也要將現有的瀏覽動線、用戶體驗考量進去。

我們將最終理想的目標切分成很多階段進行,每一次都會先設想好先進行範圍,哪些項目會在下次哪個階段同時進行,需多方、多面向的考量。

並且,每一項 UI/UX 都會撰寫計畫書,把優化目的、如何執行、數據追蹤、指標衡量方式寫上,最後就會使用 Dashboard 去觀察追蹤數據,以數據為基礎持續做優化。

► 人物誌、同理心地圖 Workshop

人物誌 Persona、同理心地圖 Empathy Map,是連結每個人對受眾 Target Audience 想像的最好方法工具。

數據發展中心內部進行了人物誌 Persona、同理心地圖 Empathy Map Workshop。

UX 人物誌、同理心地圖 workshop
UX 人物誌、同理心地圖 workshop
UX 人物誌範例
UX 人物誌範例

雖然這只是練習的範例,不能真的代表實際的 Target Audience。

但此 Workshop 最大目的,就是讓團隊夥伴們暸解人物誌、同理心地圖是如何進行?它的邏輯、語言、概念是怎麼回事?

有了共同語言、不同領域對 UX 概念提升後,這樣內部溝通就會很明確,降低討論及認知落差,也讓 UX 概念不只是在 UX 角色有而已,而是所有人都需要有 UX 概念。

未來,將會逐漸的將此 Workshop 擴大,讓更多相關的夥伴一起參與暸解,並且將 Target Audience 明確的定義出來。

透過人物誌 Persona 的模式最大的好處就是,讓內容端有明確對象、讓行銷端有明確對象、讓銷售端有明確對象。

簡單來說,從內容產製到行銷,最終到銷售都有明確共同受眾,一同為這群受眾努力!

▎數位轉型道路,繼續前進中

數位轉型道路中,都會有個迷思

數位轉型往往都會有個迷思,就是在還不暸解產品、商業目標,不清楚新的數位工具如何落地、如何結合現有模式下,就盲目的花大錢導入很多外部廠商工具,並且只是觀察短期成效,就認為是在做數位轉型。

數位轉型道路是一條長期要走的路,必須有明確且實際的最終目標、暸解現有產品、夥伴是否能夠一起往數位轉型道路前進?

這樣才不會在「數位轉型」道路上迷失,而淪落一句口號而已。

如同「一個人走的快,一群人走的遠」這句話一樣,數位轉型這條道路需要的是不同領域、夥伴一同前進,這樣才能一步一步的穩紮穩打前進。

  • 與工程師合作,也就是提升工程師技術能力,不就是數位轉型嗎?
  • 與 UI/UX 合作,也就是提升團隊夥伴 UI/UX 概念,不就是數位轉型嗎?
  • 與數據合作,也就是提升團隊夥伴數據概念,不就是數位轉型嗎?

一開始,數據發展中心面向「數據」、「產品」、「體驗」、「網站工程架構」優化,並且得到很好的階段性結果。

接下來,我們將往「數位應用」、「數據行銷」方向前進,有良好的架構、體驗、收集對的數據後,就可以往應用端發想,做更有趣、更貼近讀者的應用。

--

--

Digital Development Center

《遠見》數據發展中心 實現技術優化,「以用戶為中心」傳遞訊息,提供讀者更優質的使用體驗。