Дизайн рейтинга преподавателей

[dyakovri]

На ФФ МГУ существует система сбора отзывов о преподавателях и оценки их работы. Эта функциональность раньше была у сайта https://dubinushka.ru, сейчас ее почти без изменений хотим перенести в новое приложение https://app.profcomff.com.

Механика, в целом, такая:

• пользователь может совершить вход в аккаунт (уже реализовано)
• У него появляются кнопка для входа в рейтинг преподавателей в главном меню (уже реализовано)
• Рейтинг преподавателей представляет собой список с фото, ФИО, оценками
• В рейтинге есть фильтры по предметам
• Нажатие на преподавателя в рейтинге переносит на страницу преподавателя
• На странице преподавателя пользователь видит общие статистики (только за последние 3 года, что надо подчеркнуть отдельно. Это те же статистики, что были в рейтинге), +место в рейтинге, +список комментариев на преподавателя с отметками о времени публикации комментария. Комментарий и оценка связаны, оценки к комментарию тоже нужно отображать. + Форма отправки комментария и оценок. Оценки можно отправить без комментариев, комментарий без оценки нельзя
• Комментарий после отправки идёт на модерацию, во время модерации комментарий видит только отправитель с пометкой "на модерации". Оценка без комментариев отправляется сразу. Пользователь может оценить преподавателя лишь один раз, но может поменять оценку позже
• Страница преподавателя так же используется в сервисе расписания. То есть там уже есть ФИО, фото, описание преподавателя, расписание https://app.profcomff.com/timetable/lecturer/713
• К фотографиям нужно проработать механизм догрузки новых фото пользователями. Пользователь может добавить фото, оно отправляется на модерацию (в это время фото видит только пользователь, который это фото отправил с пометкой "на модерации"). Фотографий у преподавателя может быть несколько как ВК, одна является аватаром и показывается первой

[dyakovri]

Итого нужно отрисовать

• Экран рейтинга

  • Список с рейтингом (как http://www.dubinushka.ru/preprate.php). Мы не сможем отрисовать всех мгновенно, нужно продумать пагинацию или подргрузку при достижении конца списка
  • Фильтры рейтинга по предметам. Раньше преподов делили на десяток предметов (http://www.dubinushka.ru/prepods.php), но мне кажется, что можно попробовать делить по всем возможным. Нам так будет проще реализовывать, и результаты будут более атомарными
  • Поиск по ФИО

• Экран преподавателя (как http://www.dubinushka.ru/pmes.php?id=208, сейчас так https://app.profcomff.com/timetable/lecturer/60)

  • ФИО, описание (в описании могут быть жирный, курсив, заголовки, ссылки, нумерованные и маркерованные списки. Оно может быть длинным. Это полноценный "сайт преподавателя")
  • Рейтинг преподавателя: Доброта/Злобность, Халявность/Строгость, Понятность/Бредовость (от -5 до +5) и Общая оценка (целое число), место в рейтинге
  • Расписание преподавателя
  • Фото: 1 аватар, несколько фотографий на преподавателя, возможность загрузить свое фото и отправить на модерацию
  • Форма комментирования преподавателя (просто текст без ограничения по количеству знаков) с проставлением оценок по шкалам Доброта/Злобность, Халявность/Строгость, Понятность/Бредовость (от -5 до +5) и Общая оценка (от -2 до +2). Галочка "отправить анонимно". Выбор предмета, по которому проставляется оценка (преподаватель может вести молекулярную физику, физику космоса и статистическую физику, но у меня вел первые 2, я по ним оцениваю). Выбор года/семестра, к которому этот комментарий относится (может быть разным для каждого предмета).
  • Список комментариев с указанием проставленных к нему оценок
  • Если пользователь уже оставлял комментарий и оценку, то он его может изменить позднее. Отправить второй комментарий/оценку нельзя

• Не забыть проработать различные сценарии ошибок

• Странички должны быть выполнены в стиле Material Design 3 и в соответствие с дизайном существующего приложения Твой ФФ

Что уже есть

• Старый сайт с мнениями dubinushka.ru
• Страница преподавателя в Твой ФФ https://app.profcomff.com/timetable/lecturer/60
• Фигма с текущим дизайном https://www.figma.com/file/gfvuDN9x7I7sFCJQ7b1bIz/Agregator?type=design&node-id=808%3A751&t=x70ry2fAvdt6Q6hg-1
• Первая попытка переработать дизайн года 3 назад
  

[MarkShidran]

Добавлю, что делать одну большую страницу, где будет и расписание препода, и отзывы на препода и его описание — многовато.

Это можно сделать в виде вкладок/чипов. Например, как на Яндекс Картах (см. скрин)