UI元件

含有「UI元件」共 5 篇內容
全部內容
發佈日期由新至舊
產品新功能上線時,往往會需要在畫面附近加上引導,但引導要怎麼加?這篇整理 5 個常見引導位置,包含全站彈窗、新手引導、區塊引導、欄位引導、欄位說明。
Thumbnail
在製作 Wireframe、Mockup、PRD 時,通常產品經理會需要根據不同使用情境,事前想好不同使用情境以及對應的回饋方式,這篇會記錄我在規劃產品需求文件時,常會規畫到的 5 種 UI 狀態。
Thumbnail
Input 輸入元件一直是各大網站必備的元素,這篇會分成文字輸入 Text、按鈕 Button、互動元件 Modal、下拉式選單 Dropdown List、滑桿 Slider、選擇器 Picker 這六種常見介面元件,來記錄我在平台工作時遇到的 UI 元件,作為未來產品開發的資料庫。
Thumbnail
avatar
感謝你熱心地分享經驗,請教一下若輸入資訊是需要多選的話,甚麼…
「Feedback 回饋」是最直接面向使用者的一種元件分類,最常被拿來討論「這個功能友不友善」,這篇會整理常見的回饋元件,包含:模態(警示 Alert、工具提示 Tooltip、通知 Notification、流程 Progress)、非模態(互動元件 Modal、對話 Dialog)。
Thumbnail
這篇主要整理常見的 Navigation 導覽元件,像是:選單 Menu、抽屜式導覽 Navigation drawer、標籤列 Tab Bars、多元選單 List、Gird、Card、麵包屑 Breadcrumb、進度表 Stepper。
Thumbnail