Дизайн интерфейса с нуля, или Как стать веб-дизайнером

На правах рекламы

Создание сайта, популярного у посетителей, удобного в использовании и в поддержке и, наконец, просто красивого, - вполне посильная задача для целеустремленной личности. Курс "Дизайн интерфейса. Основы" поможет освоить перспективную и востребованную на IT-рынке специальность.

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

Разработка интерфейса сайта начинается не с создания красивой картинки, как многим хотелось бы думать, а с определения целевой аудитории, постановки задач, проектирования взаимодействия. Современный дизайнер интерфейсов должен знать, в чем разница между User Interface и User Experience, грамотно сочетать эти функции при создании сайта.

Автор курса - Катерина Старчеус, Senior UI/UX дизайнер с 10-летним опытом. Катерина работала над дизайном пользовательских интерфейсов со многими украинскими и зарубежными компаниями.

Программа курса "Дизайн интерфейса. Основы"

Занятие 1. Введение. Что такое User Interface и User Experience

· Что такое интерфейсы

· Юзер-машинный интерфейс и зачем его проектировать

· Что такое User experience, как измерить usability и цена ошибки в проектировании интерфейсов. Особенности проектирования для компьютерных платформ и почему нужны гайдлайны

Занятие 2. Начало с конца

· Почему не надо начинать с красивых картинок

· Краткая история дизайна приложений

· Важность проектирования взаимодействия

· Постановка задач, поиск целевой аудитории

· Как составить ТЗ с клиентом, как выяснить основные пользовательские сценарии и описать пользовательские персоны

Занятие 3. Userflow, Mindmap и что с этим потом делать

· Что такое Userflow и как его писать

· Mindmap. Редактор карт и как с его помощью описать функции всех экранов

· Определение результата. Как с помощью документов выяснить, когда приложение уже готово

Занятие 4. Создание бумажных прототипов

· Что такое Wireframe и почему дизайн начинается с него

· От общего - к частному: сначала набрасываем элементы, потом находим для них оптимальное расположение

· Бумажный прототип, как его создать

· Приложения для работы с бумажными прототипами

Занятие 5. Создание Wireframes

· Как выглядят "правильные" Wireframes

· Приложения для создания Wireframes

· Wireframes для мобильных приложений и веб-сайтов

· Создание прототипов на основании Wireframes

· Гайдлайны для создания интерфейса для iOS и Android

Занятие 6. Тестирование прототипов на пользователях

· Как организовать юзер-тестирование прототипов

Занятие 7. Основные тренды в дизайне

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

Занятие 8. Создание интерфейса

· Когда можно начинать рисовать интерфейс. Визуальные отличия платформ

· Работа с референсами, "сделайте мне как у Uber"

· Ищем вдохновение в Behance, Dribble и Pinterest

· Программы для создания интерфейсов

· Теория цвета и цветовых сочетаний. Использование цвета в Usability

Занятие 9. Библиотека элементов и создание сеток

· Создание элементов интерфейса

· Сетка и визуальный ритм

· Библиотека элементов, или почему кнопки должны быть одинаковыми

Занятие 10. Создание прототипов и презентация проекта

Занятие 11. Спецификации, дизайн-документ и контроль за разработкой

Занятие 12. Портфолио