Каковы передовые методы определения макетов или форм страниц в образовательном веб-приложении? [закрыто]

Я работаю над выбором макетов и форм компонентов страницы для большого образовательного веб-приложения, содержащего более 100 различных веб-страниц. В настоящее время я пытаюсь использовать плоские макеты и стараюсь использовать минимум компонентов, чтобы каждая страница выглядела простой и удобной (пример домашней страницы). Большие блоки отображают теоретические предметы, а меньшие — лаборатории (количество блоков может варьироваться). Я разработал аналогичные эскизы для всего приложения. Но я хочу убедиться, где оставить место, которое можно будет эффективно использовать позже для отображения расширенных функций. Основные характеристики заключаются в следующем.

  1. Раздел «Вопрос-ответ»
  2. Раздел доступа к файлам/загрузки
  3. Раздел сообщений в блоге
  4. Раздел расписания
  5. Раздел создания заметок
  6. Вход/Регистрация Раздел
  7. Домашняя страница
  8. Раздел событий
  9. Экзамены и результаты
  10. Раздел Ведомственных Уведомлений и многие другие страницы

Также вышеуказанные типы страниц регулярно используются студентами, преподавателями, кафедрами, руководством института.

Пожалуйста, предложите лучшие практики для определения макетов и формы компонентов для каждой категории. Заранее спасибо.

Этот вопрос исключительно широк. Это запрос мнения и, по сути, мозговой штурм для макетов страниц. Кроме того, кажется, что это больше связано с UX, чем с дизайном.

Ответы (1)

Похоже, вы ищете какой-то руководящий принцип в том, как организовать макет из многих частей.

Лучше всего начать с того, чтобы убедиться, что вы хорошо понимаете визуальную иерархию : как расположение и представление управляют порядком просмотра вещей. Прочтите об этом, найдите хорошие интуитивно понятные макеты и подумайте, какую иерархию они создают и как они направляют взгляд, а затем пересмотрите свой список из 10 пунктов и спросите себя: кто на что должен смотреть и когда? Какие из них связаны и как (например, долгосрочные инструменты против краткосрочной информации, возможно)?

Сгруппируйте элементы в блоки в зависимости от того, кто и когда должен быть привлечен к каким блокам, а затем организуйте эти блоки в иерархию.

Также имейте в виду шаблоны, которые люди используют по умолчанию, когда нет никаких визуальных подсказок, направляющих взгляд. Исследования слежения за движением глаз показывают, что обычно их три : сверху слева вниз справа, зигзагом вниз по странице и в форме буквы F. Это может быть полезно для прогнозирования того, что люди могут делать в тех областях, где вы хотите, чтобы варианты были сбалансированы.

Но, вероятно, самая важная часть: протестируйте с реальными людьми и на основе этого доработайте свой макет.

Спасибо @ user568458, мне нужно место для будущего использования, например, для размещения уведомлений для связанной функции.