DOIT создание проекта в TILDA: оценка и решение кейса

1.

DOIT
СОЗДАНИЕ ПРОЕКТА В TILDA:
ОЦЕНКА И РЕШЕНИЕ КЕЙСА

2.

Часть 2: Анализ, доработка и решение кейса
КРИТЕРИИ ОЦЕНКИ
ОБЩЕГО КАЧЕСТВА ПРОЕКТА:
1
2
Простота интерфейса
(Simplicity):
3
Удобство использования
(Usability):
4
Адаптивность
(Responsiveness):
• Дизайн должен быть
чистым и
минималистичным, без
перегруженности
элементами.
• Легкость навигации:
пользователи должны
быстро и интуитивно
находить нужные
элементы и информацию.
• Сайт должен корректно
отображаться на различных
устройствах и экранах:
мобильных телефонах,
планшетах, настольных
компьютерах.
• Наличие только
необходимых элементов,
избегание лишних
графических и текстовых
блоков.
• Понятные кнопки, ссылки
и формы, логичные
переходы между
страницами.
• Все элементы должны быть
масштабируемыми и легко
читаемыми на разных
экранах.
• Доступность ключевой
информации в
минимальное количество
кликов.
• Проверка адаптивности с
использованием
инструментов
предварительного
просмотра для разных
устройств.
• Ясные и понятные
структуры страниц.
Визуальная гармония
(Visual Harmony):
• Соответствие цветовой
палитры бренду или теме
сайта.
• Гармоничное сочетание
шрифтов, цветов и
визуальных элементов
(изображений, иконок).
• Наличие четкой
визуальной иерархии:
важные элементы
выделены, а
второстепенные не
отвлекают внимание
пользователя.
2

3.

Часть 2: Анализ, доработка и решение кейса
КРИТЕРИИ ОЦЕНКИ
ОБЩЕГО КАЧЕСТВА ПРОЕКТА:
5
6
Целостность стиля (Consistency):
7
Интерактивные элементы
(Interactivity):
Скорость загрузки страниц (Page
Load Speed):
• Все страницы сайта должны следовать
единому стилю.
• Корректная работа всех интерактивных
элементов (кнопки, формы, анимации).
• Быстрая загрузка страниц сайта, без
долгих ожиданий для пользователя.
• Наличие единых стилей для шрифтов,
цветов кнопок, форм и других элементов
интерфейса.
• Удобство взаимодействия с формами,
возможность легко заполнять и
отправлять данные.
• Оптимизация изображений, видео и
других медиафайлов для минимизации
времени загрузки.
• Одинаковое поведение интерактивных
элементов на всех страницах.
• Наличие обратной связи для
пользователя (например,
подтверждение после отправки формы
или завершения действия).
3

4.

Часть 2: Анализ, доработка и решение кейса
КРИТЕРИИ ОЦЕНКИ
ОБЩЕГО КАЧЕСТВА ПРОЕКТА:
8
9
Доступность (Accessibility):
• Соответствие веб-дизайна требованиям
доступности для людей с
ограниченными возможностями
(например, использование
альтернативного текста для
изображений, правильное
использование шрифтов и цветовых
схем).
• Легкость использования интерфейса для
всех категорий пользователей.
10
Оригинальность и креативность
(Originality and Creativity):
• Дизайн должен быть уникальным и
привлекательным, выделяясь на фоне
стандартных решений.
• Использование оригинальных решений
для представления информации или
интерактивных элементов.
Целевая аудитория (Target
Audience):
• Дизайн должен быть ориентирован на
целевую аудиторию, с учётом её
потребностей, предпочтений и
поведения.
• Удобство использования сайта для
предполагаемой целевой аудитории
(например, молодёжь, профессионалы,
пожилые люди).
4

5.

Часть 2: Анализ, доработка и решение кейса
ДЕМОНСТРАЦИЯ
ПРОЕКТОВ
5

6.

Часть 2: Анализ, доработка и решение кейса
В ХОДЕ ДЕМОНСТРАЦИИ
ГРУППЫ АКЦЕНТИРУЮТ
ВНИМАНИЕ НА СЛЕДУЮЩИХ
АСПЕКТАХ:
1
2
3
Точность переноса дизайна:
Адаптация для мобильных устройств:
• Как точно дизайн, созданный в
Figma, был перенесён в Tilda.
• Обеспечение
кроссплатформенности и
корректное отображение сайта на
различных устройствах.
Интерактивные элементы:
• Как были использованы
интерактивные функции Tilda для
улучшения взаимодействия
пользователя с сайтом.
6

7.

Часть 2: Анализ, доработка и решение кейса
ОЦЕНКА ЭКСПЕРТНОЙ
КОМИССИЕЙ
Экспертная комиссия оценивает проекты студентов по следующим критериям:
1
2
3
Точность переноса
дизайна
Адаптивность сайта:
1. Вопросы для оценки:
2. Насколько точно были
перенесены элементы из
Figma в Tilda?
2. Как сайт выглядит на
мобильных устройствах,
планшетах и настольных
компьютерах?
3. Сохранены ли исходные
шрифты, цвета, размеры
блоков, а также их
взаимное расположение?
3. Все ли блоки корректно
отображаются и легко
читаются на маленьких
экранах?
4. Насколько дизайн сайта на
Tilda соответствует
оригинальному макету из
Figma?
4. Были ли внесены
необходимые изменения
для адаптации контента
под мобильные
устройства?
1. Вопросы для оценки:
4
Интерактивность и
удобство использования:
Оригинальность и
функциональность:
1. Вопросы для оценки:
1. Вопросы для оценки:
2. Насколько удобно
пользователю
взаимодействовать с
интерактивными
элементами, такими как
формы, кнопки и меню?
2. Были ли добавлены
элементы, которые
улучшают
пользовательский опыт?
3. Логично ли построены
сценарии использования и
взаимодействия с сайтом?
4. Насколько плавно
работают анимации, и
помогают ли они улучшить
пользовательский опыт?
3. Были ли реализованы
оригинальные функции,
которые делают сайт
более привлекательным и
удобным?
4. Насколько хорошо сайт
справляется со своими
основными задачами?
7

8.

Часть 2: Анализ, доработка и решение кейса
ИТОГИ
8

9.

МОБИЛЬНАЯ РАЗРАБОТКА
ДО
НОВЫХ ВСТРЕЧ!