КСП «Практикум. Разработка и защита проекта» по информатике, 10 класс

• Разработать макет главной страницы сайта на заданную тему, используя графический редактор (Figma, Canva, Paint.NET), соблюдая базовые принципы веб-эргономики (навигация, читаемость, цветовая схема).
• Представить (защитить) свой макет перед классом, аргументировав ключевые дизайнерские решения с точки зрения удобства для пользователя.
• Оценить макеты одноклассников, дать конструктивную обратную связь по критериям веб-эргономики.

"Добрый день, ребята! Сегодня у нас практикум по разработке проекта. Но для начала посмотрите на этот мем." (Демонстрирует на экране мем: два скриншота сайтов. Первый — перегруженный анимацией, мигающими баннерами, нечитаемым шрифтом, с подписью «Когда заказчик сказал «сделай поинтереснее». Второй — чистый, с понятной навигацией и гармоничной цветовой палитрой, с подписью «Когда дизайнер вспомнил про пользователя»).

"Почему этот мем так точно отражает нашу сегодняшнюю тему — разработку дизайн-макета? Что общего между первым сайтом и тем, что мы должны избегать? А что делает второй сайт успешным с точки зрения пользователя?"

Выслушивает ответы. Подводит итог: "Верно. Наша задача сегодня — быть как второй дизайнер. Мы не просто рисуем «красиво», мы проектируем удобный интерфейс. Это и есть веб-эргономика. Сегодня каждый из вас станет таким профессионалом и доведет свой проект до конца."

• Первый сайт хаотичный, его сложно использовать, глаза разбегаются.
• Второй сайт понятный, на нем легко найти информацию.
• Общее с нашей темой — мы учимся создавать макеты, которые будут удобными для людей.

Дескриптор: ученик участвует в обсуждении мема, называет хотя бы один признак плохого/хорошего дизайна с точки зрения пользователя.

• Проектор/интерактивная доска.
• Мем (изображение).
• ИИ-инструмент: Генератор мемов (например, Imgflip) для быстрого создания наглядного контента по теме урока.