Пользовательский интерфейс для оценок и посещаемости студентов

Question

Я работаю над дизайн-проектом, и мне трудно разобраться в UI для последней части: оценки (от 1 до 10 + дата оценки) и посещаемость (дата пропущенного занятия).Это сторона администратора, которая включает в себя добавление, редактирование и удаление как оценок, так и посещаемости.Каждый ученик будет иметь на своей странице список всех предметов, например:

альтернативный текст 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

Хороший общий список шаблонов проектирования пользовательского интерфейса приведен здесь: http://www.welie.com/patterns/. Полезно обращаться к шаблонам (т. Е. Проверенным и истинным решениям), когда сталкиваются с различными проблемами проектирования.