Оптимизация сайта с помощью UI/UX

После обучения основам веб-дизайна и CMS курс знакомит с концептуализацией пользовательских интерфейсов. Пользовательский опыт играет центральную роль в успехе разработки сайтов. Ты узнаешь, как искусственный интеллект используется в профессии.
  • Тип степени: Сертификат "Базовые знания веб-дизайна и CMS"
    Сертификат "UI/UX-дизайн"
  • Итоговый экзамен: Praxisbezogene Projektarbeiten mit Abschlusspräsentationen
  • Время уроков: Полный рабочий день
    С понедельника по пятницу с 8:30 до 15:35 (в праздничные дни с 8:30 до 17:10).
  • Язык обучения: Немецкий
  • Продолжительность: 8 Недели

Базовые знания о веб-дизайне и CMS

Основы веб-дизайна HTML и CSS с VS Code (около 9 дней)

Введение в HTML

Основные рамочные теги для создания текста (h1-h6, p, br, span)

Команды форматирования текста

Интеграция графики

Ссылки (внутренние, внешние, телефонные, mailto-ссылки)

Списки и таблицы

Введение в CSS

Варианты интеграции спецификаций CSS (внутренний, внешний, инлайн-стиль)

Основные команды (оформление текста, цвет шрифта, цвет фона)

Правильная структура синтаксиса

Проверка с помощью инструмента проверки W3C

Контейнеры HTML

Использование и стилизация контейнеров

Введение в боксовую модель

padding, margin, border, border-radius и их сокращения

Классы, идентификаторы, селекторы

Введение в VS Code

Дополнительные расширения для VS Code (например, Live Server, Emmet Commands, Copilot (AI))

Использование AI в сочетании с VS Code

Введение в CSS Flex-Box

Макеты с Flex-Box

Выравнивание с помощью Flex-box

Знакомство с позициями

Статическая, абсолютная, фиксированная, липкая, относительная

Левая, правая, верхняя, нижняя, z-index

Введение в отзывчивый дизайн

Медиа-запросы, точки разрыва

ландшафтный, портативный режим


Основы CMS с WordPress (около 4 дней)

Знакомство с WordPress (установка, обновления, приборная панель, фронтенд, бэкенд)

настройки

Управление медиа

Комментарии

Создание и редактирование страниц и постов

Блоки и их функции

Повторяющиеся блоки

Темы и редактор тем

Шаблоны и возможные способы их применения

Введение в плагины

Плагин формы

Плагин для оптимизации поисковых систем и использование текстов, сгенерированных искусственным интеллектом


Юридические требования и управление проектами (около 2 дней)

Интернет-законодательство и полезные плагины для внедрения GDPR

Инструменты WordPress для внедрения GDPR

Администрирование пользователей

Доступность

Управление проектами


Работа над проектом (около 5 дней)

Осмысление и закрепление изученного материала

Презентация результатов проекта

UI/UX-дизайн

Общее введение (около 1 дня)

UX, юзабилити, пользовательский интерфейс, руководство по ментальной модели, руководство по человеческим факторам

Принципы проектирования, ориентированного на пользователя

ISO 9241-210/HCD

Доступность: Основные термины, юридические требования (BITV, директивы ЕС), значение для UX-дизайна

Процесс проектирования удобных интерактивных систем

Типы инструментов искусственного интеллекта в контексте UI/UX (текст, изображение, анализ)


HCD: анализ - контекст использования (около 2 дней)

Персоны и карта эмпатии

Путешествие клиента

Обзор веб-аналитики/опросника


HCD: определение требований к использованию (около 1 дня)

Сценарии, истории пользователя

Модель задачи, потоки задач

Контекстные интервью и наблюдение

Дневниковые исследования


HCD: Создание дизайнерских решений, отвечающих требованиям использования (около 1 дня)

Руководства и стандарты: 7 принципов диалога по ISO 9241-110

10 принципов проектирования пользовательских интерфейсов по Якобу Нильсену

Визуальное восприятие, закономерности


Проектные решения HCD: Таксономия, информационная архитектура и концепции навигации (около 3 дней)

Блок-схема

Поток пользователей

Информационная архитектура

Микроинформационная архитектура

Стратегия конверсии

Концепции навигации и карта сайта

Сортировка карт: планирование, подготовка, реализация и оценка

Шаблоны мобильной навигации (бутовая навигация, гамбургер-меню, вкладки)


Обзор agile-управления проектами (около 1 дня)

Водопадная модель в сравнении с agile-методами

Понимание agile-менеджмента в соответствии с методом Scrum

Эпопея, пользовательская история и задача

Метод проектного спринта


Дизайнерские решения HCD: Дизайн пользовательского интерфейса (около 2 дней)

Руководство по стилю, UI KITs, библиотека паттернов и система проектирования

