Видеозапись открытого занятия «Веб-дизайнер: сайт как интерфейс взаимодействия с пользователями» можно посмотреть здесь: http://bit.ly/1qFXbE8 Всегда ли взаимодействие с новыми интерфейсами облегчает жизнь пользователя? Из презентации вы узнаете: — 3 метода выявления проблем в интерфейсе. — Каковы современные тенденции в разработке. — Разбор типичных ошибок в интерфейсах. — Почему сайт не с лучшим интерфейсом может быть успешным.

1. Алексей
Полехин
Продюсер
интерактивных
курсов,
руководитель курса
«Веб-дизайнер»
ПРОФЕССИЯ
ВЕБ-ДИЗАЙНЕР
Открытое занятие
из цикла «Интернет
профессии»

2. КАКОВА РОЛЬ
ВЕБ-ДИЗАЙНЕРА
В ПРОЕКТЕ?
Веб-дизайнер
Сайт как интерфейс взаимодействия с пользователем

3. ПРОЕКТ ПО РАЗРАБОТКЕ
ВЕБ-САЙТА
Задача
Анализ
задачи
Эскиз
сайта
Прототип
сайта
Дизайн первой
страницы
Структура
контента
Верстка и
программирование
Дизайн
внутренних
страниц
Тестирование
Запуск
Веб-дизайнер
Сайт как интерфейс взаимодействия с пользователем

4. ПРОЕКТ ПО РАЗРАБОТКЕ
ВЕБ-САЙТА
Вовлеченность веб-дизайнера
в процесс
Задача
Веб-дизайнер
Планирование
Контент
Дизайн
Программирование
Сайт как интерфейс взаимодействия с пользователем
Запуск

5. ПРОЕКТ ПО РАЗРАБОТКЕ
ВЕБ-САЙТА
Вовлеченность веб-дизайнера
в процесс
Задача
Веб-дизайнер
Планирование
Контент
Дизайн
Программирование
Сайт как интерфейс взаимодействия с пользователем
Запуск

6. ВЕБ-ДИЗАЙНЕР:
ТЕХНИЧЕСКАЯ
ИЛИ ТВОРЧЕСКАЯ
ПРОФЕССИЯ?
Веб-дизайнер
Сайт как интерфейс взаимодействия с пользователем

7. ВЕБ-ДИЗАЙНЕР:
СФЕРА
ДЕЯТЕЛЬНОСТИ
И КОМПЕТЕНЦИИ
Веб-дизайнер
Сайт как интерфейс взаимодействия с пользователем

8. МЕСТО РАБОТЫ
•
•
Дизайн студии
•
Любые компании, имеющие свой
сайт
•
Фриланс
Компании, занимающиеся
разработкой веб-сайтов
Веб-дизайнер
Сайт как интерфейс взаимодействия с пользователем

9. УДАЛЕННАЯ
РАБОТА
Веб-дизайнер
Сайт как интерфейс взаимодействия с пользователем

10. КОМПЕТЕНЦИИ
•
Общие знания в области графического
дизайна
•
Знание основных принципов построения
пользовательских интерфейсов
•
•
Владение инструментами
Понимание принципов создания сайтов в
целом — HTML, CSS, программирование
Веб-дизайнер
Сайт как интерфейс взаимодействия с пользователем

11. Mobile dev.!
9 %
Marketing!
29 %
ОБЗОР
РЫНКА ТРУДА
Programming!
19 %
Веб-дизайн и разработка
интерфейсов — 19%
вакансий
Web design, UI/UX!
19 %
Веб-дизайнер
E-commmerce!
24 %
данные на октябрь 2013 года
Сайт как интерфейс взаимодействия с пользователем

12. ДЕНИС
КОРТУНОВ
ДИРЕКТОР ПО UX
В ACRONIS
САЙТ КАК
ИНТЕРФЕЙС
ВЗАИМОДЕЙСТВИЯ
С ПОЛЬЗОВАТЕЛЯМИ
UI/UX
ЭКСПЕРТ
Веб-дизайнер
Сайт как интерфейс взаимодействия с пользователем

