如何改善跨裝置的網站體驗|數位時代 BusinessNext

以下幾點是行動端網頁常發生的錯誤:

1. 被限制的內容: 通常使用者希望從行動裝置取得的網頁資訊，應該與傳統網頁取得的無異，因此不要刪減任何內容。建議你可以製作專為手機用戶使用的網頁，並將內容作適當的編排與規劃，而非拿掉一般網頁上原有的東西。
2. 多重的網域: 行動網頁不要使用多個不同的網域，應該整合在一起，因為網域對於搜尋排名和品牌識別都很重要，也攸關網站主多年投入的心力。
3. 彈出式視窗 (Pop-ups) : 彈出式視窗會讓人感覺較有侵略性，所以一般被認為是較差的使用者體驗，若有需要建議使用簡單的橫幅廣告取代。
4. 無法撥放的影片: 很多影片時常無法在智慧型手機上播放，因此建議以 HTML5 標準標籤將影片匯入，且不要用像是 Flash 、 Java Script 格式的內容，因為大部分的手機並不支援。
5. 錯誤的重新導向 (Redirects) : 如果你的網頁有個等同智慧型手機的 URL，請確定有進行 Redirect，那麼使用者最終就可以到達正確的目標頁。這聽起來可能很稀鬆平常，但卻也是建立手機網頁時常見的問題。
6. 讀取速度: 若網頁讀取得快，通常使用者經驗也較佳。而且手機端的使用者通常有一些特性，例如: 對於網頁的讀取速度會更敏感，網頁讀取速度不佳時，放棄的比率也較一般高。

跨裝置使用習慣調查 -----------------------------------------------

事實上 Google 也曾在去年對使用者跨裝置的使用行為進行調查，從下列數據不難發現，使用者無論是在資訊查詢、網路瀏覽、線上購物還是線上影音觀看，在 second device 的使用比例都明顯較高。這也呼應網站在橫跨多重裝置的表現，更可能影響訪客的網站體驗。

因應跨裝置瀏覽網頁的三種設計方式:

1. 響應式設計(Responsive Design) : 主要針對使用者不同尺寸的螢幕來優化網站體驗，通常透過調整圖片大小、模板樣式和顯示的內容來達成，一般常見的 Mobile Web 就是運用此種設計。
2. 相同網址上動態變更 HTML : 當訪客載入網頁時，網站伺服器會根據使用者的設備 (包括手機、平板、PC)，顯示合適的頁面 (HTML+CSS)，因此不同的使用者瀏覽相同的頁面時，看到的網頁內容不一定相同。
3. 重新導向網址 (Redirection) : 透過自動判斷訪客是否使用行動裝置，來將使用者導向至適合行動瀏覽的網站，因此通常會針對不同裝置另外設計網頁內容。

總結

使用特定裝置查看網站時，有些錯誤會對使用者的網站體驗造成不良的影響。

除了一般網頁外，擁有手機網頁的網站主更應該注重網頁品質，若只是將傳統網頁，照本宣科地移植到行動裝置上，相同的內容呈現在不同的裝置上，則可能會有預期外的錯誤發生。若你也是位網站管理人員，那就快替你的網站把把脈吧!

資料來源: Google Mobile Ads Blog
圖片來源: Codebaby

出自WIS 匯智/ Steven Kuo

企業高速成長，市場最先看見的是業務營收與市場排名的飆漲，但真正決定企業能走多遠的，往往是水面下看不見的IT與營運骨幹。

諾億保經就是一個經典案例。

2024年，諾億保經的全年保費規模約28億元，隔年直接翻被衝破60億，今年，更預計挑戰120億到150億大關，強勢躍居台灣前十大保經公司；業績快速成長的同時，諾億保經的組織配置也很精實：外勤業務團隊約500人，負責核保、行政與稽核的後勤單位卻僅約30人。

值得特別注意的是，隨著營收在短時間內翻倍，受到考驗的不只是業務能力，也包括後台系統、資訊設備、網路、資安，以及法遵與內控能否同步跟上。

諾億保經總經理賴柏翰直言：「客戶資料是諾億保經的核心資產，特別是我們以投資型保單為主力業務，對個人隱私與財務資訊的防護要求極高。」此外，隨著營運規模擴大，金管會對資訊安全與內控稽核的監管標準也隨之提高，必須重塑IT與資安體質以回應高速成長。

