<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/"><channel><title>Touch-Target on Tarragon</title><link>https://tarrragon.github.io/blog/tags/touch-target/</link><description>Recent content in Touch-Target on Tarragon</description><generator>Hugo -- gohugo.io</generator><language>zh-TW</language><copyright>Tarragon (CC BY 4.0)</copyright><lastBuildDate>Thu, 16 Jul 2026 00:00:00 +0800</lastBuildDate><atom:link href="https://tarrragon.github.io/blog/tags/touch-target/index.xml" rel="self" type="application/rss+xml"/><item><title>Touch Target（觸控目標）</title><link>https://tarrragon.github.io/blog/ux-design/knowledge-cards/touch-target/</link><pubDate>Thu, 16 Jul 2026 00:00:00 +0800</pubDate><guid>https://tarrragon.github.io/blog/ux-design/knowledge-cards/touch-target/</guid><description>&lt;p>Touch Target 的核心概念是「可點擊區域必須涵蓋視覺上暗示可點的範圍」。視覺設計透過整行反白、箭頭圖示、卡片邊框暗示「這裡可以點」；若實際的 gesture 區域小於視覺暗示的範圍，使用者點了沒反應，體感跟按鈕壞掉相同。它處理的是回饋發生之前的問題 — 點擊沒有落在 gesture 區域內，&lt;a href="https://tarrragon.github.io/blog/ux-design/06-interaction-feedback/feedback-three-layers/" data-link-title="互動回饋三層模型：點擊確認、等待指示、結果通知" data-link-desc="使用者操作後的回饋依時間分層，缺層的症狀是重複提交與重複導航 — 診斷「按了沒反應」與多步驟流程卡狀態問題的檢查框架，涵蓋按鈕級與畫面級兩個尺度。">三層回饋&lt;/a>連第一層都不會啟動。與 &lt;a href="https://tarrragon.github.io/blog/ux-design/knowledge-cards/doherty-threshold/" data-link-title="Doherty Threshold（400ms 門檻）" data-link-desc="說明 400ms 回應時間門檻的出身（IBM 生產力研究）、現代設計慣例的轉譯過程，以及它跟 Nielsen 感知門檻的量測差異">Doherty Threshold&lt;/a>（回饋時間門檻）互補：Doherty 管「點擊後多久要有反應」，Touch Target 管「點擊有沒有落在可反應的區域」。&lt;/p>
&lt;h2 id="概念位置">概念位置&lt;/h2>
&lt;p>Touch Target 處理的是回饋鏈的第零層——點擊有沒有落在可反應的區域。&lt;a href="https://tarrragon.github.io/blog/ux-design/06-interaction-feedback/feedback-three-layers/" data-link-title="互動回饋三層模型：點擊確認、等待指示、結果通知" data-link-desc="使用者操作後的回饋依時間分層，缺層的症狀是重複提交與重複導航 — 診斷「按了沒反應」與多步驟流程卡狀態問題的檢查框架，涵蓋按鈕級與畫面級兩個尺度。">三層回饋&lt;/a>（點擊確認 / 等待指示 / 結果通知）假設點擊已經落在 gesture 區域內；Touch Target 確保這個前提成立。與 &lt;a href="https://tarrragon.github.io/blog/ux-design/knowledge-cards/doherty-threshold/" data-link-title="Doherty Threshold（400ms 門檻）" data-link-desc="說明 400ms 回應時間門檻的出身（IBM 生產力研究）、現代設計慣例的轉譯過程，以及它跟 Nielsen 感知門檻的量測差異">Doherty Threshold&lt;/a> 的關係是空間 vs 時間：Doherty 管回饋的時間門檻、Touch Target 管回饋的空間門檻。與 &lt;a href="https://tarrragon.github.io/blog/ux-design/knowledge-cards/screen-state-matrix/" data-link-title="Screen State Matrix（畫面狀態矩陣）" data-link-desc="說明用四欄表格（顯示/可用操作/進入條件/退出路徑）系統性地暴露畫面導航缺口的設計工具">Screen State Matrix&lt;/a> 無直接關聯——狀態矩陣管畫面層級的轉換、Touch Target 管元件層級的互動。&lt;/p>
&lt;h2 id="尺寸底線與範圍對齊">尺寸底線與範圍對齊&lt;/h2>
&lt;p>兩個層次的要求，缺一都會產生「點了沒反應」：&lt;/p>
&lt;ul>
&lt;li>&lt;strong>尺寸底線&lt;/strong>：Material Design 規定最小觸控目標 48x48dp、iOS HIG 規定 44x44pt。小於底線的目標（如單獨一顆 24dp 圖示）即使精準點擊也容易失手。&lt;/li>
&lt;li>&lt;strong>範圍對齊&lt;/strong>：觸控區域要等於視覺暗示的可點範圍。列表行的展開/收合是典型場景 — 整行是一個視覺單元，使用者直覺點行的任何位置；若 gesture 只掛在尾端箭頭 &lt;code>IconButton&lt;/code> 上，點標籤名稱、點空白處都無反應。&lt;/li>
&lt;/ul>
&lt;p>一個書庫管理 App 的標籤管理頁實證了範圍錯位（案例見 &lt;a href="https://tarrragon.github.io/blog/ux-design/cases/tag-row-touch-target-scope/" data-link-title="U.C8 標籤行只有箭頭可點 — 觸控目標小於視覺單元" data-link-desc="列表行的展開/收合看起來整行可點、實機測試點文字卻無反應時使用。gesture 只掛在尾端箭頭 icon 上、整行的視覺暗示範圍遠大於實際可點區域，使用者體感等同功能壞掉。">U.C8&lt;/a>）：二級標籤的展開/收合只有尾端箭頭可點，實機測試使用者直覺點整行、無反應。修復是在包裹整行的 &lt;code>InkWell&lt;/code> 加上 &lt;code>onTap&lt;/code>（與箭頭觸發同一個 callback）；內層 &lt;code>IconButton&lt;/code> 是獨立 gesture 區域，點箭頭時由它自己處理，不會被外層重複觸發 — 整行成為觸控目標，箭頭行為不變。&lt;/p>
&lt;h2 id="可觀察訊號與例子">可觀察訊號與例子&lt;/h2>
&lt;p>範圍錯位的訊號是「使用者點了視覺單元的非 icon 區域而無反應」：實機測試點列表行文字無反應、可用性測試觀察到使用者重複點擊同一行、觸控熱點分析顯示大量落在 gesture 區域外的點擊。程式碼層的訊號是 gesture 只掛在視覺單元的子元件（trailing icon、小圖示）而非整個單元容器。&lt;/p>
&lt;h2 id="設計責任">設計責任&lt;/h2>
&lt;p>Touch Target 的設計責任是讓「看起來可以點的地方」與「實際可以點的地方」一致，且不小於平台底線。列表行的主要操作（展開、進入詳情）以整行為觸控目標；行內若有次要操作（刪除、更多選單），保留為獨立的內層 gesture 區域，兩者互不干擾。設計審查時對每個可互動視覺單元問一句：使用者最直覺點的位置，在 gesture 區域內嗎？&lt;/p></description><content:encoded><![CDATA[<p>Touch Target 的核心概念是「可點擊區域必須涵蓋視覺上暗示可點的範圍」。視覺設計透過整行反白、箭頭圖示、卡片邊框暗示「這裡可以點」；若實際的 gesture 區域小於視覺暗示的範圍，使用者點了沒反應，體感跟按鈕壞掉相同。它處理的是回饋發生之前的問題 — 點擊沒有落在 gesture 區域內，<a href="/blog/ux-design/06-interaction-feedback/feedback-three-layers/" data-link-title="互動回饋三層模型：點擊確認、等待指示、結果通知" data-link-desc="使用者操作後的回饋依時間分層，缺層的症狀是重複提交與重複導航 — 診斷「按了沒反應」與多步驟流程卡狀態問題的檢查框架，涵蓋按鈕級與畫面級兩個尺度。">三層回饋</a>連第一層都不會啟動。與 <a href="/blog/ux-design/knowledge-cards/doherty-threshold/" data-link-title="Doherty Threshold（400ms 門檻）" data-link-desc="說明 400ms 回應時間門檻的出身（IBM 生產力研究）、現代設計慣例的轉譯過程，以及它跟 Nielsen 感知門檻的量測差異">Doherty Threshold</a>（回饋時間門檻）互補：Doherty 管「點擊後多久要有反應」，Touch Target 管「點擊有沒有落在可反應的區域」。</p>
<h2 id="概念位置">概念位置</h2>
<p>Touch Target 處理的是回饋鏈的第零層——點擊有沒有落在可反應的區域。<a href="/blog/ux-design/06-interaction-feedback/feedback-three-layers/" data-link-title="互動回饋三層模型：點擊確認、等待指示、結果通知" data-link-desc="使用者操作後的回饋依時間分層，缺層的症狀是重複提交與重複導航 — 診斷「按了沒反應」與多步驟流程卡狀態問題的檢查框架，涵蓋按鈕級與畫面級兩個尺度。">三層回饋</a>（點擊確認 / 等待指示 / 結果通知）假設點擊已經落在 gesture 區域內；Touch Target 確保這個前提成立。與 <a href="/blog/ux-design/knowledge-cards/doherty-threshold/" data-link-title="Doherty Threshold（400ms 門檻）" data-link-desc="說明 400ms 回應時間門檻的出身（IBM 生產力研究）、現代設計慣例的轉譯過程，以及它跟 Nielsen 感知門檻的量測差異">Doherty Threshold</a> 的關係是空間 vs 時間：Doherty 管回饋的時間門檻、Touch Target 管回饋的空間門檻。與 <a href="/blog/ux-design/knowledge-cards/screen-state-matrix/" data-link-title="Screen State Matrix（畫面狀態矩陣）" data-link-desc="說明用四欄表格（顯示/可用操作/進入條件/退出路徑）系統性地暴露畫面導航缺口的設計工具">Screen State Matrix</a> 無直接關聯——狀態矩陣管畫面層級的轉換、Touch Target 管元件層級的互動。</p>
<h2 id="尺寸底線與範圍對齊">尺寸底線與範圍對齊</h2>
<p>兩個層次的要求，缺一都會產生「點了沒反應」：</p>
<ul>
<li><strong>尺寸底線</strong>：Material Design 規定最小觸控目標 48x48dp、iOS HIG 規定 44x44pt。小於底線的目標（如單獨一顆 24dp 圖示）即使精準點擊也容易失手。</li>
<li><strong>範圍對齊</strong>：觸控區域要等於視覺暗示的可點範圍。列表行的展開/收合是典型場景 — 整行是一個視覺單元，使用者直覺點行的任何位置；若 gesture 只掛在尾端箭頭 <code>IconButton</code> 上，點標籤名稱、點空白處都無反應。</li>
</ul>
<p>一個書庫管理 App 的標籤管理頁實證了範圍錯位（案例見 <a href="/blog/ux-design/cases/tag-row-touch-target-scope/" data-link-title="U.C8 標籤行只有箭頭可點 — 觸控目標小於視覺單元" data-link-desc="列表行的展開/收合看起來整行可點、實機測試點文字卻無反應時使用。gesture 只掛在尾端箭頭 icon 上、整行的視覺暗示範圍遠大於實際可點區域，使用者體感等同功能壞掉。">U.C8</a>）：二級標籤的展開/收合只有尾端箭頭可點，實機測試使用者直覺點整行、無反應。修復是在包裹整行的 <code>InkWell</code> 加上 <code>onTap</code>（與箭頭觸發同一個 callback）；內層 <code>IconButton</code> 是獨立 gesture 區域，點箭頭時由它自己處理，不會被外層重複觸發 — 整行成為觸控目標，箭頭行為不變。</p>
<h2 id="可觀察訊號與例子">可觀察訊號與例子</h2>
<p>範圍錯位的訊號是「使用者點了視覺單元的非 icon 區域而無反應」：實機測試點列表行文字無反應、可用性測試觀察到使用者重複點擊同一行、觸控熱點分析顯示大量落在 gesture 區域外的點擊。程式碼層的訊號是 gesture 只掛在視覺單元的子元件（trailing icon、小圖示）而非整個單元容器。</p>
<h2 id="設計責任">設計責任</h2>
<p>Touch Target 的設計責任是讓「看起來可以點的地方」與「實際可以點的地方」一致，且不小於平台底線。列表行的主要操作（展開、進入詳情）以整行為觸控目標；行內若有次要操作（刪除、更多選單），保留為獨立的內層 gesture 區域，兩者互不干擾。設計審查時對每個可互動視覺單元問一句：使用者最直覺點的位置，在 gesture 區域內嗎？</p>
]]></content:encoded></item><item><title>U.C8 標籤行只有箭頭可點 — 觸控目標小於視覺單元</title><link>https://tarrragon.github.io/blog/ux-design/cases/tag-row-touch-target-scope/</link><pubDate>Thu, 16 Jul 2026 00:00:00 +0800</pubDate><guid>https://tarrragon.github.io/blog/ux-design/cases/tag-row-touch-target-scope/</guid><description>&lt;p>書庫管理 App 的標籤管理頁需要展開/收合二級標籤。每一行的視覺設計（整行反白、尾端箭頭圖示）暗示整行可點，但 gesture 只掛在尾端的 &lt;code>IconButton&lt;/code> 上。&lt;/p>
&lt;h2 id="觀察">觀察&lt;/h2>
&lt;p>實機測試路徑：標籤管理頁 → 點擊二級標籤行的標籤名稱位置 → 無反應。點擊尾端箭頭才能展開/收合。使用者連續點同一行不同位置 2-3 次後才命中箭頭，體感等同功能壞掉。&lt;/p>
&lt;table>
 &lt;thead>
 &lt;tr>
 &lt;th>項目&lt;/th>
 &lt;th>修復前&lt;/th>
 &lt;th>修復後（W1-087）&lt;/th>
 &lt;/tr>
 &lt;/thead>
 &lt;tbody>
 &lt;tr>
 &lt;td>gesture 掛載點&lt;/td>
 &lt;td>尾端 &lt;code>IconButton&lt;/code>&lt;/td>
 &lt;td>外層 &lt;code>InkWell&lt;/code> 的 &lt;code>onTap&lt;/code>（與箭頭同一 callback）&lt;/td>
 &lt;/tr>
 &lt;tr>
 &lt;td>可點範圍&lt;/td>
 &lt;td>箭頭 icon 區域&lt;/td>
 &lt;td>整行&lt;/td>
 &lt;/tr>
 &lt;tr>
 &lt;td>內層箭頭&lt;/td>
 &lt;td>唯一 gesture&lt;/td>
 &lt;td>獨立 gesture 區域，點箭頭由它處理、不被外層重複觸發&lt;/td>
 &lt;/tr>
 &lt;tr>
 &lt;td>視覺 vs 實際&lt;/td>
 &lt;td>視覺暗示整行可點、實際只有箭頭（範圍錯位）&lt;/td>
 &lt;td>視覺暗示與實際可點範圍一致&lt;/td>
 &lt;/tr>
 &lt;/tbody>
