學生成績和出勤用戶界面

Question

我正在進行一個設計項目，我很難搞清楚最後部分的用戶界面：成績（1到10+年級日期）和出勤（日期缺課）。這是管理員的一面，其中包括添加，編輯和刪除成績和考勤。每個學生都將有自己的網頁上的所有對象的列表，像這樣：

alt text http://dl.dropbox.com/u/118004/Screen%20shot%202010-07-21%20at%206.59.10%20PM.png

點擊COG將降低所需要的信息。那麼我應該如何構建這些數據，以便它可以使用並且易於理解？我是否應該將水平空間分爲2？

Answer 1

一種方法是將數據拆分爲單獨的表格，並且可以向每個表格添加一行。

例如，假設您單擊Matematica的齒輪。該地區將擴大並顯示一個表格的等級，另一個表格出席（比如一個表格）。每個表格將允許用戶添加一個新行。允許用戶編輯/更新每行內聯並在每行上提供一個刪除按鈕以便將其刪除將會很有用。

您可能會發現它有助於通過幾個接口的設計模式，如這些表格數據讀取：

• http://designingwebinterfaces.com/ultimate-guide-to-table-ui-patterns
• http://www.jankoatwarpspeed.com/post/2010/02/26/table-ui-patterns.aspx

的UI設計模式的一個很好的通用列表在這裏：http://www.welie.com/patterns/。在面對各種設計問題時，參考模式（即嘗試和真正的解決方案）很有幫助。