智解家司律一試選擇題 H5 活動產品計劃

視覺方向稿

註：上圖為視覺方向稿。最新產品規格以本文為準：立即作答先採 10 題，且答題頁移除「參考法條」展開列，純粹保留解析。

1. 核心定位

這不是長期題庫系統，而是一個考前 H5 活動型產品。

第一版的目標是讓即將參加司法官、律師第一試的考生，在低摩擦的互動中快速產生興趣，感受到「練習選擇題 + AI 診斷 + 名師背書」的價值，最後被自然導向智解家帳號註冊、二試申論題功能與付費頁面。

產品命名與關鍵句方向避免使用「測出弱點」「測出實力」這類偏診斷或負面語感，改往「選擇題精通」「一試上岸」「快速練習」靠攏。

可用命名方向：

司律一試選擇題精通
一試上岸選擇題練習
10 題選擇題精通挑戰

產品關鍵句可以先定為：

快速寫 10 題，掌握司律一試選擇題節奏，帶走一份考場速記。

2. 產品目標

2.1 導流與付費

將一試選擇題活動流量導向智解家主產品。
結果頁提供二試申論題功能與付費頁面的 CTA。
完整診斷需要快速註冊智解家帳號。
高分獎勵不直接顯示 coupon code，而是要求使用者留下 LINE ID，後續透過 LINE 發送。

2.2 豐富體驗

首頁要讓使用者覺得「可以馬上玩一局」，不是進入複雜設定器。
答題過程要有短促、有質感的 spring transition。
每題答完後立即產生正誤回饋與解析，不再另外拆出參考法條展開區。
結果頁要創造成就感與診斷價值，而不是單純列分數。

2.3 流量承接

第一版先聚焦「診斷價值 + 成就感 + 留資 / 註冊轉化」。
分享機制放到第二版再深化，但第一版仍應保留可截圖保存的內容形態。
「考場速記」是第一版的可保存產物，讓使用者即使不分享，也有動機留下頁面或截圖。

3. 目標使用者與場景

主要使用者是即將參加司法官、律師第一試的考生。

典型使用場景：

考前看到活動頁、社群連結或老師推薦後進站。
沒有心力註冊或研究產品，只想快速測一下。
願意花 3-5 分鐘完成 10 題小測。
做完後希望知道自己哪裡弱、能不能拿優惠、下一步該怎麼補。

4. 題庫範圍與考科

年份範圍先定為 104-114 年。

考科以司法官、律師第一試官方分科為準，第一版首頁以四大卡片呈現：

綜合法學（一）：憲法、行政法、國際公法、國際私法
綜合法學（一）：刑法、刑事訴訟法、法律倫理
綜合法學（二）：民法、民事訴訟法
綜合法學（二）：公司法、保險法、票據法、證券交易法、強制執行法、法學英文

官方題目與答案來源應以考選部考畢試題查詢平台作為 correctness benchmark。

參考來源：

考選部考畢試題查詢平台：https://wwwq.moex.gov.tw/exam/wFrmExamQandASearch.aspx?e=114110&y=2025

5. 整體使用流程

5.1 首頁

首頁主體是一個低摩擦的「立即開始」流程。

預設流程：

使用者選擇一個考科。
系統預設從 104-114 年隨機抽題。
題數預設為 10 題，且 10 題是立即作答模式的最低題數。
使用者點擊明確的「立即開始 10 題」按鈕。

首頁需要有活動感，但不能太像卡通遊戲。它應該讓使用者覺得輕鬆、可信、值得試一輪。

首頁主標不使用「測試你的弱點」或「測出你的實力」。建議採「司律一試選擇題精通」或「一試上岸選擇題練習」這類正向、考前行動感更強的命名。

「立即開始 10 題」下方要在同一屏內看得到「自選設定」按鈕或列，點擊後才展開年份、考科、題數設定。

5.2 詳細設定

首頁保留可展開的詳細設定區，但不作為主入口。

可設定項目：

年份：104-114 年，可多選。
考科：四大官方分科。
題目數量：10 題為下限；可提供 10 題、20 題、50 題等選項。
模擬考：若使用者不指定題數，可選擇「模擬考」模式，題數依完整考試配置決定。

5.3 答題頁

答題頁重點是快節奏、清楚、答完立即有價值。

畫面應顯示：

目前題號。
答對題數。
錯誤題數。
作答進度。
題目與選項。

點選選項後：

立即出現短促 spring 正誤回饋。
顯示該選項正確或錯誤。
顯示一段解析。
顯示「下一題」按鈕。
V1 不另外提供「參考法條」「延伸閱讀」或多個解析展開區；解析本身就是答題後的主要內容。

版型細節：

下方解析區標題直接寫「解析」，不要標註「AI 小老師」。
移除「參考法條」展開列，答題頁純粹保留解析即可。
「下一題」按鈕必須在首屏版型內可見，不要被解析內容推到畫面外。

