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

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的cog。该区域将扩展并显示一个用于成绩的表格，以及另一个用于出席的表格（比如一个表格高于另一个表格）。每个表都允许用户添加新行。允许用户内联编辑/更新每一行，并在每一行上提供删除按钮以便可以将其删除。

您可能会发现阅读一些界面设计模式很有帮助，例如表格数据：

• 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/。在面对各种设计问题时，咨询模式（即经过验证的真实解决方案）是有帮助的。