平常負責的網站屬於後台的GUI,表單中經常會出現資料列表,早期以資料呈現為主的考慮,資料選項設計在列表的下方,使得使用者操作資料時要兩個動作:
1.點選要執行的資料。
2.選擇要執行的動作。
就像web版的outlook,動作倒也可以接受,但當分頁內資料筆數很大時,有時滑鼠移動的距離,就變得像牛郎織女的遠。
平常負責的網站屬於後台的GUI,表單中經常會出現資料列表,早期以資料呈現為主的考慮,資料選項設計在列表的下方,使得使用者操作資料時要兩個動作:
1.點選要執行的資料。
2.選擇要執行的動作。
就像web版的outlook,動作倒也可以接受,但當分頁內資料筆數很大時,有時滑鼠移動的距離,就變得像牛郎織女的遠。
避免使用者誤觸儲存或是刪除按鈕,我們會設計重要動作的按鈕點選(Click)時追加Window.confirm;但IE瀏覽器的Window.confirm的視窗比較傳統,
提升網站UI/UX的同時,我們也選了一個基於Bootstrap Modals 的對話視窗,她也是一個js library : Bootbox.js。