Embedded Files
1. 新版電子書筆記工具
原先問題點
舊版筆記工具在畫面中占比太大，雖然功能齊全，但影響到了下文的閱讀
與其他平台的筆記工具差異較大，經反饋後發現用戶在使用上比較不習慣
修改狀況
將文字欄位整併至icon內，若有需要做文字筆記，可點選左方icon展開文字筆記欄位
本設計分為epub/pdf版二種（使用的元件與行為以盡量保持一致為主），以下為電子書筆記樣式與epub劃記流程
2. 新版電子書下拉式選單
原先問題點
舊版選單樣式與上方header的圖層重疊，有進度條不好閱讀的問題
若改為下拉式選單，工程師會比較容易維護
修改狀況
調整滑塊外觀樣式為下拉式選單
重新訂定上、下方選單的顯示邏輯
3. 電子書教學
原先問題點
第一次使用電子書的使用者不清楚如何進行翻頁、做筆記、打開選單等操作
修改狀況
第一次使用電子書的使用者會看見新手教學
以圖文逐步介紹電子書功能與操作方式，有附加動畫
作品集內以epub版教學為例
4. 後台財務功能設計
設計介紹與內容
合作講師可以申請將平台內的所得匯款至自己的帳戶，官方後台需要一個檢視申請內容並確認匯款的系統
該功能劃分為「請款申請」與「出帳紀錄」
請款申請可以查看、個別處理、批量處理、註記所有還沒處理完畢的匯款申請
出帳紀錄能檢視所有已經匯款的紀錄
（因合約因素，無法公開設計稿詳細內容）
5. Design System彙整
原先問題點
平台的設計稿非常大量，PM、設計師跟工程師有時候會很難找到自己要用的設計稿
舊版設計稿與新板設計搞混雜
元件跟設計系統多且較為雜亂、沒有統一進行管理，若要修改常常出現的元件會花費很大的時間
每個設計師的Figma使用習慣不一，若是不同設計師要調整相同的設計稿，會容易碰到失真的情形
修改狀況
重新制定Design System與設計師使用規定、設計流程
將設計全部更新為最新版，舊版刪除，並依照功能劃分進不同的設計稿中，撰寫目錄方便尋找項目
設計稿內頁整理為較為人性且易於閱讀的方式
Guideline元件依照Bootstrap的類別做pages的彙整，並將子元件與父元件全部連結，方便未來修改
Google Sites
Report abuse