按分類搜尋文章
當使用者透過導覽列點擊 "文章列表" 進入頁面時,下方的左側邊欄區塊會顯示主類(章)與子分類(節)的文章,幫助使用者快速依照分類搜尋文章,並能輕鬆進入文章詳情頁。
操作說明
桌機版操作步驟
- 點擊側邊欄主類:點擊主類 (例: 皮膚科學) 後,右側文章卡片會即時更新,顯示該主類下的所有文章。
- 點擊側邊欄子分類:點擊子分類 (例: 粉刺) 後,右側文章卡片會更新為該子分類的文章列表。
- 滑鼠移入文章卡片效果:當滑鼠移入文章卡片時,卡片的標題將進行顏色變化(例如:變成黃色),告知使用者當前選中的文章。
- 點擊文章卡片:點擊卡片後,會直接跳轉至該文章的詳情頁。
- 點擊分頁功能:當文章列表超過 10 篇時,系統會自動顯示分頁功能,使用者可以通過點擊頁碼或左右箭頭來切換頁面。
移動版操作步驟
- 點擊右側選單ICON:點擊右下方的選單 ICON 可以開啟或關閉側邊欄功能,用戶可以選擇主類或子分類進行篩選。
- 點擊側邊欄主類:選擇主類 (例: 皮膚科學) 後,右側文章卡片會自動更新為該主類下的文章。
- 點擊側邊欄子分類:點擊子分類 (例: 粉刺) 後,右側文章卡片將顯示該子分類下的文章。
- 點擊側邊欄外部空白區域:點擊側邊欄右側的黃色區塊可以快速關閉側邊欄。
- 點擊文章卡片:點擊文章卡片將跳轉至該文章的詳情頁。
- 點擊分頁功能:當文章列表超過 10 篇時,會自動顯示分頁功能,您可以透過點擊左右箭頭來進行頁面切換。
補充說明
- 桌機與移動版功能一致性:桌機版與移動版在功能上保持一致,均提供主類和子分類篩選以及分頁功能,但在視覺呈現和操作方式上有些許差異,桌機版具備滑鼠移入效果,而移動版則通過選單切換來展現側邊欄。
- 分頁體驗:分頁功能自動出現時,確保切換速度快且不會卡頓,以提升使用者的流暢體驗。