Synopsys Verdi｜專業搜尋與介面規範
保留工程師熟悉的搜尋入口，釐清查找任務，並交付 422 個圖示與視覺規範。
產品類型
Enterprise Software · Information Architecture
我的角色
UI/UX Designer
設計協作
Cloud Interactive 設計團隊 · 客戶與工程協作
任職期間
2022.09–2023.12（Cloud Interactive 任職期間）
點選案例圖片，可開啟原尺寸查看設計細節。
背景
高資訊密度的工具，改變也有學習成本
工程師在除錯工作中，需要同時閱讀程式、訊號與多個子視窗。搜尋入口、文字辨識與狀態色彩會共同影響工作。設計的難題是提高可理解性，同時避免為了介面更新而打斷熟悉的操作。
問題釐清
先區分查找任務，再整理搜尋入口
我將搜尋依使用情境區分為「在物件中尋找」與「搜尋物件」，釐清各自的範圍與結果。這讓資訊架構有可解釋的依據；在介面上則保留既有入口，降低重新學習的成本。
既有工作環境｜多個子視窗同時承載訊號、程式與查找結果。觀察重點是搜尋必須服務當下的工作範圍，而非只有一個全域輸入框。
設計取捨
把互動、字型與色彩當作同一套辨識問題
搜尋需要清楚的作用範圍；程式閱讀需要能區分相似字元的字型；圖示與狀態色彩則需要在不同主題下保持辨識。我以搜尋設計、等寬字型比較、對比與色覺模擬檢查，將這些要求整理為交付規範。
搜尋介面｜搜尋框維持在熟悉的工作區域中。此圖展示入口與畫面的關係；「在物件中尋找／搜尋物件」則是用來整理任務的資訊架構。
相似字元比較｜比較 Courier 與 DejaVu Sans Mono 的 O、0、I、l、1 等字形，讓字型選擇回到程式閱讀的辨識需求。
亮暗主題對比檢查｜原始設計紀錄顯示不同區域的對比檢查。圖中也有 4 的標示，因此不能將整張畫面概括為全面符合 WCAG AA。
色覺模擬｜檢查色彩差異是否仍能辨識，用於回查圖示、狀態與介面搭配；模擬結果仍需配合真實使用情境評估。
圖示交付總覽｜422 個圖示按功能群組整理，將單一圖示延伸為可以持續使用與維護的規範。
成果
交付搜尋設計、422 個圖示與使用規範
成果包含搜尋任務與資訊架構設計、422 個圖示，以及配套的色彩、字型與介面規範。對比與色覺模擬用來檢查設計中的辨識問題；它們不等同完整產品的無障礙認證，也不能取代真實工程師的任務測試。
反思
專業工具的改善，要連同既有習慣一起評估
對熟練使用者而言，介面變得新穎不一定代表工作變得更順。這個案例的取捨是保留入口、釐清規則，並把視覺辨識做細。後續最值得驗證的是不同查找任務的完成時間與錯誤，而不只是介面偏好。
