看不見的體驗差距:為什麼搜尋不到真正好用的網站?

更新 發佈閱讀 3 分鐘

我為什麼決定在搜尋結果中顯示無障礙指標

一、開場:一個熟悉卻令人沮喪的場景

你打開 Google,輸入你要查的資料,結果跳出十個連結。你點了第一個、廣告一堆,關掉;點了第二個,圖片一大堆,但沒寫你要的內容;第三個,按了幾個 Tab 鍵,游標跑到不知道哪裡去⋯
最後你開始懷疑,是不是自己太挑剔?

二、問題不只是資訊太多,而是我們「看不到」體驗品質

我們現在的搜尋引擎,大多數是以 SEO、網站速度、內容量這些技術指標為主來排序。

但真正讓一個網站「好用」的條件,卻是極其主觀而實際的:

  • 能不能鍵盤操作?
  • 標題有沒有意義?
  • 廣告會不會遮住主要內容?
  • 色彩、對比是否足夠讓你看清楚?

這些,都是使用者自己在點進去之後,用時間、情緒與忍耐換來的資訊

三、我想改變的是:讓體驗被預先「看見」

在這個背景下,我開始思考:

能不能在搜尋的那一刻,就知道某網站的無障礙狀況?

不是打分數、不是比賽排名、不是要把誰貼標籤,而是——

「這個網站,有在努力讓人用得舒服嗎?」

我不是想創造一個新的搜尋引擎,我只是想讓「使用體驗」這件事變得可見

這就是我設計出 Accesserty Signal 的起點。

四、Signal 是什麼?不是打分數,是「幫你選擇」

Accesserty Signal 是一個 Chrome Extension,它會在 Google 搜尋結果右側,顯示一個簡單的 badge:


在搜尋結果標題旁邊顯示「a11y: Lighthouse分數」

在搜尋結果標題旁邊顯示「a11y: Lighthouse分數」


這個數字來自於 Lighthouse 無障礙檢測(可解釋、可比對、標準化)。

它不是打臉網站,也不是做名單化清單。

而是讓使用者在搜尋時,有一個簡單的線索去做選擇。

五、我為什麼堅持不是用評分系統?

因為我不想讓這變成另一次「灌分遊戲」。

過去太多平台都把使用者體驗簡化成「評分」,但這往往只會變成:

  • 被操弄(行銷灌水)
  • 被曲解(一星來自情緒,不是事實)
  • 被用來威脅廠商(評不好就曝光)

我想避免這一切。

Accesserty Signal 的分數只是參考性的測量,不是評價。

真正的改善,還是得靠網站自己有意願去做。

六、這只是開始,但我希望打開那一點點「透明感」

我知道 Accesserty Signal 不會立刻改變世界,但它做的第一件事是:

讓體驗變得可見,不再只能靠使用者進網站後自己慢慢體會。

如果你也有過「不知道該點哪個網站」的焦慮,

或你曾經因為網頁看起來太煩而關掉它—— 那你其實已經體驗到「體驗的不可見性」了。

Accesserty 是我嘗試在這之中,讓這個差距變得可見、可說明、可改善的一步。