13. ВОПРОС:
КАКОВЫ ПРОСТЫЕ
МЕТОДЫ ВЫЯВЛЕНИЯ
ПРОБЛЕМ В
ИНТЕРФЕЙСЕ?
Веб-дизайнер
Сайт как интерфейс взаимодействия с пользователем

14. МЕТОДЫ РАЗРАБОТКИ
ИНТЕРФЕЙСОВ
ЭКСПЕРТНЫЙ
МЕТОД
Веб-дизайнер
МЕТОД
ПЕРСОНАЖЕЙ
ФОКУС ГРУППЫ
Сайт как интерфейс взаимодействия с пользователем
?

15. ФОКУС ГРУППЫ
Веб-дизайнер
Сайт как интерфейс взаимодействия с пользователем

16. ВОПРОС:
КАКОВЫ ОБЩИЕ
ТЕНДЕНЦИИ В
РАЗРАБОТКЕ ВЕБИНТЕРФЕЙСОВ?
Веб-дизайнер
Сайт как интерфейс взаимодействия с пользователем

17. ТРАНСАЭРО
ПОКУПКА БИЛЕТА ЧЕРЕЗ
САЙТ АВИАКОМПАНИИ
Пользователь не может выбирать время вылета,
предлагается выбор по номеру рейса
!

18. АЭРОФЛОТ
ПОКУПКА БИЛЕТА ЧЕРЕЗ
САЙТ АВИАКОМПАНИИ
Слишком большое основное меню, нет акцента на
популярные услуги — покупка билета и регистрация
на рейс
!

19. РЖД
ПОКУПКА БИЛЕТА
ЧЕРЕЗ САЙТ РЖД
Выбор места в купе по ссылке «Схема вагона».
Слишком много шагов для совершения покупки.
!

20. ВОПРОС:
ПОЧЕМУ ПРОДУКТЫ
С НЕ ЛУЧШИМИ
ИНТЕРФЕЙСАМИ
ЧАСТО УСПЕШНЫ?
Веб-дизайнер
Сайт как интерфейс взаимодействия с пользователем

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

22. КАКОВ НАШ
ПОТЕНЦИАЛ?
ОДНОВРЕМЕННО
7±2 СУЩНОСТИ.
Веб-дизайнер
Сайт как интерфейс взаимодействия с пользователем

23. AIRBNB.COM

24. ANYWAYANYDAY.COM

25. ONETWOTRIP.COM

26. CТИЛИСТИКА
ИКОНОК:
ОТ ПИКСЕЛЬНЫХ ДО
СКЕВОМОРФИЗМА
И ОБРАТНО
Веб-дизайнер
Сайт как интерфейс взаимодействия с пользователем

27. ЮЗАБИЛИТИ
VS
USER EXPERIENCE
Веб-дизайнер
Сайт как интерфейс взаимодействия с пользователем

28. ПРОСТОТА
VS
ФУНКЦИОНАЛЬНОСТЬ
Веб-дизайнер
Сайт как интерфейс взаимодействия с пользователем

29. ЮЗАБИЛИТИ —
СТЕПЕНЬ, В КОТОРОЙ ПРОДУКТ
МОЖЕТ БЫТЬ ИСПОЛЬЗОВАН
ОПРЕДЕЛЕННЫМИ ПОЛЬЗОВАТЕЛЯМИ
ПРИ ОПРЕДЕЛЕННОМ КОНТЕКСТЕ
ИСПОЛЬЗОВАНИЯ ДЛЯ ДОСТИЖЕНИЯ
ОПРЕДЕЛЕННЫХ ЦЕЛЕЙ С ДОЛЖНОЙ
ЭФФЕКТИВНОСТЬЮ
ПРОДУКТИВНОСТЬЮ И
УДОВЛЕТВОРЕННОСТЬЮ
перевод ISO 9241-11
Веб-дизайнер
Сайт как интерфейс взаимодействия с пользователем

