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

Question

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

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

点击齿轮会显示所需的信息。那么我应该如何构建这些数据，以便它可以使用并且易于理解呢？我应该将水平空间分成 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/。面对各种设计问题时，参考模式（即，经过验证的真实解决方案）很有帮助。