学生成绩和出勤的用户界面

Question

我正在做一个设计项目，我很难弄清楚最后一部分的UI :成绩(1到10 +成绩日期)和出勤率(缺课日期)。这是管理员端，包括添加、编辑和删除成绩和考勤。每个学生在他们的页面上都有一个所有科目的列表，如下所示：

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

单击齿轮将显示所需的信息。那么，我应该如何组织这些数据，以使其可用且易于理解？我应该将水平空间一分为二吗？

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/。在面对各种设计问题时，参考模式(即经过验证的真实解决方案)是很有帮助的。