30. СОВЕТ ЭКСПЕРТА:
С ЧЕГО НАЧАТЬ
КАРЬЕРУ В
ОБЛАСТИ ДИЗАЙНА
ИНТЕРФЕЙСОВ?
Веб-дизайнер
Сайт как интерфейс взаимодействия с пользователем

31. ФРИЛАНС
VS
РАБОТА В КОМПАНИИ
Веб-дизайнер
Сайт как интерфейс взаимодействия с пользователем

32. ДЕНИС
КОРТУНОВ
ДИРЕКТОР ПО UX
В ACRONIS
САЙТ КАК
ИНТЕРФЕЙС
ВЗАИМОДЕЙСТВИЯ
С ПОЛЬЗОВАТЕЛЯМИ
СПАСИБО!
Веб-дизайнер
Сайт как интерфейс взаимодействия с пользователем

33. Алексей
Полехин
Продюсер
интерактивных
курсов,
руководитель курса
«Веб-дизайнер»
ОБУЧЕНИЕ В
НЕТОЛОГИИ

34. ЧТО ТАКОЕ «НЕТОЛОГИЯ»
•
•
•
•
•
Комплексное обучение в формате онлайн интенсива
Собственная образовательная платформа
Возможность обучение с мобильных устройств
Возможность трудоустройства
Рекомендованы РАЭК как центр подготовки интернет
специалистов
!
РАЭК — Российская ассоциация электронных коммуникаций
Веб-дизайнер
Эффективный сайт от идеи до реализации

35. 21 МАРТА
—
23 МАЯ
КУРС
ВЕБ-ДИЗАЙНЕР
ЭФФЕКТИВНЫЙ САЙТ
ОТ ИДЕИ ДО РЕАЛИЗАЦИИ
44 часа теории
40 часов практики

36. ПРЕПОДАВАТЕЛИ
Олег Зильберг
Red Keds
Мария Поликарпова
Jacht
Никита Обухов
FNKPNK
Владимир Черносвитов
General Rhetoric
Веб-дизайнер
Максим Павлов
NOTAMEDIA
Григорий Коченов
AGIMA
Эффективный сайт от идеи до реализации
Татьяна Назарова
AGIMA
Платон Днепровский
UIDG

37. КАК ИДЕТ ОБУЧЕНИЕ
•
•
•
•
Формат вебинаров
Будние дни
Два раза в неделю
Вечернее время с 17-00 до 19-00 (мск)
Веб-дизайнер
Эффективный сайт от идеи до реализации

38. ПРАКТИКА
•
Реальные задачи после каждого
занятия
•
•
•
Обратная связь от преподавателя
Персональный подход
Все проходит внутри нашей
образовательной платформы
Веб-дизайнер
Эффективный сайт от идеи до реализации

39. АЛЕКСЕЙ
КОПЫЛОВ
UIDG, WARGAMING,
FLEXIS
ПОДАРОК
Веб-дизайнер
СЕМИНАР
«ПРОЕКТИРОВАНИЕ
ИНТЕРФЕЙСОВ: КАК
СДЕЛАТЬ
ПОЛНОЦЕННЫЙ
ПРОДУКТ И
ВЛЮБИТЬ В СЕБЯ
КЛИЕНТА»
Эффективный сайт от идеи до реализации

40. ТРУДОУСТРОЙСТВО
•
•
Обучение — инвестиции в свое будущее
•
При приеме на работу к партнеру по
вакансии, работодатель компенсирует
затраты на обучение
•
Лучшие студенты всегда на виду!
Вакансии партнеров на сайте и в
личном кабинете
Веб-дизайнер
Эффективный сайт от идеи до реализации

