事實型量刑資訊系統 - KYART光沅創意

事實型量刑資訊系統

事實型量刑資訊系統是司法院提供法官、檢察官、律師與民眾查詢相類似案件量刑分布的服務平台。我們負責系統UI/UX 設計:十大案類以App式圖像入口呈現,從選擇罪名、適用法條到量刑因子,在單一畫面中一步步完成,所選條件即時顯示在右側儀表板,查詢結果以動態圖表呈現量刑分布。

Task

設計「事實型量刑資訊系統」的友善體驗查詢介面,讓法官、檢察官、律師與民眾能快速查詢相類似案件的法院最新量刑分布

  • Strategy

    十大案類App式圖像入口、單頁應用步驟切換與條件記憶、量刑因子即時儀表板、動態量刑圖表、RW 行動版延續App操作體驗

  • Design

    UI/UX Design, Icon Design, Vue 3 + TypeScript, RESTful API Spec, Data Visualization, RWD

  • Client

    司法院 intellisen.judicial.gov.tw

Open Project

事實型量刑資訊系統官方網站

https://intellisen.judicial.gov.tw

「供法官、檢察官、律師及民眾查詢相類似案件之法院最新量刑分布,期使法院量刑更公正、透明。」

為了回應各界對量刑妥適性的期待,並因應國民參與審判制度的實務需求,司法院自 109 年 9 月起研發事實型量刑資訊系統:以自然語言處理技術,在判決原始文字中標註量刑事由,自動擷取關鍵字判讀加重、減輕法條的適用,並以機器學習取代人工標註,讓資料庫能即時更新。系統自 112 年起陸續開放法官、檢察官與律師使用,涵蓋不能安全駕駛、肇事逃逸、傷害、竊盜、詐欺、殺人、搶奪暨強盜、妨害性自主、槍砲與毒品等 10 種案件類型,自 113 年 11 月起每日更新資料庫,並全面開放民眾查詢。

量刑因子多、法條細,查詢條件稍一複雜,就容易在層層頁面中迷路。我們負責整個系統的 UI/UX 設計,目標很單純:讓第一次使用的民眾也能順手查詢,讓每天使用的法官查得更快。從案類入口、因子選擇到結果圖表,所有步驟都在同一個畫面中完成,條件隨選隨看、隨時調整;前端以 Vue 3 + TypeScript 開發,與中華電信共同以我們制定的 API 格式文件分工協作。

 

1、十大案類,App 式圖像入口:

首頁以行動裝置App的操作邏輯,將10種案類整合成一張圖像化入口,每一類罪名都有專屬的色系與精緻化 icon:方向盤代表不能安全駕駛、面具代表詐欺、藥瓶代表毒品,強化視覺記憶與辨識度,使用者一眼就能找到要查的案件類型。

2、單頁應用,每一步條件都記得:

採用單頁應用的互動設計,點選案類即在原頁展開適用法條,可多選、刪除,並即時顯示資料筆數;按下確定後,原頁切換到量刑因子選擇。系統記住使用者選過的每一項條件,前後切換、回頭修改都不必重新輸入,也不用在頁面間來回捲動,在一個畫面裡就能完成查詢。

3、量刑因子與即時儀表板:

量刑因子依案類呈現緩刑、加重減輕、犯罪情節、犯罪動機、前案紀錄、犯後態度等圖示卡片,點選後以彈窗展開題目與選項,例如「審判中是否坦承犯罪?」;每一次選擇都即時更新右側的「您所檢索的條件」儀表板與資料筆數,使用者隨時知道目前的查詢條件,並可再調整判決年度、適用法條與裁判法院。

4、動態圖表,看懂量刑分布:

查詢結果以表格整理有期徒刑、拘役、罰金的件數與最低、平均、最高刑度,並以醒目的「平均刑度」「量刑區間」卡片呈現重點;下方以動態圖表切換刑種全貌圖與各刑種的刑度分布,可依月、3 月、6 月、年調整區間,滑鼠移到圖上即可檢視數據。按下「調整檢索條件」就能帶著原本的條件回到上一步,微調後再次查詢。

5、Vue 3 + TypeScript 與 RESTful API 分工:

前端以 Vue 3 + TypeScript 開發,串接 RESTful API;我們制定 API 格式文件,作為前後端的共同規格,由中華電信負責後端API 輸出、AI 大數據運算與維運部署,雙方依規格並行開發。全站 RWD 響應式設計,手機上延續桌機版的 App 風格,案類、因子與圖表都改為適合單手滑動、點選的排列,隨時隨地都能查詢。

每一筆判決,

都是一次審慎的衡量;

讓量刑有跡可循,

司法更公正、透明,也更貼近人民。

 

事實型量刑資訊系統官方網站

https://intellisen.judicial.gov.tw

感謝 Connie / Zoe / Bomba,因為有你們,讓每一次量刑查詢,都清楚、透明、容易上手。

The team

Meet our
design team.

Project Management

— 郭光耀 Brad Kuo
專案總監

— Connie Lin
專案營運總監

Art Direction

— Zoe Wang
視覺藝術總監

Creative Design

— Zoe Wang
— Linda Lee

視覺設計

Web Development

— Bomba Tsai
— Linda Lee

前端互動設計師

Vue Development

— Teen Yang
— Yuurin Lee

前端開發工程師

API Development

— Luke
後端技術整合工程師

Let’s talk about your website design

Got a Project?
來聊聊吧!

我們珍惜認真看待每一次與客戶聯繫的機會,期待為不同客戶演譯夢想,
運用我們美感天賦與實戰經驗,為您服務設計。

Back