平鎮中壢桃園 網頁設計-禾岡網頁設計
背景

你知道有超過八成的使用者可能點不到您的網站選單,也進不去網站嗎?

2020/06/09

有看到您的公司網站上出現上方的「Flash Player 遭到封鎖」的警告標示? 那網站可能要改版了,否則超過八成的使用者可能點不到網站選單,甚至進不去網站。

早期不少網站都會製作首頁動畫、有動畫效果的主選單,例如選單文字飛入,LOGO 有光芒閃動,這些效果在當時可能覺得很炫、感覺網頁設計的錢花得很值得,但是這些效果,在日漸發展的網路環境,後來卻是問題多多:

  1. Flash 動畫的使用者體驗不佳
    網頁 Flash 動畫的載入耗費許多時間和網路頻寬,讓筆電風扇轉得飛快,但等待許久載入之後,並沒有看到什麼重點內容。如果動畫有「略過動畫,直接進入首頁」的按鈕,大家都迫不及待地按下。
     
  2. Flash 衍生的資安與詐騙問題
    許多詐騙釣魚、間諜軟體、病毒網站製作「Flash Player 需要更新」的詐騙廣告,欺騙使用者點擊,許多使用者也無法分辨哪些才是真的「Flash Player 需要更新」,如下圖就是一個假的 Flash Player 更新提示。
    flash player 詐騙
    首先 Flash Player 的正版更新提示視窗並不是長這樣,真的下載下來,九成九也是假的安裝程式。許多使用者被誘騙下載、安裝來路不明的軟體,而導致電腦中毒,經常不穩定當機、電腦淪為駭客攻擊的跳板、資料遭竊取或損失。
     
  3. Flash 被蘋果公司判死刑
    2010 年,蘋果前執行長 Steve Jobs 就以安全、效能、耗電及開放性等理由,在 iOS 平台上排斥 Flash。但是那時候大家都還在用著 Nokia, Sony, Windows Mobile 之類的手機,iPhone 這麼貴,誰會買? 賈伯斯禁止 Flash,跟我請人設計網站,兩者看似毫無關聯?
    但 10 年過去了,現今 iPhone 已經是全球單一品牌市占率最高的手機。網站用 Flash 製作了精美的開場動畫,但是 iPhone, iPad 使用者根本無法看到。
    Android系統的手機(三星、華碩、SONY、小米...等等)內建的網頁瀏覽器,也是看不到網站上的 Flash 動畫的。
     
  4. 不利於 SEO
    網路上的競爭者增多,幾乎每個大小企業都有一個,甚至數個網站,如何在搜尋引擎優化 SEO 和行銷上精進內容,成為重要課題。在內容為王的時代,Flash 內容無疑是一大 SEO 絆腳石,首頁 Flah 動畫裡放了再精美的文案,Flash 主選單裡放了再多的商品連結,搜尋引擎根本無法檢索 Flash 的內容,更遑論被人搜尋到。
     
  5. 廣告系統也不接受 swf 的 Flash 動畫廣告
    自 2016 年 6 月 30 日起,swf 格式的 Flash 廣告,將不被允許上傳至 AdWords 線上廣告(現已改名為 Google Ads)。自 2017 年 1 月 2 日起,Flash 廣告將不被允許在 Google 多媒體廣告聯播網顯示,動畫廣告素材須重新設計製作。
     
  6. Flash 的開發商宣布 2020年底停止支援 Flash Player 播放器的更新。
    網頁瀏覽器必須要安裝 Flash Player 才能瀏覽 Flash 內容,而 Adobe 公司就是 Flash Player 的開發商。2017年,Adobe 宣布在 2020 年底後將不再進行 Flash Player 的安全性修補及更新
    原本用來製作 Flash 動畫的 Adobe Flash 軟體也改名+大改版,用以設計 HTML5 動畫。
     
  7. 桌上型電腦瀏覽器也開始封鎖 Flash 動畫
    除了行動裝置的瀏覽器都看不到 Flash 動畫,從 2018 年起,許多桌上型電腦的瀏覽器也開始封鎖 Flash 動畫,需要每次開網站時額外點一下「允許 Flash」,每次看網頁時多點一下,甚至多設定一些瀏覽器權限,費盡千辛萬苦,才能看到網站裡的 Flash 動畫。
     
  8. 瀏覽器龍頭宣布 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) 的宣傳網頁,網頁往下捲時,畫面上的產品有一個「從側面轉到正面」的動畫效果。
    這短短幾秒的背後,是使用數百張的圖片在頁面上快速的切換。
    https://www.apple.com/tw/mac-pro/
     
  • 使用 mp4 影片,用程式控制播放器的影片暫停、撥放、跳至指定秒數....等障眼法,達成動態畫面與使用者互動的效果。
    缺點是影片會大量佔據網站伺服器的頻寬和流量用量,還有須考慮手機直立小螢幕要如何顯示。
    http://www.ndg.tw/minicafe2017.html

 

最新消息

選擇聯絡方式:

留下聯絡資訊

若有相關服務需求,歡迎填寫以下連絡表格或直接與我們聯繫,我們會儘快回覆。 (* 號為必填項目)

若你有網站請填寫網址

點擊刷新驗證碼
正在送出訊息...請稍等

我們的位置

桃園市平鎮區環南路二段191巷3號1樓 (平鎮特力屋附近) 開始導航

回頂端