41. ЛИЧНЫЙ
КАБИНЕТ
ВОЗВРАТ
ДЕНЕГ
ПОПРОБУЙТЕ НАШ
ЛИЧНЫЙ КАБИНЕТ
ПОЛНАЯ ГАРАНТИЯ
ВОЗВРАТА ДЕНЕГ
ЗАГЛЯНИТЕ В ЛИЧНЫЙ КАБИНЕТ
СТУДЕНТА, УЗНАЙТЕ, КАК ВСЕ
УСТРОЕНО
ЕСЛИ ОБУЧЕНИЕ В ТЕЧЕНИЕ ПЕРВЫХ
ДВУХ НЕДЕЛЬ НЕ БУДЕТ ВАМ
ПОЛЕЗНО, МЫ ВЕРНЕМ ДЕНЬГИ
netology.ru/kursy
МЫ УВЕРЕНЫ В КАЧЕСТВЕ
НАШИХ ОБРАЗОВАТЕЛЬНЫХ
ПРОГРАММ

42. ИНТЕРАКТИВНЫЕ
КУРСЫ
новый формат
непрерывного
образования
netology.ru/kursy

43. ТЕМЫ ИНТЕРАКТИВНЫХ
КУРСОВ
•
•
•
•
•
SMM
Интернет маркетинг
Медийная реклама
Email маркетинг
Веб-аналитика
•
•
•
Контекстная реклама
•
UX дизайн
E-commerce
Управление вебпроектами
netology.ru/kursy
Веб-дизайнер
Эффективный сайт от идеи до реализации

44. ИНТЕРАКТИВНЫЕ КУРСЫ
18 курсов
590
руб.
netology.ru/kursy
Веб-дизайнер
Эффективный сайт от идеи до реализации

45. ИНТЕРАКТИВНЫЕ КУРСЫ
18 курсов
590
руб.
netology.ru/kursy
Веб-дизайнер
Эффективный сайт от идеи до реализации

46. ИНТЕРАКТИВНЫЕ КУРСЫ
18 курсов
590
руб.
netology.ru/kursy
Веб-дизайнер
Эффективный сайт от идеи до реализации

47. ИНТЕРАКТИВНЫЕ КУРСЫ
18 курсов
590
руб.
netology.ru/kursy
Веб-дизайнер
Эффективный сайт от идеи до реализации

48. ТЕСТЫ И СЕРТИФИКАТЫ
netology.ru/kursy
Веб-дизайнер
Эффективный сайт от идеи до реализации

49. Введите код при
регистрации и
получите скидку
1000 рублей на
любой курс
«PROFESSIYA»
1000
Netology presentation
РУБ.

50. ЛИТЕРАТУРА
•
•
•
•
•
Алан Купер — «Об интерфейсе»
Иоханнес Иттен — «Искусство формы»
Иоханнес Иттен — «Искусство цвета»
Ян Чихольд — «Облик книги»
Ян В.Уайт — «Редактируем дизайном»
Веб-дизайнер
Эффективный сайт от идеи до реализации

51. ГДЕ ИСКАТЬ
ПОЛЕЗНУЮ
ИНФОРМАЦИЮ ПО
ИНТЕРНЕТ
МАРКЕТИНГУ?
slideshare.net/netology/70-­‐30610513
Веб-дизайнер
Эффективный сайт от идеи до реализации

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

53. VK.COM/
NETOLOGY_RU
YOUTUBE.COM/
NETOLOGYTV
НЕТОЛОГИЯ В
СОЦИАЛЬНЫХ
СЕТЯХ
FACEBOOK.COM/
NETOLOGY.RU
TWITTER.COM/
NETOLOGY_RU
Netology presentation

54. АЛЕКСЕЙ
ПОЛЕХИН
ПРОДЮСЕР
ИНТЕРАКТИВНЫХ
КУРСОВ,
РУКОВОДИТЕЛЬ КУРСА
«ВЕБ-ДИЗАЙНЕР»
НЕТОЛОГИЯ
Веб-дизайнер
a.polekhin@netology.ru
skype: polexin
Эффективный сайт от идеи до реализации