Interface

Interface

1. Desktop & Mobile 讀取同一套介面

   • 為了符合不同平台，寬度都使用百分比
     • 有條件的使用百分比寬度，Form 會採固定寬度。
   • 字體要大，15px
     • 回歸12px，Mobile 介面另外設計
   • 主畫面必須可被內嵌在mobile上，出現不必要的層級
     • 扁平化設計，合併層級
   • 功能被切得過瑣碎，Context 不足，容易迷路
     • SubMenu輔助，重複最後兩層資訊架構
   • 進階操作都用popup方式
     • 可另開新Brower Tab，或内嵌在原網頁內

2. 便於升級，使用控件

   • 無法凍結橫向欄位
   • 雙重Scroll bar
   • 指引性差，常讓user不清楚下一步該做甚麼
     • 當無資料時，會出現Null 的設計，各式回饋更詳細

3. 不同語系使用同一套介面

   • 英文 Mega Menu 難用
     • 可因應不同閱讀習慣切換Mega menu
   • Form只有一行很難用，又會隨著螢幕撐開
     • Form 重新設計

4. 兩岸分隔

   • 溝通成本
     • 先Waterfall，後Scrum。
   • 缺乏默契
     • 已解決

5. 對Portal看法

   • Portal 不易管理
   • Portal 一定要排列在選單上
     • 已解決
   • 新增門戶頁文章流程怪異

6. 只碰GUI，不碰架構

   • 功能零散，缺乏整合
     • Vicky+Windy架構整合，Howlin+Wendy介面整合
   • Mega Menu 不好用，缺乏相關功能連結
     • 新增「自定流程」、「待辦事項」輔助
   • 介面沒有分前後台，權限導致介面混亂。(view=edit)
     • View / edit 針對兩種權限有不同介面
   • Tree menu 設計不佳
     • TreeMenu重新設計，分成組織樹&資料樹兩類