留言
avatar-img
留言分享你的想法!
avatar-img
Neil 的沙龍
4會員
16內容數
紀錄突然想到的設計靈感或實作的經過
Neil 的沙龍的其他內容
2025/05/23
分享花了一個月左右打造的新品牌:Accesserty 這是一個專注於提升無障礙網頁體驗的小型工具生態,從搜尋體驗到開發測試。
Thumbnail
2025/05/23
分享花了一個月左右打造的新品牌:Accesserty 這是一個專注於提升無障礙網頁體驗的小型工具生態,從搜尋體驗到開發測試。
Thumbnail
2025/04/16
因為很好奇,所以想檢測一下主流 LLM Chat 工具在無障礙上的支援程度 隨著歐盟的無障礙法規到來,我實在是很好奇最近幾年新出現的 LLM Chatbot 是否能通過無障礙,於是就隨意挑選三個 LLM 記錄一下 2025 目前的狀況。(如果過不了還能在歐盟的國家使用嗎?真是疑惑。)
Thumbnail
2025/04/16
因為很好奇,所以想檢測一下主流 LLM Chat 工具在無障礙上的支援程度 隨著歐盟的無障礙法規到來,我實在是很好奇最近幾年新出現的 LLM Chatbot 是否能通過無障礙,於是就隨意挑選三個 LLM 記錄一下 2025 目前的狀況。(如果過不了還能在歐盟的國家使用嗎?真是疑惑。)
Thumbnail
2025/01/01
一個小程式,幫助撰文者製作符合無障礙網頁規範的文章 以 TinyMCE 為例,建立小工具檢測文章內容是否符合無障礙規範
Thumbnail
2025/01/01
一個小程式,幫助撰文者製作符合無障礙網頁規範的文章 以 TinyMCE 為例,建立小工具檢測文章內容是否符合無障礙規範
Thumbnail
看更多
你可能也想看
Thumbnail
#maxask #惡意軟體 #瀏覽器被惡意或廣告工具綁架 URL轉址(重定向、重新導向):當使用者瀏覽A網址時,自動跳轉到B網址。 - 發生情境: 使用edge瀏覽器,使用Google搜尋引擎, 搜尋XXX關鍵字,網頁自動跳轉到maxask的搜尋介面。
Thumbnail
#maxask #惡意軟體 #瀏覽器被惡意或廣告工具綁架 URL轉址(重定向、重新導向):當使用者瀏覽A網址時,自動跳轉到B網址。 - 發生情境: 使用edge瀏覽器,使用Google搜尋引擎, 搜尋XXX關鍵字,網頁自動跳轉到maxask的搜尋介面。
Thumbnail
有時候回顧我部落格的文章,發現往往自己嘔心瀝血之作點閱數少的可憐... 反而隨意寫、在我眼中跟個版廢文沒兩樣的作品點閱率很高,一直感到很疑惑。我想知道怎樣的文章受讀者喜愛? 搜尋引擎又會推薦給讀者什麼樣子的文章?
Thumbnail
有時候回顧我部落格的文章,發現往往自己嘔心瀝血之作點閱數少的可憐... 反而隨意寫、在我眼中跟個版廢文沒兩樣的作品點閱率很高,一直感到很疑惑。我想知道怎樣的文章受讀者喜愛? 搜尋引擎又會推薦給讀者什麼樣子的文章?
Thumbnail
搜尋引擎,是世界上最大的圖書館。當你想借某一本書、提供書的「線索」,搜尋引擎會從好幾億本合適的書籍裡,在0.1秒之內,挑出最適合的10本。所以你必須思考怎麼讓圖書館優先推薦你的書?
Thumbnail
搜尋引擎,是世界上最大的圖書館。當你想借某一本書、提供書的「線索」,搜尋引擎會從好幾億本合適的書籍裡,在0.1秒之內,挑出最適合的10本。所以你必須思考怎麼讓圖書館優先推薦你的書?
Thumbnail
本篇文章是根據知名 SEO 軟體開發商 Ahrefs 在分析一百多萬個網址後,所整理出來的技術性 SEO 問題以及對應的解決方案。
Thumbnail
本篇文章是根據知名 SEO 軟體開發商 Ahrefs 在分析一百多萬個網址後,所整理出來的技術性 SEO 問題以及對應的解決方案。
Thumbnail
資訊架構就像是網站的地圖,讓用戶快速找到所需的資訊。好的資訊架構可提升使用者滿意度、強化 SEO、增進擴充性、達成商業目標。資訊架構可透過使用者訪談、卡片分析、競品分析、使用者測試等方法設計。在設計資訊架構時,需考量用戶的認知方式、目標客群、資訊分類等因素。定期檢驗資訊架構,才能確保用戶體驗。
Thumbnail
資訊架構就像是網站的地圖,讓用戶快速找到所需的資訊。好的資訊架構可提升使用者滿意度、強化 SEO、增進擴充性、達成商業目標。資訊架構可透過使用者訪談、卡片分析、競品分析、使用者測試等方法設計。在設計資訊架構時,需考量用戶的認知方式、目標客群、資訊分類等因素。定期檢驗資訊架構,才能確保用戶體驗。
Thumbnail
在今天的數字時代,網路不僅僅是資訊的來源,更是企業發展和個人品牌建立的關鍵所在。然而,無論你是管理自己的網站還是在數位行銷領域工作,若未能掌握搜索引擎優化(SEO)的精髓,你將面臨被淹沒在網路浪潮中的風險。 SEO不僅是提升網站排名的技術,更是通往持久流量和高質量訪客的大門。每一次的搜尋,背後都有
Thumbnail
在今天的數字時代,網路不僅僅是資訊的來源,更是企業發展和個人品牌建立的關鍵所在。然而,無論你是管理自己的網站還是在數位行銷領域工作,若未能掌握搜索引擎優化(SEO)的精髓,你將面臨被淹沒在網路浪潮中的風險。 SEO不僅是提升網站排名的技術,更是通往持久流量和高質量訪客的大門。每一次的搜尋,背後都有
Thumbnail
免費SEO優化電子書, 省下5000元, 一萬七千多字完全免費送! SEO優化電子書目錄 【SEO基礎知識】 什麼是SEO? SEO搜尋引擎的運作原理 【關鍵字研究】 SEO關鍵字研究的方法有哪些? SEO關鍵字分析工具 在進行關鍵字研究時,使用一些專門的關鍵字分析工具可以幫
Thumbnail
免費SEO優化電子書, 省下5000元, 一萬七千多字完全免費送! SEO優化電子書目錄 【SEO基礎知識】 什麼是SEO? SEO搜尋引擎的運作原理 【關鍵字研究】 SEO關鍵字研究的方法有哪些? SEO關鍵字分析工具 在進行關鍵字研究時,使用一些專門的關鍵字分析工具可以幫
Thumbnail
在當今數位時代,搜尋引擎排名對於各大企業、各式品牌,以及創作者的重要性已經不言而喻。然而,許多人在追求「高排名」時卻陷入了一些「誤區」,例如:砸大錢買不知所謂的社群廣告、常自......
Thumbnail
在當今數位時代,搜尋引擎排名對於各大企業、各式品牌,以及創作者的重要性已經不言而喻。然而,許多人在追求「高排名」時卻陷入了一些「誤區」,例如:砸大錢買不知所謂的社群廣告、常自......
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News