&lt;/table>
&lt;h2 id="判讀">判讀&lt;/h2>
&lt;ol>
&lt;li>
&lt;p>&lt;strong>範圍錯位與尺寸底線是兩個獨立問題&lt;/strong>。箭頭圖示本身可能已達 48x48dp 最小觸控目標底線——尺寸合格不代表範圍正確。使用者的預期可點範圍由視覺單元決定（整行），不由 icon 尺寸決定。這個案例的根因是範圍錯位、不是尺寸不足。&lt;/p>
&lt;/li>
&lt;li>
&lt;p>&lt;strong>gesture 掛載點 = 觸控目標的邊界&lt;/strong>。列表行的主要操作（展開/收合）以整行為觸控目標；行內若有次要操作（刪除、更多選單），保留為獨立的內層 gesture 區域。程式碼層的掃描訊號是 gesture 只掛在視覺單元的子元件（trailing icon、小圖示）而非整個單元容器。&lt;/p>
&lt;/li>
&lt;li>
&lt;p>&lt;strong>實機測試是唯一揭露管道&lt;/strong>。靜態 review 和單元測試都不會問「使用者會點行的哪個位置」。可用性測試觀察到「使用者重複點擊同一行」或觸控熱點分析顯示大量落在 gesture 區域外的點擊，才暴露這個缺口。&lt;/p>
&lt;/li>
&lt;/ol>
&lt;h2 id="策略">策略&lt;/h2>
&lt;ol>
&lt;li>
&lt;p>&lt;strong>對每個可互動視覺單元問一句&lt;/strong>：使用者最直覺點的位置，在 gesture 區域內嗎？設計審查時逐一檢查，列表行特別容易錯。&lt;/p>
&lt;/li>
&lt;li>
&lt;p>&lt;strong>程式碼掃描訊號&lt;/strong>：gesture 只掛在視覺單元的子元件（&lt;code>trailing&lt;/code>、&lt;code>leading&lt;/code>）而非整個 row/tile 容器。grep &lt;code>onTap&lt;/code> 掛載點與視覺容器的層級關係。&lt;/p>
&lt;/li>
&lt;li>
&lt;p>&lt;strong>外層 gesture 與內層 gesture 共存模式&lt;/strong>：行級 &lt;code>InkWell&lt;/code> 掛主要操作、子元件掛次要操作，Flutter 的 gesture arena 讓兩者互不干擾。&lt;/p>
&lt;/li>
&lt;/ol>
&lt;h2 id="下一步路由">下一步路由&lt;/h2>
&lt;ul>
&lt;li>觸控目標的尺寸底線與範圍對齊概念 → &lt;a href="https://tarrragon.github.io/blog/ux-design/knowledge-cards/touch-target/" data-link-title="Touch Target（觸控目標）" data-link-desc="實機測試點列表行文字卻無反應、或可用性測試觀察到使用者重複點擊同一行時使用。觸控目標有兩層要求：尺寸不小於平台底線、範圍涵蓋視覺暗示的可點區域——後者在列表行展開/收合場景最常被忽略。">Touch Target&lt;/a>&lt;/li>
&lt;li>點擊後的三層回饋（本案修的是回饋之前的問題）→ &lt;a href="https://tarrragon.github.io/blog/ux-design/06-interaction-feedback/feedback-three-layers/" data-link-title="互動回饋三層模型：點擊確認、等待指示、結果通知" data-link-desc="使用者操作後的回饋依時間分層，缺層的症狀是重複提交與重複導航 — 診斷「按了沒反應」與多步驟流程卡狀態問題的檢查框架，涵蓋按鈕級與畫面級兩個尺度。">互動回饋三層模型&lt;/a>&lt;/li>
&lt;li>類似案例（回饋缺失）→ &lt;a href="https://tarrragon.github.io/blog/ux-design/cases/export-button-zero-feedback/" data-link-title="U.C5 匯出按鈕按下零回饋 — 狀態機完備但 UI 沒接線" data-link-desc="Flutter app 匯出設定頁的確認匯出按鈕 onPressed 是空 callback，按下畫面毫無變化 — 使用者無法分辨匯出成功、進行中、還是功能根本沒做。ViewModel 的 idle/inProgress/completed/failed 狀態機早已完備，缺的只是頁面接線與三層回饋">U.C5 匯出按鈕零回饋&lt;/a>&lt;/li>
&lt;li>鏡像案例（不可點元素帶著可點暗示）→ &lt;a href="https://tarrragon.github.io/blog/ux-design/cases/status-icon-mistaken-for-button/" data-link-title="U.C18 狀態圖示被當成按鈕點 — 非互動指示與動作按鈕同形" data-link-desc="使用者回報「某個按鈕點了沒反應」、查程式發現那不是按鈕時使用。非互動的狀態圖示與動作按鈕同列混排且形態近似（描邊 vs 實心），使用者無法區分可點性">U.C18 狀態圖示被當成按鈕&lt;/a>&lt;/li>
&lt;/ul></description><content:encoded><![CDATA[<p>書庫管理 App 的標籤管理頁需要展開/收合二級標籤。每一行的視覺設計（整行反白、尾端箭頭圖示）暗示整行可點，但 gesture 只掛在尾端的 <code>IconButton</code> 上。</p>
<h2 id="觀察">觀察</h2>
<p>實機測試路徑：標籤管理頁 → 點擊二級標籤行的標籤名稱位置 → 無反應。點擊尾端箭頭才能展開/收合。使用者連續點同一行不同位置 2-3 次後才命中箭頭，體感等同功能壞掉。</p>
<table>
  <thead>
      <tr>
          <th>項目</th>
          <th>修復前</th>
          <th>修復後（W1-087）</th>
      </tr>
  </thead>
  <tbody>
      <tr>
          <td>gesture 掛載點</td>
          <td>尾端 <code>IconButton</code></td>
          <td>外層 <code>InkWell</code> 的 <code>onTap</code>（與箭頭同一 callback）</td>
      </tr>
      <tr>
          <td>可點範圍</td>
          <td>箭頭 icon 區域</td>
          <td>整行</td>
      </tr>
      <tr>
          <td>內層箭頭</td>
          <td>唯一 gesture</td>
          <td>獨立 gesture 區域，點箭頭由它處理、不被外層重複觸發</td>
      </tr>
      <tr>
          <td>視覺 vs 實際</td>
          <td>視覺暗示整行可點、實際只有箭頭（範圍錯位）</td>
          <td>視覺暗示與實際可點範圍一致</td>
      </tr>
  </tbody>
</table>
<h2 id="判讀">判讀</h2>
<ol>
<li>
<p><strong>範圍錯位與尺寸底線是兩個獨立問題</strong>。箭頭圖示本身可能已達 48x48dp 最小觸控目標底線——尺寸合格不代表範圍正確。使用者的預期可點範圍由視覺單元決定（整行），不由 icon 尺寸決定。這個案例的根因是範圍錯位、不是尺寸不足。</p>
</li>
<li>
<p><strong>gesture 掛載點 = 觸控目標的邊界</strong>。列表行的主要操作（展開/收合）以整行為觸控目標；行內若有次要操作（刪除、更多選單），保留為獨立的內層 gesture 區域。程式碼層的掃描訊號是 gesture 只掛在視覺單元的子元件（trailing icon、小圖示）而非整個單元容器。</p>
</li>
<li>
<p><strong>實機測試是唯一揭露管道</strong>。靜態 review 和單元測試都不會問「使用者會點行的哪個位置」。可用性測試觀察到「使用者重複點擊同一行」或觸控熱點分析顯示大量落在 gesture 區域外的點擊，才暴露這個缺口。</p>
</li>
</ol>
<h2 id="策略">策略</h2>
<ol>
<li>
<p><strong>對每個可互動視覺單元問一句</strong>：使用者最直覺點的位置，在 gesture 區域內嗎？設計審查時逐一檢查，列表行特別容易錯。</p>
</li>
<li>
<p><strong>程式碼掃描訊號</strong>：gesture 只掛在視覺單元的子元件（<code>trailing</code>、<code>leading</code>）而非整個 row/tile 容器。grep <code>onTap</code> 掛載點與視覺容器的層級關係。</p>
</li>
<li>
<p><strong>外層 gesture 與內層 gesture 共存模式</strong>：行級 <code>InkWell</code> 掛主要操作、子元件掛次要操作，Flutter 的 gesture arena 讓兩者互不干擾。</p>
</li>
</ol>
<h2 id="下一步路由">下一步路由</h2>
<ul>
<li>觸控目標的尺寸底線與範圍對齊概念 → <a href="/blog/ux-design/knowledge-cards/touch-target/" data-link-title="Touch Target（觸控目標）" data-link-desc="實機測試點列表行文字卻無反應、或可用性測試觀察到使用者重複點擊同一行時使用。觸控目標有兩層要求：尺寸不小於平台底線、範圍涵蓋視覺暗示的可點區域——後者在列表行展開/收合場景最常被忽略。">Touch Target</a></li>
<li>點擊後的三層回饋（本案修的是回饋之前的問題）→ <a href="/blog/ux-design/06-interaction-feedback/feedback-three-layers/" data-link-title="互動回饋三層模型：點擊確認、等待指示、結果通知" data-link-desc="使用者操作後的回饋依時間分層，缺層的症狀是重複提交與重複導航 — 診斷「按了沒反應」與多步驟流程卡狀態問題的檢查框架，涵蓋按鈕級與畫面級兩個尺度。">互動回饋三層模型</a></li>
<li>類似案例（回饋缺失）→ <a href="/blog/ux-design/cases/export-button-zero-feedback/" data-link-title="U.C5 匯出按鈕按下零回饋 — 狀態機完備但 UI 沒接線" data-link-desc="Flutter app 匯出設定頁的確認匯出按鈕 onPressed 是空 callback，按下畫面毫無變化 — 使用者無法分辨匯出成功、進行中、還是功能根本沒做。ViewModel 的 idle/inProgress/completed/failed 狀態機早已完備，缺的只是頁面接線與三層回饋">U.C5 匯出按鈕零回饋</a></li>
<li>鏡像案例（不可點元素帶著可點暗示）→ <a href="/blog/ux-design/cases/status-icon-mistaken-for-button/" data-link-title="U.C18 狀態圖示被當成按鈕點 — 非互動指示與動作按鈕同形" data-link-desc="使用者回報「某個按鈕點了沒反應」、查程式發現那不是按鈕時使用。非互動的狀態圖示與動作按鈕同列混排且形態近似（描邊 vs 實心），使用者無法區分可點性">U.C18 狀態圖示被當成按鈕</a></li>
</ul>
]]></content:encoded></item></channel></rss>