有看到您的公司網站上出現上方的「Flash Player 遭到封鎖」的警告標示? 那網站可能要改版了,否則超過八成的使用者可能點不到網站選單,甚至進不去網站。
早期不少網站都會製作首頁動畫、有動畫效果的主選單,例如選單文字飛入,LOGO 有光芒閃動,這些效果在當時可能覺得很炫、感覺網頁設計的錢花得很值得,但是這些效果,在日漸發展的網路環境,後來卻是問題多多:
- Flash 動畫的使用者體驗不佳
網頁 Flash 動畫的載入耗費許多時間和網路頻寬,讓筆電風扇轉得飛快,但等待許久載入之後,並沒有看到什麼重點內容。如果動畫有「略過動畫,直接進入首頁」的按鈕,大家都迫不及待地按下。
- Flash 衍生的資安與詐騙問題
許多詐騙釣魚、間諜軟體、病毒網站製作「Flash Player 需要更新」的詐騙廣告,欺騙使用者點擊,許多使用者也無法分辨哪些才是真的「Flash Player 需要更新」,如下圖就是一個假的 Flash Player 更新提示。
首先 Flash Player 的正版更新提示視窗並不是長這樣,真的下載下來,九成九也是假的安裝程式。許多使用者被誘騙下載、安裝來路不明的軟體,而導致電腦中毒,經常不穩定當機、電腦淪為駭客攻擊的跳板、資料遭竊取或損失。
- Flash 被蘋果公司判死刑
2010 年,蘋果前執行長 Steve Jobs 就以安全、效能、耗電及開放性等理由,在 iOS 平台上排斥 Flash。但是那時候大家都還在用著 Nokia, Sony, Windows Mobile 之類的手機,iPhone 這麼貴,誰會買? 賈伯斯禁止 Flash,跟我請人設計網站,兩者看似毫無關聯?
但 10 年過去了,現今 iPhone 已經是全球單一品牌市占率最高的手機。網站用 Flash 製作了精美的開場動畫,但是 iPhone, iPad 使用者根本無法看到。
Android系統的手機(三星、華碩、SONY、小米...等等)內建的網頁瀏覽器,也是看不到網站上的 Flash 動畫的。
- 不利於 SEO
網路上的競爭者增多,幾乎每個大小企業都有一個,甚至數個網站,如何在搜尋引擎優化 SEO 和行銷上精進內容,成為重要課題。在內容為王的時代,Flash 內容無疑是一大 SEO 絆腳石,首頁 Flah 動畫裡放了再精美的文案,Flash 主選單裡放了再多的商品連結,搜尋引擎根本無法檢索 Flash 的內容,更遑論被人搜尋到。
- 廣告系統也不接受 swf 的 Flash 動畫廣告
自 2016 年 6 月 30 日起,swf 格式的 Flash 廣告,將不被允許上傳至 AdWords 線上廣告(現已改名為 Google Ads)。自 2017 年 1 月 2 日起,Flash 廣告將不被允許在 Google 多媒體廣告聯播網顯示,動畫廣告素材須重新設計製作。
- Flash 的開發商宣布 2020年底停止支援 Flash Player 播放器的更新。
網頁瀏覽器必須要安裝 Flash Player 才能瀏覽 Flash 內容,而 Adobe 公司就是 Flash Player 的開發商。2017年,Adobe 宣布在 2020 年底後將不再進行 Flash Player 的安全性修補及更新。
原本用來製作 Flash 動畫的 Adobe Flash 軟體也改名+大改版,用以設計 HTML5 動畫。
- 桌上型電腦瀏覽器也開始封鎖 Flash 動畫
除了行動裝置的瀏覽器都看不到 Flash 動畫,從 2018 年起,許多桌上型電腦的瀏覽器也開始封鎖 Flash 動畫,需要每次開網站時額外點一下「允許 Flash」,每次看網頁時多點一下,甚至多設定一些瀏覽器權限,費盡千辛萬苦,才能看到網站裡的 Flash 動畫。
- 瀏覽器龍頭宣布 2020年底完全停用 Flash 內容
目前全球市佔率最高的瀏覽器 Google Chrome,也宣布將在 2020 年底完全停用 Flash 內容(Saying goodbye to Flash in Chrome),到時候可能不只是多按幾個「允許」才能看到 Flash,而是連看都不給看了。
這些使用 Flash 製作的動畫技術,在 iPhone 手機,行動裝置上根本無法瀏覽,桌上型電腦的瀏覽器也在逐步封鎖 Flash 的內容,主要瀏覽器及網路平台業者,包括 Google、Mozilla 及微軟,其實早已採取行動,祭出封鎖 Flash 的策略。
桌上型電腦瀏覽器 | 開始阻擋 FLASH 載入 | 2020/6 最新穩定版本號 |
---|---|---|
Google Chrome(2020市佔率約70%) | 版本53 | 83 |
Internet Explorer(IE) | 無* | 11 |
Firefox | 版本52 | 77 |
MacOS Safari | 版本10 | 13 |
Microsoft Edge | Windows 10 Creator Update | 83* |
*IE 瀏覽器雖不會阻擋 Flash,但仍會因為 Flash Player 沒有安裝,甚至沒有更新,或是電腦系統中毒等異常情況,而造成瀏覽器無法啟用 Flash Player 附加元件,最後仍然無法看到 Flash 內容。
*Microsoft Edge 為 Windows 10 系統內建的瀏覽器,起初使用 EdgeHTML 核心引擎,在 2020/1/15 發佈新改版,變成與 Google Chrome 使用相同 Chromium 核心的「新版 Microsoft Edge」,預計2020年起將強制更新所有 Windows 10 電腦上的舊版 Microsoft Edge。
別因為網站上的 Flash 內容,而造成客戶流失!
網站上如果有 Flash 動畫的,無法正常瀏覽,快來找我們改版網站吧!
現在常見的新形態網頁動畫形式:
現在好像很少看到「LOGO光芒閃動」之類的特效? 因為使用者習慣與視覺趨勢不斷改變,被用到氾濫的效果也會被認為「落伍」「影響網頁體驗」,甚至在手機小螢幕上,太複雜的動畫根本看不清楚。
又回歸視覺設計與行銷傳達的本質,清楚、好操作,內容為王。還有現代行銷手法推陳出新,電商購物時常需要不落人後地快速更新促銷活動,複雜的動畫需要耗費多少人力成本去製作?
網頁動畫技術上也改為使用 Javascript 或 HTML5 或 CSS3 的網頁程式語法,重新設計動畫,所以現代網頁常見的動畫效果,也跟以前不太一樣了。
- 如頁面捲動時,物件淡入淡出,放大縮小、上下左右移動、旋轉等等物件移動效果。
- 改用輪播廣告、首屏形象大圖,傳達重要資訊與形象,也較方便更新與維護。
- 小範圍使用 gif 動畫,大小在 200KB 以內為佳。
- 廣告、微電影、短視頻、產品影片...等內容,上傳到 Youtube 等平台,減少網站伺服器的頻寬和流量用量。也利用了社群媒體平台的病毒傳播力量。
- 使用 Canvas 或 WebGL(IE11瀏覽器不支援) 技術製作動態效果。
- 將影片轉檔成序列圖片,使用 Javascript 控制網頁切換圖片,製作 Stop Motion 或轉場效果。
例如蘋果 iMac Pro (2018) 的宣傳網頁,網頁往下捲時,畫面上的產品有一個「從側面轉到正面」的動畫效果。
這短短幾秒的背後,是使用數百張的圖片在頁面上快速的切換。
- 使用 mp4 影片,用程式控制播放器的影片暫停、撥放、跳至指定秒數....等障眼法,達成動態畫面與使用者互動的效果。
缺點是影片會大量佔據網站伺服器的頻寬和流量用量,還有須考慮手機直立小螢幕要如何顯示。