設計高易用性網站的8個實用小技巧（上）|數位時代 BusinessNext

設計網站最重要的當然是達成網站目標，而易用性好壞也大大影響網站目標的達成率！beBit將透過「設計高易用性網站的8個實用小技巧（上）」介紹網站製作的前6個易用性小技巧，下篇將介紹撰寫網頁文案及視覺動線的規劃，協助讀者理解高易用性網站的最基本原則。

吸引人的第一視覺區，留住使用者
「接近律」與「封閉律」讓使用者快速理解頁面元素
行動按鍵上的用字遣詞大大影響頁面轉換率
可以點的東西就要「看起來可以點」
重要資訊主動展開在頁面上，不要隨易使用頁籤隱藏內容
頁面底部與Footer比你想像的重要
網頁文案這樣寫，溝通更容易
如何掌控使用者在網站上的視線

重點一、吸引人的第一視覺區，留住使用者

第一視覺區是進入網站後的第一印象，許多網站的跳離率過高，與第一視覺區的設計有很大的關係！設計第一視覺區的基本要求就是「吸引使用者留在網站，繼續瀏覽」，其中四個重點為：(1) 僅保留精華資訊，以節省高度、(2) 設置頁面標題，協助使用者快速理解頁面內容 (3) 讓使用者理解頁面下方還有內容、(4) 運用圖片增加畫面吸引力。

以Amazon網站首頁為例，無論以1024 x 768或1280 x 800等解析度瀏覽網站，第一視覺區中滿足了上述四個元素，放置了最重要的資訊、圖片，並讓使用者感覺網頁下方還有內容，增加往下瀏覽的意願。

【圖一】Amazon首頁第一視覺區
enter image description here
（圖片來源：Amazon網站）

重點二、「接近律」與「封閉律」讓使用者快速理解頁面元素

(1) 接近律 (proximity)
簡單的說就是運用人類視覺會將鄰近的東西分成同一組的特性，所以在網站上如果想要將一群元素讓使用者視為同一群體，可以增加和其他元素之間的空間，並將同元素之間的距離拉近。

(2) 封閉律 (closure)
簡單的說就是運用線、圖或標題分割區域，讓看的人更能理解區域間的差別。

下圖二是beBit網站中的顧客與成果頁面。左方的網站圖片與右方的成效與說明放置位置接近，兩個案例間用灰色的線區隔，更明顯的做出案例間的區隔。

【圖二】beBit網站區隔元素的設計
enter image description here
（圖片來源：beBit網站）

重點三、行動按鍵上的用字遣詞大大影響頁面轉換率

網頁之間基本上是藉由連結移動，但是一般連結的點擊率10%已經算是高的，因此用字要讓使用者易於聯想，增加點擊意願。圖三是一個旅遊網站的例子，在首頁時，使用者想找飯店，而行動按鍵上若是用「訂房」兩字，使用者會誤以為是下直接訂單，因而不願意點擊，若改為「搜尋住宿」後，點擊率大大提升。

【圖三】在首頁想引導使用者搜尋住宿，就不要使用「訂房」兩字在行動按鍵上
enter image description here
資料來源：beBit

重點四、可以點的東西就是要「看起來可以點」

前面我們提到了，要讓使用者點擊內容本身就是一件不容易的事情，如果使用者在網頁上無法辨認出連結的話，即使準備了吸引人的內容也徒勞無功。雖然扁平化的設計隨著iOS7推出引起風潮，但從達成「讓使用者點下去」的目的來看，能點的東西「看起來可以點」更重要！

(1) 藍色或有底線的文字
在藍色文字下方加上底線是沿用到今天的基本手法。由於近年重視文字的易讀性及整體設計，不使用藍色底線的網頁也在增加，但從beBit至今觀察到的使用者行為，「藍色」或「底線」還是讓使用者辨認出連結的重要因素，因此請盡量保留其中元素之一。另外，在並非連結的文字使用「藍字」或「底線」的話，會讓人誤認為可以點擊，要盡量避免。

(2) 行動按鍵要有按壓感
關於行動按鍵的裝飾，具有「可以按下」的感覺十分重要。通常在前端加入符號，賦予按鈕網頁連結感（一般為箭頭或三角形），或在按鍵旁加入層次或陰影，或使用帶有圓角的矩形，便可以為按鍵加上按壓感。
【圖四】具有「按壓感」的行動按鍵
enter image description here

重點五、重要資訊主動展開在頁面上，不要隨易使用頁籤隱藏內容

許多網站喜歡用頁籤（Tab）的方式設計，但頁籤的致命處在使用者沒有強烈動機尋找資訊時，很容易忽略頁籤以致沒看到藏在頁籤中的重要內容。設計網站時要考慮使用者上網的心境，有些網站偏向功能型網站（如：網路銀行），有些網站是娛樂型網站（如：網購平台）。使用者造訪功能型網站時，尋找資訊的動機強烈，即便我們只放一個關鍵字，使用者也有意願找到那個關鍵字並點擊；但娛樂型網站不一樣，一般網購平台的首頁瀏覽情境都是打發時間，若使用頁籤等隱藏資訊的設計，這些被隱藏起來的內容很有可能就直接被忽略了！網頁設計師在思考頁面內容應該如何配置時，一定要一併考慮使用者造訪網站的積極性，才不會誤將重要內容的曝光度打折扣。