Компоненты/элементы и формы пользовательского интерфейса

Цвета, шрифты и типографика в пользовательском интерфейсе, иконки

Доступность: цветовые контрасты и разборчивые шрифты, элементы управления (размер, расстояние между ними, фокус)

Автоматизированное тестирование контрастов, читаемости и альтернативных текстов

Краткий обзор семантической структуры (HTML/ARIA)

Атомарный дизайн

Дизайн, ориентированный на мобильные устройства


Дизайнерские решения HCD: Техники проектирования с помощью Figma (около 3 дней)

Структура и основы: страницы и фреймы, сетки макетов, ограничения

Компоненты и варианты (кнопки, библиотеки, системы дизайна)

Отзывчивый дизайн (фреймы, автоматическая верстка)

Наброски, wireframes, mockups

Прототипирование: взаимодействие, переходы, наложения, обмен прототипами

Использование функций искусственного интеллекта в Figma и дополнительных инструментов для быстрого создания и изменения дизайна


Тестирование и оценка удобства использования (около 2 дней)

Обзор методов тестирования юзабилити

Мышление вслух: планирование, подготовка, проведение и оценка

Анкеты (UEQ, AttrakDiff, VisAWI)

A/B тестирование

Доступность: тесты с клавиатурой и программой чтения с экрана

Использование вспомогательных средств и инструментов


Работа над проектом (около 4 дней)

Закрепление изученного материала

Презентация результатов проекта



Возможны изменения. Содержание курса регулярно обновляется.

По окончании курса вы будете обладать базовыми знаниями в области редактирования изображений, верстки, веб-дизайна и систем управления контентом. Вы сможете работать с программами Adobe Photoshop, InDesign и Dreamweaver и будете знакомы с системой CMS Wordpress.

Кроме того, убедительное юзабилити и хороший пользовательский опыт - это основа доверия клиентов к компании. По окончании этого курса вы получите исчерпывающие базовые знания по темам пользовательского опыта и пользовательского интерфейса и освоите основные рекомендации и стандарты графических пользовательских интерфейсов, основанные на процессе проектирования, ориентированного на человека. Используя программу прототипирования Figma, вы сможете создавать интерактивные проекты, которые можно тестировать и дорабатывать с помощью различных методов. Вы также будете знать о методах гибкой работы, юзабилити-тестах и использовании инструментов искусственного интеллекта в процессе UI/UX.

Веб-разработчики, веб-дизайнеры, разработчики приложений, разработчики программного обеспечения, дизайнеры пользовательских интерфейсов, менеджеры проектов, графические дизайнеры, медиа-дизайнеры.

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

Знания в области UI и UX повысят ваши шансы в качестве разработчика в графических, рекламных, веб-, мультимедийных агентствах или агентствах полного цикла, а также у поставщиков программного обеспечения и баз данных. Знания в области UI/UX требуются практически во всех отраслях.

Дидактическая концепция

Ваши преподаватели обладают высокой профессиональной и дидактической квалификацией и будут обучать вас с первого до последнего дня (никакой системы самообучения).

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

 

Виртуальный класс alfaview®

BildungszentrumЗанятия проводятся с использованием современной видеотехнологии alfaview® - не выходя из дома или в нашем офисе по адресу . Весь курс может видеть друг друга лицом к лицу через alfaview®, общаться друг с другом с помощью синхронизированного по губам голоса и работать над совместными проектами. Разумеется, вы также можете в любое время видеть и разговаривать со своими преподавателями в прямом эфире, и на протяжении всего курса вас будут обучать преподаватели в режиме реального времени. Уроки - это не электронное обучение, а настоящее живое очное преподавание с помощью видеотехнологий.

 

alfatraining Agentur für Arbeit Учебные курсы субсидируются и сертифицируются в соответствии с положением об утверждении AZAV. Bildungsgutschein Aktivierungs- und VermittlungsgutscheinПри подаче заявки или заявки на обучение все расходы на курс обычно покрываются финансирующей организацией.
Europäischen Sozialfonds Deutsche Rentenversicherung Финансирование также возможно через программы (ESF), (DRV) или региональные программы финансирования. Berufsförderungsdienst Как постоянный солдат, вы можете посещать курсы повышения квалификации по программе (BFD). Agentur für Arbeit (Qualifizierungschancengesetz) Компании также могут повысить квалификацию своих сотрудников по программе финансирования от .

Мы будем рады бесплатно проконсультировать тебя.

0800 3456-500 Пн - Пт с 8:00 до 17:00
бесплатно из всех немецких сетей.

Свяжитесь с нами

Мы будем рады бесплатно проконсультировать тебя. 0800 3456-500 Пн - Пт с 8:00 до 17:00 бесплатно из всех немецких сетей.