学生成绩和出勤用户界面

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/。在面对各种设计问题时，参考模式（即尝试和真正的解决方案）很有帮助。