老師評析不一定每題都有。若該題有老師內容，UI 必須清楚標示「本題含老師評析」或類似標籤，讓使用者感受到名師背書。

5.4 結果頁

結果頁是第一版最重要的峰值體驗。

它應該先給使用者成就感，再給診斷價值，最後導向註冊與留資。

建議結果頁順序：

分數 hero：總分、答對題數、錯誤題數、花費時間。
獎勵進度：80 分、90 分、滿分三階門檻。
AI 細部科目診斷。
AI 能力診斷（Optional）。
老師的話。
考場速記。
完整診斷註冊 CTA：「立即註冊智解家，查看完整診斷」。
coupon LINE ID 留資區。
二試申論題 / 付費頁 CTA。

5.5 結果頁分數 Hero 視覺指定

結果頁分數呈現採前一版 Path C 的深色 score hero，而不是新版較平的白底分數卡。

參考圖：

設計要點：

上半部使用深 navy / deep purple 大面積 hero 區。
中央顯示「挑戰完成！」與超大分數，例如 86 分。
分數下方顯示相對排名，例如「超越 67% 的考生」。
右上角保留「再測一次」膠囊按鈕。
背景可以有少量精緻彩片，營造完成感，但不要變成幼稚遊戲風。
三階優惠進度卡以白色浮層接在 score hero 下方，形成明確高峰體驗。
優惠進度卡呈現 80 分 / 90 分 / 滿分 三階，對應 95 折 / 9 折 / 8 折，並清楚標示已解鎖 / 未解鎖。

6. 結果與獎勵機制

採三階門檻設計：

80 分以上：獲得 95 折優惠資格。
90 分以上：獲得 9 折優惠資格。
滿分：獲得 8 折優惠資格。

coupon 不直接顯示在頁面上。

使用者達標後，畫面顯示：

已解鎖優惠資格。
請留下 LINE ID。
智解家會透過 LINE 發送專屬優惠。

未達標時，畫面可顯示：

距離下一個獎勵門檻還差幾分。
建議再挑戰一次。
仍可註冊查看完整診斷與考場速記。

7. 診斷內容設計

診斷主軸應先放在「細部科目」。也就是說，使用者如果選擇某一個官方大考科，結果頁要診斷的是這個大考科底下哪些子科表現較弱，而不是跨四大考科做一份過大的總體弱科診斷。

能力面向可以作為 Optional 加值層。若題目量、資料標註或 AI 分析品質足夠，再補充「法條記憶、爭點辨識、陷阱排除」等能力觀察；第一版不必把能力診斷當成必要核心。

7.1 細部科目診斷

以本次選擇的大考科為範圍，拆解底下子科表現，讓考生直覺知道「這一科裡面真正卡在哪裡」。

例：

若選擇「綜合法學（一）：憲法、行政法、國際公法、國際私法」，診斷可指出行政法救濟題型較弱，憲法基本權題組表現穩定。
若選擇「綜合法學（一）：刑法、刑事訴訟法、法律倫理」，診斷可指出刑事訴訟法程序陷阱答錯率偏高，刑法構成要件題掌握較好。
若選擇「綜合法學（二）：民法、民事訴訟法」，診斷可指出民事訴訟法程序效果容易混淆，民法請求權基礎表現較穩。
若選擇「綜合法學（二）：公司法、保險法、票據法、證券交易法、強制執行法、法學英文」，診斷可指出公司法與證券交易法需補強，法學英文表現尚可。

7.2 能力診斷（Optional）

能力診斷不是第一版必要項目，但可以作為完整診斷的加值內容，讓使用者感受到「不只是知道哪一科弱，也知道為什麼會錯」。

可用能力維度包含：

法條記憶
爭點辨識
實務見解
陷阱排除
關鍵字定位
題幹資訊取捨

呈現方式應保持輕量，例如在完整診斷中補充 2-3 個最明顯的能力觀察，不需要做成複雜雷達圖或大型能力報告。

7.3 老師的話

結果頁應有「老師的話」欄位，營造名師指引感。

內容可以是：

一段針對本次表現的策略建議。
一句考前提醒。
一個對應智解家二試申論題功能的自然導流。

範例語氣：

你不是不會，而是還沒把題目中的程序關係整理成固定反射。考前這段時間，請優先練習「看到處分、救濟、期間」就先畫出流程圖。

8. 考場速記

「考場速記」是第一版的可保存產物，目標是讓使用者做完題目後覺得有帶走一份東西。

它應該適合截圖保存。

內容由兩部分組成：

8.1 錯題急救包

根據本次答錯題目整理：

本次最該修正的 3-5 個考點。
每個考點對應一行正確觀念。
下一次遇到同類題目的避坑提醒。

8.2 考前小抄

將錯題與易混淆觀念整理成可背誦格式。

