Веб-дизайнер: сайт как интерфейс взаимодействия с...
Post on 20-Aug-2015
999 views
TRANSCRIPT
ПРОФЕССИЯ
ВЕБ-ДИЗАЙНЕР
Алексей
Полехин
Открытое занятие из цикла «Интернет профессии»
Продюсер интерактивных курсов, руководитель курса «Веб-дизайнер»
ПРОЕКТ ПО РАЗРАБОТКЕ ВЕБ-САЙТА
Задача Анализзадачи
Эскизсайта
Прототипсайта
Структура контента
Дизайн первой страницы
Дизайн внутренних страниц
Верстка и программирование
Тестирование
Запуск
Веб-дизайнер Сайт как интерфейс взаимодействия с пользователем
ПРОЕКТ ПО РАЗРАБОТКЕ
ВЕБ-САЙТА
Задача Планирование Контент Дизайн Программирование Запуск
Вовлеченность веб-дизайнерав процесс
Веб-дизайнер Сайт как интерфейс взаимодействия с пользователем
ПРОЕКТ ПО РАЗРАБОТКЕ
ВЕБ-САЙТА
Задача Планирование Контент Дизайн Программирование Запуск
Вовлеченность веб-дизайнерав процесс
Веб-дизайнер Сайт как интерфейс взаимодействия с пользователем
ВЕБ-ДИЗАЙНЕР: ТЕХНИЧЕСКАЯ
ИЛИ ТВОРЧЕСКАЯ
ПРОФЕССИЯ?
Веб-дизайнер Сайт как интерфейс взаимодействия с пользователем
ВЕБ-ДИЗАЙНЕР:СФЕРА
ДЕЯТЕЛЬНОСТИ
И КОМПЕТЕНЦИИ
Веб-дизайнер Сайт как интерфейс взаимодействия с пользователем
МЕСТО РАБОТЫ
• Дизайн студии
• Компании, занимающиесяразработкой веб-сайтов
• Любые компании, имеющие свойсайт
• Фриланс
Веб-дизайнер Сайт как интерфейс взаимодействия с пользователем
КОМПЕТЕНЦИИ
• Общие знания в области графического дизайна
• Знание основных принципов построения пользовательских интерфейсов
• Владение инструментами
• Понимание принципов создания сайтов в целом — HTML, CSS, программирование
Веб-дизайнер Сайт как интерфейс взаимодействия с пользователем
Programming!19 %
Web design, UI/UX!19 %
E-commmerce!24 %
Marketing!29 %
Mobile dev.!9 % ОБЗОР
РЫНКА ТРУДА Веб-дизайн и разработка интерфейсов — 19% вакансийданные на октябрь 2013 года
Веб-дизайнер Сайт как интерфейс взаимодействия с пользователем
UI/UX ЭКСПЕРТ
ДЕНИС КОРТУНОВ
ДИРЕКТОР ПО UX В ACRONIS
САЙТ КАК
ИНТЕРФЕЙС
ВЗАИМОДЕЙСТВИЯ
С ПОЛЬЗОВАТЕЛЯМИ
Веб-дизайнер Сайт как интерфейс взаимодействия с пользователем
ВОПРОС:КАКОВЫ ПРОСТЫЕ
МЕТОДЫ ВЫЯВЛЕНИЯ
ПРОБЛЕМ В
ИНТЕРФЕЙСЕ?
Веб-дизайнер Сайт как интерфейс взаимодействия с пользователем
МЕТОДЫ РАЗРАБОТКИ
ИНТЕРФЕЙСОВ
ЭКСПЕРТНЫЙ МЕТОД
МЕТОД ПЕРСОНАЖЕЙ
ФОКУС ГРУППЫ ?
Веб-дизайнер Сайт как интерфейс взаимодействия с пользователем
ВОПРОС:
КАКОВЫ ОБЩИЕ
ТЕНДЕНЦИИ В
РАЗРАБОТКЕ ВЕБ- ИНТЕРФЕЙСОВ?
Веб-дизайнер Сайт как интерфейс взаимодействия с пользователем
ПОКУПКА БИЛЕТА ЧЕРЕЗ
САЙТ АВИАКОМПАНИИПользователь не может выбирать время вылета,
предлагается выбор по номеру рейса
!
ТРАНСАЭРО
ПОКУПКА БИЛЕТА ЧЕРЕЗ
САЙТ АВИАКОМПАНИИСлишком большое основное меню, нет акцента на
популярные услуги — покупка билета и регистрация
на рейс
!
АЭРОФЛОТ
ПОКУПКА БИЛЕТА
ЧЕРЕЗ САЙТ РЖДВыбор места в купе по ссылке «Схема вагона».
Слишком много шагов для совершения покупки.
!
РЖД
ВОПРОС: ПОЧЕМУ ПРОДУКТЫ
С НЕ ЛУЧШИМИ
ИНТЕРФЕЙСАМИ
ЧАСТО УСПЕШНЫ?
Веб-дизайнер Сайт как интерфейс взаимодействия с пользователем
КАКОВ НАШ
ПОТЕНЦИАЛ?
ОДНОВРЕМЕННО
7±2 СУЩНОСТИ.
Веб-дизайнер Сайт как интерфейс взаимодействия с пользователем
CТИЛИСТИКА
ИКОНОК:ОТ ПИКСЕЛЬНЫХ ДО
СКЕВОМОРФИЗМА
И ОБРАТНО
Веб-дизайнер Сайт как интерфейс взаимодействия с пользователем
ЮЗАБИЛИТИ —СТЕПЕНЬ, В КОТОРОЙ ПРОДУКТ
МОЖЕТ БЫТЬ ИСПОЛЬЗОВАН
ОПРЕДЕЛЕННЫМИ ПОЛЬЗОВАТЕЛЯМИ
ПРИ ОПРЕДЕЛЕННОМ КОНТЕКСТЕ
ИСПОЛЬЗОВАНИЯ ДЛЯ ДОСТИЖЕНИЯ
ОПРЕДЕЛЕННЫХ ЦЕЛЕЙ С ДОЛЖНОЙ
ЭФФЕКТИВНОСТЬЮ
ПРОДУКТИВНОСТЬЮ И
УДОВЛЕТВОРЕННОСТЬЮ
перевод ISO 9241-11
Веб-дизайнер Сайт как интерфейс взаимодействия с пользователем
СОВЕТ ЭКСПЕРТА:С ЧЕГО НАЧАТЬ
КАРЬЕРУ В
ОБЛАСТИ ДИЗАЙНА
ИНТЕРФЕЙСОВ?
Веб-дизайнер Сайт как интерфейс взаимодействия с пользователем
СПАСИБО!
ДЕНИС КОРТУНОВ
ДИРЕКТОР ПО UX В ACRONIS
САЙТ КАК
ИНТЕРФЕЙС
ВЗАИМОДЕЙСТВИЯ
С ПОЛЬЗОВАТЕЛЯМИ
Веб-дизайнер Сайт как интерфейс взаимодействия с пользователем
ОБУЧЕНИЕ В
НЕТОЛОГИИ
Алексей
Полехин
Продюсер интерактивных курсов, руководитель курса «Веб-дизайнер»
ЧТО ТАКОЕ «НЕТОЛОГИЯ»
• Комплексное обучение в формате онлайн интенсива
• Собственная образовательная платформа
• Возможность обучение с мобильных устройств
• Возможность трудоустройства
• Рекомендованы РАЭК как центр подготовки интернетспециалистов
!
РАЭК — Российская ассоциация электронных коммуникаций
Веб-дизайнер Эффективный сайт от идеи до реализации
КУРСВЕБ-ДИЗАЙНЕР ЭФФЕКТИВНЫЙ САЙТОТ ИДЕИ ДО РЕАЛИЗАЦИИ
21 МАРТА—
23 МАЯ
44 часа теории 40 часов практики
ПРЕПОДАВАТЕЛИ
Платон ДнепровскийUIDG
Григорий КоченовAGIMA
Владимир Черносвитов General Rhetoric
Никита ОбуховFNKPNK
Мария ПоликарповаJacht
Максим ПавловNOTAMEDIA
Татьяна Назарова AGIMA
Олег ЗильбергRed Keds
Веб-дизайнер Эффективный сайт от идеи до реализации
КАК ИДЕТ ОБУЧЕНИЕ
• Формат вебинаров
• Будние дни
• Два раза в неделю
• Вечернее время с 17-00 до 19-00 (мск)
Веб-дизайнер Эффективный сайт от идеи до реализации
ПРАКТИКА
• Реальные задачи после каждого занятия
• Обратная связь от преподавателя
• Персональный подход
• Все проходит внутри нашей образовательной платформы
Веб-дизайнер Эффективный сайт от идеи до реализации
ПОДАРОК
АЛЕКСЕЙ КОПЫЛОВ
UIDG, WARGAMING, FLEXIS
СЕМИНАР
«ПРОЕКТИРОВАНИЕ
ИНТЕРФЕЙСОВ: КАК
СДЕЛАТЬ
ПОЛНОЦЕННЫЙ
ПРОДУКТ И
ВЛЮБИТЬ В СЕБЯ
КЛИЕНТА»
Веб-дизайнер Эффективный сайт от идеи до реализации
ТРУДОУСТРОЙСТВО
• Обучение — инвестиции в свое будущее
• Вакансии партнеров на сайте и в личном кабинете
• При приеме на работу к партнеру по вакансии, работодатель компенсирует затраты на обучение
• Лучшие студенты всегда на виду!
Веб-дизайнер Эффективный сайт от идеи до реализации
ЛИЧНЫЙ КАБИНЕТ
ПОПРОБУЙТЕ НАШ ЛИЧНЫЙ КАБИНЕТЗАГЛЯНИТЕ В ЛИЧНЫЙ КАБИНЕТ СТУДЕНТА, УЗНАЙТЕ, КАК ВСЕ УСТРОЕНО
ВОЗВРАТДЕНЕГ
ПОЛНАЯ ГАРАНТИЯ ВОЗВРАТА ДЕНЕГЕСЛИ ОБУЧЕНИЕ В ТЕЧЕНИЕ ПЕРВЫХ ДВУХ НЕДЕЛЬ НЕ БУДЕТ ВАМ ПОЛЕЗНО, МЫ ВЕРНЕМ ДЕНЬГИ
МЫ УВЕРЕНЫ В КАЧЕСТВЕ
НАШИХ ОБРАЗОВАТЕЛЬНЫХ
ПРОГРАММ
netology.ru/kursy
ТЕМЫ ИНТЕРАКТИВНЫХ
КУРСОВ
• SMM
• Интернет маркетинг
• Медийная реклама
• Email маркетинг
• Веб-аналитика
• Контекстная реклама
• E-commerce
• Управление веб- проектами
• UX дизайн
netology.ru/kursy
Веб-дизайнер Эффективный сайт от идеи до реализации
ИНТЕРАКТИВНЫЕ КУРСЫ
netology.ru/kursy
18 курсов
590руб.
Веб-дизайнер Эффективный сайт от идеи до реализации
ИНТЕРАКТИВНЫЕ КУРСЫ
netology.ru/kursy
18 курсов
590руб.
Веб-дизайнер Эффективный сайт от идеи до реализации
ИНТЕРАКТИВНЫЕ КУРСЫ
netology.ru/kursy
18 курсов
590руб.
Веб-дизайнер Эффективный сайт от идеи до реализации
ИНТЕРАКТИВНЫЕ КУРСЫ
netology.ru/kursy
18 курсов
590руб.
Веб-дизайнер Эффективный сайт от идеи до реализации
ТЕСТЫ И СЕРТИФИКАТЫ
netology.ru/kursy
Веб-дизайнер Эффективный сайт от идеи до реализации
Netology presentation
«PROFESSIYA»
1000 РУБ.
Введите код при регистрации и получите скидку 1000 рублей на любой курс
ЛИТЕРАТУРА
• Алан Купер — «Об интерфейсе»
• Иоханнес Иттен — «Искусство формы»
• Иоханнес Иттен — «Искусство цвета»
• Ян Чихольд — «Облик книги»
• Ян В.Уайт — «Редактируем дизайном»
Веб-дизайнер Эффективный сайт от идеи до реализации
ГДЕ ИСКАТЬ
ПОЛЕЗНУЮ
ИНФОРМАЦИЮ ПО
ИНТЕРНЕТ
МАРКЕТИНГУ?
slideshare.net/netology/70-‐30610513
Веб-дизайнер Эффективный сайт от идеи до реализации
Netology presentation
HTML ACADEMY — !интерактивные онлайн курсы по HTML и СSS. Научитесь создавать современные веб-интерфейсы, оттачивая свое мастерство.
Веб-дизайнер Эффективный сайт от идеи до реализации
htmlacademy.ru
Netology presentation
VK.COM/NETOLOGY_RU
НЕТОЛОГИЯ В
СОЦИАЛЬНЫХ
СЕТЯХ
YOUTUBE.COM/NETOLOGYTV
FACEBOOK.COM/NETOLOGY.RU
TWITTER.COM/NETOLOGY_RU
НЕТОЛОГИЯ
АЛЕКСЕЙ ПОЛЕХИН
ПРОДЮСЕР ИНТЕРАКТИВНЫХ КУРСОВ, РУКОВОДИТЕЛЬ КУРСА «ВЕБ-ДИЗАЙНЕР»
skype: polexin
Веб-дизайнер Эффективный сайт от идеи до реализации