重點六、頁面底部與Footer遠比你想像的重要
當使用者的頁面拉到底下時，代表他已經看完一項內容，此時是他們心有餘力看其他內容的時機。為了延續瀏覽行為，頁面的底部是個可以利用的重要區域。因此，推薦商品或關聯性商品應該要放的地方是頁面底部而非頂部。另外，mega footer的運用也是延續瀏覽情境的好工具，蠻適合運用在網購平台這種瀏覽頁數越高越好的網站。許多網站設計師花了很多心思設計了每頁的內容，但卻忽略了在頁面底部建立與其他頁面的連結，導致使用者看完一頁內容後就打住，這真的很可惜！未來在設計你的網站時，也不要輕易忽視頁尾的區域！

【圖五】JAL網站的Mega footer，可延續瀏覽情境
enter image description here
（圖片來源：JAL網站）

本文出自beBit

從 IT Infra 到 AI Infra，企業最大挑戰不是模型、算力而是管理

過去幾年，許多企業透過生成式 AI 實現「問問題」、「摘要文件」、「生成簡報」，提升員工工作績效，而代理式 AI 的崛起與普及，則讓「內嵌 AI 的企業應用」快速成為新常態，從企業資源規劃（ERP）、顧客關係管理（CRM）、人力資源（HR），到客服、研發甚至製造系統，AI 開始深度嵌入各類企業應用，AI 扮演的角色也從單純的輔助工具，逐漸進化為企業營運與決策流程的重要核心。

也因此，企業保持未來競爭力的關鍵，不再是「有沒有導入 AI」，而是「是否具備管理 AI 的能力」，包括如何讓多模型共存、如何控管 Token 成本、如何確保資料品質與一致性、如何依不同部門需求配置 Agent，以及如何避免 AI 成為新的資訊孤島，都是企業導入 AI 後的新挑戰。

「Gemini、Claude、OpenAI、Mistral 等模型快速迭代，意味著企業若只押注單一模型，未來很可能在成本、效能與彈性上失去優勢。」勤英科技區域總經理黃士培表示，企業接下來更需要以「Models as Infrastructure（模型即基礎建設）」的思維，將大型語言模型視為與運算、儲存、網路同等重要的基礎資源來規劃、治理以及進行成本管理，將資訊系統架構重塑為 AI 基礎建設。

勤英科技服務的客戶數超過 2,000 家，不少客戶已導入 AI 應用服務，正積極建置 AI Infra 與管理環境，因此，勤英科技自 2025 年積極轉型，將 AI Infra 視為企業長期競爭力的基礎建設來經營，業務範疇從傳統雲端代理擴展至 AI Infra 整合服務商，例如與多模型平台 MixRoute 合作，並開發可支援單一登入（SSO）、彈性調度不同大型語言模型 Token 的管理平台，協助企業簡化模型管理與成本控管，將更多資源與心力聚焦於核心業務與創新應用。

從雲端代理走向 AI Infra 整合，勤英科技從三面向協助企業發揮 AI 綜效

有鑑於 AI 應用與雲端環境息息相關，勤英科技除因應企業客戶的多雲策略協助管理多雲環境、優化成本，以及落實資安治理，更因應不同使用情境推出三種 AI 方案助力企業：

第一：提供開箱即用的 AI 服務。

黃士培以 Google Cloud 的產品為例解釋，透過整合 Gemini 的 Google Workspace，企業可直接在 Gmail、Meet、Docs、Sheets、Slides 中使用 AI 功能，包括會議摘要、文件生成、簡報整理等，快速提升員工生產力，同時，增強企業對 AI 應用的信心，為之後的應用深化做準備。

第二：協助企業規劃、打造與導入代理式 AI 應用服務。

「對於擁有豐沛結構化數據資料、知識庫的企業來說，除以生成式 AI 打造企業大腦，還會透過代理式 AI 提升自動化執行能力，重塑工作效率。」黃士培表示，勤英科技可以基於 Google Gemini Enterprise，提供含括底層雲端架構、AI 模型調度、資料治理與 AI Agent 串接等服務，讓企業員工可以自然語言安全調用企業資料，讓 Agent 進一步執行任務與推動流程。

舉例來說，勤英科技協助在台灣成立超過 50 年的製造業品牌商將 Gemini Enterprise 介接 SAP 與 Salesforce 訓練模型、建立可供 AI 調用的企業知識中樞；另在影音內容生成領域，勤英科技亦協助客戶導入 AI 自動化技術，將內容產製成本縮減達 90%。

第三：提供多模型聚合管理平台，滿足企業以 API 串連各種模型的需求。

勤英科技與新加坡 MixRoute 合作，提供企業客戶多模型管理平台，讓企業可以視需求彈性敏捷的調度 Gemini、Claude、OpenAI 等不同模型，並透過單一帳號、單一帳單與 Budget Alert 機制，管理 token 使用量與 AI 成本。

「透過我們提供的多模型管理平台，企業客戶不會被單一模型綁定，可以在模型快速疊代的環境下，更靈活地管理成本與算力資源。」黃士培如是說道。

總的來說，隨著 AI 應用從單點工具走向大規模企業部署，下一波競爭核心將從模型能力延伸至 AI 基礎設施管理能力，而這也是勤英科技從雲端代理走向 AI Infra 整合服務商背後的核心原因：當 AI 開始成為企業營運的一部分，企業需要的，已不只是模型供應商，而是能協助串接雲端、資料、Agent 與應用場景的長期技術夥伴。

有關更多勤英科技相關資訊，請查詢網站：https://www.elite.cloud/zh/