可包含：

法條關鍵字。
易混淆概念對照。
考場判斷口訣。
本次最值得記住的一句話。

設計上應像一張精緻的考前 memo，而不是一般報表。

9. 名師背書與內容權限

首頁考科選擇卡片要預留老師頭像位置。視覺方向採低密度節奏，但一個考科可能有 2-3 位老師，因此每個官方大考科列出子考科，旁邊以較小的老師頭像群呈現對應老師，不讓人像壓過考科本身。

建議每列考科入口可呈現：

考科名稱。
子考科範圍。
預設 10 題快測。
2-3 位配合老師的小頭像與姓名或簡短標籤。
「含老師詳解」或「名師評析陸續更新」等狀態文案。

每題頁面則要清楚區分：

有老師評析：顯示老師 badge、老師頭像或「老師評析」展開區。
沒有老師評析：不假裝有老師背書，只保留一般解析。

重要邊界：

老師背書只能用在已授權或確實由老師提供內容的題目。
AI 生成內容不能全部掛老師名。

10. 視覺與 Design System 方向

10.1 核心調性

方向：智解家品牌優先 + 明亮活動感。

不要做成幼稚卡通遊戲。整體應該是：

法律考試的可信感。
名師權威感。
乾淨專業的內容閱讀體驗。
適度 whimsical、elegant、delightful 的互動細節。

2026-06-10 補充：已選第三版 visual direction 作為基礎，但下一輪要更跳脫權威感，朝 Duolingo 式現代、活潑、低摩擦方向探索；顏色仍以智解家核心色為主，資訊密度要比第三版更低。

10.2 設計原則

首頁像活動入口，不像後台篩選器。
答題頁像高品質練習卡，不像冷冰冰 PDF。
結果頁像一份個人化診斷報告，不像普通分數單。
CTA 要清楚，但不要一開始就銷售感過重。
老師與 AI 的角色要分清楚：老師提供權威感，AI 提供個人化診斷與整理。

10.3 Motion 原則

互動要有 spring 感，但要短促、克制。

建議使用：

選項點擊時的輕微下壓與回彈。
正確答案的短暫亮起。
錯誤答案的輕微左右抖動，但不要誇張。
解析卡從下方滑出並微彈。
結果分數遞增動畫。
coupon 門檻進度條填充動畫。

避免：

過多 confetti。
太卡通的角色表情。
長時間等待動畫。
會干擾閱讀的連續動態背景。

11. V1 範圍

第一版 HTML prototype 應包含：

Design System section 或內部 style source。
首頁。
答題頁。
結果頁。
快速開始 flow。
詳細設定展開區。
四大考科卡片與老師頭像 placeholder。
10 題快測的示意資料。
點擊選項後的正誤回饋與解析欄位。
解析欄位與「含老師評析」標示狀態。
答對 / 答錯 / 題號統計。
完成後的分數、時間、弱點診斷。
80 / 90 分 coupon 門檻展示。
LINE ID 留資區。
智解家帳號快速註冊 CTA。
考場速記卡。
二試申論題 / 付費頁 CTA。

12. V2 延後項目

第二版再思考：

分享誘因與分享卡設計。
LINE / Threads / Dcard 專用分享素材。
OG preview。
朋友挑戰或排行。
coupon 分享加碼。
真實登入流程。
真實題庫 API 串接。
真實 AI 診斷生成。
老師內容授權與管理後台。
題目更正答案追蹤。

13. 待確認問題

四大考科的前台簡稱要怎麼命名，才最符合考生語言。
每個考科第一版要放哪些老師頭像與姓名。
老師評析的可用範圍：哪些題目已授權、哪些只是 placeholder。
題數選項與模擬考完整題數要以哪一年的正式配置為準。
註冊智解家帳號的實際路徑與 CTA 文案。
LINE ID 留資後的發券流程與隱私告知文案。
80 / 90 分 coupon 的折扣、期限、適用商品與是否可疊加。
二試申論題功能與付費頁的導流落點。

14. 下一步

確認本產品計劃。
產出 3 個 visual direction options。
選定一個 visual direction。
建立 HTML prototype。
用 browser 檢查首頁、答題頁、結果頁在桌機與手機版的可讀性與互動狀態。
依回饋調整設計與文案。

15. 既有脈絡

本計劃延續以下既有方向：

選擇題功能應定位為流量入口，不是智解家的唯一核心差異化。
真正差異化仍在申論題體驗、老師背書、可信資料與二試轉化。
一試題庫的競爭環境已經擁擠，不能只做另一個題庫。
需要讓使用者感覺自己有進步、得到可信診斷，並知道下一步該做什麼。

相關 repo 內脈絡：

changelog/2026-06-09--meeting-1239567.md
changelog/2026-06-03--meeting-q3-d533b42.md
output/gov-exam-mcq-competitor-report/public/index.html