評估完自身資源後，諾億保經做了一個重要決定：不從零自建IT團隊，而是採取資訊外包模式，提供企業擴展所需的支援。

諾億保經總監張維倫表示：「我們需要合作夥伴提供完整支援，自由系統不僅具備金融產業經驗與深厚維運實力，還能提供一站式服務，因而雀屏中選。」由自由系統負責台北與台中辦公室的端點設備、儲存架構、網路與資安維運等工作。

診斷重於工具：先清查環境盲點，再談防禦升級

缺乏專職資訊人力的中小企業或快速成長型組織，很常陷入一個迷思：市場上出了什麼新工具、新架構，就急著導入；然而，自由系統的作法是先回歸營運本質：盤點現況。

在雙方正式簽約前，自由系統的顧問團隊便深入檢視諾億保經的既有環境，找到一個最急迫的營運隱患：內勤行政人員與外勤業務人員，竟在辦公室內共用同一套網路網段，這意味著外部裝置一旦連網中毒，極可能直接橫向感染存放敏感保單資料的內部系統，為降低風險，自由系統隨即協助諾億保經進行網段隔離與權限切割，在第一時間化解安全未爆彈。

這套「先釐清現況、確認優先級、消弭落差」的邏輯，也體現在資安合規的推進上。

自由系統服務顧問黃麒翰以ISO 27001認證輔導為例指出：「諾億的認證合規由專職顧問主導，但底層關鍵的端點偵測回應（EDR）、託管偵測回應（MDR）、防火牆規則、特權帳號管理及硬體資產盤點，全由自由系統提供技術支援。我們的目標是替企業建立完整的『環境可視性』（Visibility），讓風險一目了然。」

對諾億保經來說，資訊設備、網路與日常維運雖然是營運不可或缺的基礎，卻不是公司的核心業務，如果自行建立完整IT部門，不僅要負擔人力成本，也必須長期維持涵蓋網路、設備、資安與系統維運的專業能力；相較之下，將這些工作交給自由系統的專業團隊負責，諾億保經可以將時間與精力放在可直接創造營收的核心業務。

「與自由系統合作至今，我們不僅更好強化IT體質、順利補強合規缺口，也為接下來的AI應用打下穩健基礎。」張維倫如是說道。

從防守走向進攻：雲地協同架構，讓AI真正走入第一線

IT與資安基礎逐步穩定後，諾億保經開始將資源放到下一階段：如何利用AI提升業務與營運效率。

在業務端，諾億嘗試透過AI實現「保險情境遊戲化」。

賴柏翰指出，一般客戶很難體會重大疾病帶來的財務衝擊，與其單向說明「萬一罹癌怎麼辦」，不如透過AI模擬動態情境，讓客戶在虛擬人生中面臨關鍵決策；甚至，將台股加權指數、S&P 500走勢融入情境，模擬面臨資金缺口時，抵押借款或贖回投資將對個人資產產生何種實質影響，讓保險規畫轉化為主動的探索體驗。

同樣的邏輯也導入內部培訓與後勤自動化。

過去高度仰賴資深講師與紙本教材的訓練流程，被轉化為AI互動式推演，讓500位業務能在高度擬真的客戶抗拒或理財情境中反覆演練，大幅縮短新人上手週期。至於在行政方面，傳統業務助理得耗費大量時間進行分類、掃描、校對保單文件的繁瑣流程，也交由AI與自動化工具處理，助理僅需做最終核對與歸檔，使30人的後勤編制得以支撐暴增數倍的合規案件。

在AI探索的過程中，自由系統就像是諾億保經的IT團隊、協助評估與提供所需產品服務。

自由系統售前顧問劉威利強調：「金融保險業涉及大量機敏個資，絕不能盲目把所有資料拋上公有雲AI。」因此，自由系統協助諾億精準劃分「地端與雲端邊界」，例如，哪些非機敏資料可藉助雲端模型運算、哪些敏感核保數據必須保留在地端進行私有化推論，並協同評估相應的地端硬體算力與加密機制，讓創新應用不以犧牲資安為代價。

總的來說，從28億飆升至百億規模，諾億保經展現了一家新銳金融服務企業的高敏捷度；而自由系統則證明了託管服務（MSP）已不再只是被動的修電腦與顧網路，更是高速成長企業在架構選擇、資安風控與AI轉型路上，不可或缺的最佳夥伴。