Веб-дизайнер: сайт как интерфейс взаимодействия с пользователями

ПРОФЕССИЯ

ВЕБ-ДИЗАЙНЕР

Алексей

Полехин

Открытое занятие из цикла «Интернет профессии»

Продюсер интерактивных курсов, руководитель курса «Веб-дизайнер»

КАКОВА РОЛЬ

ВЕБ-ДИЗАЙНЕРА

В ПРОЕКТЕ?

Веб-дизайнер Сайт как интерфейс взаимодействия с пользователем

ПРОЕКТ ПО РАЗРАБОТКЕ ВЕБ-САЙТА

Задача Анализзадачи

Эскизсайта

Прототипсайта

Структура контента

Дизайн первой страницы

Дизайн внутренних страниц

Верстка и программирование

Тестирование

Запуск


ПРОЕКТ ПО РАЗРАБОТКЕ

ВЕБ-САЙТА

Задача Планирование Контент Дизайн Программирование Запуск

Вовлеченность веб-дизайнерав процесс


ПРОЕКТ ПО РАЗРАБОТКЕ

ВЕБ-САЙТА

Задача Планирование Контент Дизайн Программирование Запуск

Вовлеченность веб-дизайнерав процесс


ВЕБ-ДИЗАЙНЕР: ТЕХНИЧЕСКАЯ

ИЛИ ТВОРЧЕСКАЯ

ПРОФЕССИЯ?


ВЕБ-ДИЗАЙНЕР:СФЕРА

ДЕЯТЕЛЬНОСТИ

И КОМПЕТЕНЦИИ


МЕСТО РАБОТЫ

• Дизайн студии

• Компании, занимающиесяразработкой веб-сайтов

• Любые компании, имеющие свойсайт

• Фриланс


УДАЛЕННАЯ

РАБОТА


КОМПЕТЕНЦИИ

• Общие знания в области графического дизайна

• Знание основных принципов построения пользовательских интерфейсов

• Владение инструментами

• Понимание принципов создания сайтов в целом — HTML, CSS, программирование


Programming!19 %

Web design, UI/UX!19 %

E-commmerce!24 %

Marketing!29 %

Mobile dev.!9 % ОБЗОР

РЫНКА ТРУДА Веб-дизайн и разработка интерфейсов — 19% вакансийданные на октябрь 2013 года


UI/UX ЭКСПЕРТ

ДЕНИС КОРТУНОВ

ДИРЕКТОР ПО UX В ACRONIS

САЙТ КАК

ИНТЕРФЕЙС

ВЗАИМОДЕЙСТВИЯ

С ПОЛЬЗОВАТЕЛЯМИ


ВОПРОС:КАКОВЫ ПРОСТЫЕ

МЕТОДЫ ВЫЯВЛЕНИЯ

ПРОБЛЕМ В

ИНТЕРФЕЙСЕ?


МЕТОДЫ РАЗРАБОТКИ

ИНТЕРФЕЙСОВ

ЭКСПЕРТНЫЙ МЕТОД

МЕТОД ПЕРСОНАЖЕЙ

ФОКУС ГРУППЫ ?


ФОКУС ГРУППЫ


ВОПРОС:

КАКОВЫ ОБЩИЕ

ТЕНДЕНЦИИ В

РАЗРАБОТКЕ ВЕБ- ИНТЕРФЕЙСОВ?


ПОКУПКА БИЛЕТА ЧЕРЕЗ

САЙТ АВИАКОМПАНИИПользователь не может выбирать время вылета,

предлагается выбор по номеру рейса

!

ТРАНСАЭРО

ПОКУПКА БИЛЕТА ЧЕРЕЗ

САЙТ АВИАКОМПАНИИСлишком большое основное меню, нет акцента на

популярные услуги — покупка билета и регистрация

на рейс

!

АЭРОФЛОТ

ПОКУПКА БИЛЕТА

ЧЕРЕЗ САЙТ РЖДВыбор места в купе по ссылке «Схема вагона».

Слишком много шагов для совершения покупки.

!

РЖД

ВОПРОС: ПОЧЕМУ ПРОДУКТЫ

С НЕ ЛУЧШИМИ

ИНТЕРФЕЙСАМИ

ЧАСТО УСПЕШНЫ?


www.f-‐i.com/fi/airlines/БУДУЩЕЕ

КАКОВ НАШ

ПОТЕНЦИАЛ?

ОДНОВРЕМЕННО

7±2 СУЩНОСТИ.


AIRBNB.COM

ANYWAYANYDAY.COM

ONETWOTRIP.COM

CТИЛИСТИКА

ИКОНОК:ОТ ПИКСЕЛЬНЫХ ДО

СКЕВОМОРФИЗМА

И ОБРАТНО


ЮЗАБИЛИТИVS USER EXPERIENCE


ПРОСТОТАVS ФУНКЦИОНАЛЬНОСТЬ


ЮЗАБИЛИТИ —СТЕПЕНЬ, В КОТОРОЙ ПРОДУКТ

МОЖЕТ БЫТЬ ИСПОЛЬЗОВАН

ОПРЕДЕЛЕННЫМИ ПОЛЬЗОВАТЕЛЯМИ

ПРИ ОПРЕДЕЛЕННОМ КОНТЕКСТЕ

ИСПОЛЬЗОВАНИЯ ДЛЯ ДОСТИЖЕНИЯ

ОПРЕДЕЛЕННЫХ ЦЕЛЕЙ С ДОЛЖНОЙ

ЭФФЕКТИВНОСТЬЮ

ПРОДУКТИВНОСТЬЮ И

УДОВЛЕТВОРЕННОСТЬЮ

перевод ISO 9241-11


СОВЕТ ЭКСПЕРТА:С ЧЕГО НАЧАТЬ

КАРЬЕРУ В

ОБЛАСТИ ДИЗАЙНА

ИНТЕРФЕЙСОВ?


ФРИЛАНСVS РАБОТА В КОМПАНИИ


СПАСИБО!

ДЕНИС КОРТУНОВ

ДИРЕКТОР ПО 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

http://netology.ru/kursy

ИНТЕРАКТИВНЫЕ

КУРСЫ

новый формат непрерывногообразования

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


http://www.slideshare.net/netology/70-30610513


HTML ACADEMY — !интерактивные онлайн курсы по HTML и СSS. Научитесь создавать современные веб-интерфейсы, оттачивая свое мастерство.


htmlacademy.ru

http://www.htmlacademy.ru


VK.COM/NETOLOGY_RU

НЕТОЛОГИЯ В

СОЦИАЛЬНЫХ

СЕТЯХ

YOUTUBE.COM/NETOLOGYTV

FACEBOOK.COM/NETOLOGY.RU

TWITTER.COM/NETOLOGY_RU

НЕТОЛОГИЯ

АЛЕКСЕЙ ПОЛЕХИН

ПРОДЮСЕР ИНТЕРАКТИВНЫХ КУРСОВ, РУКОВОДИТЕЛЬ КУРСА «ВЕБ-ДИЗАЙНЕР»

[email protected]

skype: polexin


Веб-дизайнер: сайт как интерфейс взаимодействия с пользователями

Design