Interaction design (UI/UX). Ux ui дизайн курсы


9 шагов как стать UX/UI дизайнером, если нет образования и опыта работы.

Ниже скидываю свое портфолио, чтобы вы видели, что я делаю👇.

И далее читайте, как у меня все это происходило, шаг за шагом и какой алгоритм действий я бы предприняла на вашем месте:

1. Поймите направления в дизайне

Самое ключевое для вас сейчас понять чем именно вы хотите заниматься? Многие мне пишут: “Хочу рисовать иллюстрации” и человек сам не знает, что за иллюстрации? Мультики или иконки или анимацию? Вы сами должны выбрать для себя то, что вы хотите. Никто не сделает это лучше вас.

  • Нравится работать над визуальной частью дизайна?- то вам в визуальные дизайнеры (UI).
  • Нравится продумывать саму логику работы продукта с пользователем, делать интерфейс удобным, анализировать, тестировать? — то вам в дизайнеры пользовательского опыта (UX).
  • Нравится делать и первое и второе, и углубляться глубоко в продукт, полностью быть хозяином продукта, знать и улучшать его — то вам в продуктовые дизайнеры.
  • Нравится верстать журналы, листовки, флайеры и другие POS-материалы, придумывать айдентику компании — то вам в графические дизайнеры .
  • и так далее… Есть и универсалы, которые знают всего понемногу. Начните с того, что бы выяснить, какая специализация вас интересует. Направлений очень много (!) ищите, то, что будет нравится именно вам и вы сможете посвятить этому уйму времени!
2. Изучите инструменты для работы

Я думаю, что далее объяснять не нужно. Как работать, если еще не освоили нужной программы? Вам повезло, если вы новичок, то вам не прийдется переучиваться с Adobe Photoshop и Illustrator, переходите сразу на Sketch или Figma. Почитайте в чем их различия, подумайте, что вы бы хотели изучить. Лайфхак от меня, если уже выбрали то направление в дизайне, по которому хотите идти, зайдите не поленитесь на Headhunter, Linkedin или любую другую платформу по поиску работ и посмотрите, что ищут работодатели, какие программы вы должны знать и пляшите уже от этой информации.

Здесь ниже свежие программы, которые могут пригодиться в работе:

  • Sketch для дизайна интерфейса
  • Figma для дизайна интерфейса с возможностью совместной работы
  • Balsamiq для создания макетов
  • Adobe XD для дизайна интерфейса, создания прототипов
  • Invision App для создания прототипов и совместной работы
  • RedPen для совместной работы
3. Начинайте обращать внимание на дизайн

До того как стать веб-дизайнером я совершенно не обращала внимание на структуру и содержание сайтов и мобильных приложений, не видела используемые цвета и шрифты, не замечала составляющие. Если вы решили стать дизайнером интерфейсов начинайте обращать внимание на всё и задавать себе вопросы: а почему они поставили логотип сюда, а не сюда? А почему кнопка одна и в конце, а не в начале? Изучите из чего обычно состоит сайт? (я говорю про элементарные вещи как header, body и footer). Задавая себе вопросы и отвечая на них, прокручивая варианты в голове, вы начнете не просто использовать сайт, а оценивать его с профессиональной точки зрения.

4. Окружите себя дизайном

Советую погрузиться полностью в дизайн, каждый день смотреть чужие работы. Есть миллион ресурсов, вот те, чем пользуюсь я:

  • Behance платформа-портфолио
  • Dribbble платформа-портфолио
  • Awwwards платформа-присуждающая звание лучших в веб-дизайне

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

5. Смотрите и повторяйте за другими

У меня часто спрашивают как начать работать веб-дизайнером, не имея опыта и образования. Начните тупо повторять и копировать чужие работы, те сайты, которые вам понравились. Вот сядьте, возьмите сайт, что хотите скопировать и скатайте весь сайт. Этот совет я даю, не для того, чтобы вы потом показывали чужую работу у себя портфолио, нет! А для того, чтобы набить руку и хоть как-то начать! Воспринимайте это как урок. У меня в художественной школе было занятие история искусств, там мы проходили разные направления в искусстве, разных художников и даже были занятия по копированию картин или стиля, потому что не попробовав чужое, вы не найдете своего.

6. Найдите менторов и станьте менторами

У профессионалов очень мало свободного времени, тем более на новичков. Поэтому не буду давать такой совет, как найдите себе жертву и нудите ей, чтобы учила вас дизайнить. Я вот честно еще не встречала людей, которые готовы просто так помочь в смысле карьеры. Это очень много занимает времени, сил и нервов. А я говорю о менторах, тех дизайнерах, кто делится своим опытом в блогах, в влогах, в соц.сетях. Найдите топовых дизайнеров кто вам нравится и подпишитесь на них, следите за тем, что они читают, на какие конференции ездят, какие новые программы изучают, таким образом без особых усилий вы будете в курсе дизайн событий и новинок. Вот список дизайнеров (кого сразу вспомнила) чьи блоги и статьи я читаю:

  • Yury Vetrov дизайн директор @ Mail.Ru. Пишет о UX дизайне, создатель ежемесячного дизайн-дайджеста (можно найти в фб), ежедневно публикует тучу новых штук и новинок в дизайне
  • Tobias van Schneider был дизайнером Spotify. Еще делает кучу интересных вещей, пишет свой блог (где интересно почитать рубрики), даже кроссовки шьет
  • Alexander Kirov для мотивации почитайте его статьи про то как он нашел работу и уехал в США
  • Julie Zhuo вице-президент продукт дизайна facebook. Пишет свой блог о дизайне и о жизни.

Вы новичок, но можете и сами стать ментором. Например начните писать блог, про свои первые шаги в индустрии дизайна. Или, если у вас есть друг, можете рассказывать ему, что интересного вы узнали или нашли. Пересказывание недавно приобретенных знаний поможет наиболее глубоко изучить тему и лучше запомнить материал.

7. Пройдите курсы

Многие задают вопрос нужны ли курсы? Есть разные типы личностей, кому-то интереснее и удобнее самому дома копаться в новой профессии, смотреть видео-ролики на ютубе, читать книжки и статьи. А кому-то нужно дизайн окружение и атмосфера. Если вы второй тип плюс у вас есть финансовые средства и время на прохождение курсов, то я скажу- да! Пройдите курсы! — это поможет. Только выбирайте курсы основательно, просмотрите комментарии и отзывы, посмотрите насколько популярна школа. Вот например список, что было в последнее время на слуху (сама эти курсы я НЕ проходила):

  • Британской высшей школы дизайна очно
  • Skillbox очно
  • General Assembly очно и можно онлайн
  • Coursera онлайн
  • Lynda онлайн
  • Udemy онлайн
  • Еще список курсов можно найти тут 👇
8. Читайте

Я не буду здесь описывать миллион книг и статей, что нужно прочитать, чтобы стать дизайнером, потому что в интернете полно информации на эту тему, стоит лишь поискать.

Напишу лишь парочку книг, что меня вдохновили и возможно и вам они дадут ускорение:

“Выйди из зоны комфорта. Измени свою жизнь. 21 метод повышения личной эффективности” — Брайан Трейси

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

“Сожги свое портфолио! То, чему не учат в дизайнерских школах” — Майкл Джанда

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

“Кради как художник. 10 уроков творческого самовыражения” — Остин Клеон

Не нужно быть гением, достаточно быть самим собой! Эта книга родилась из лекции, с которой Остин Клеон выступил в одном Нью-Йоркском университете. Он дал студентам десять советов, которые хотел бы получить сам, когда был начинающим художником.

В мире нет ничего оригинального, поэтому не отвергайте чужое влияние, коллекционируйте идеи, обдумывайте их еще раз, аранжируйте по-новому в поисках собственного пути. Следуйте за своими интересами, куда бы они вас ни завели, и предоставьте свободу своему творческому «я»!

“Покажи свою работу! 10 способов сделать так, чтобы тебя заметили” — Остин Клеон

В своем бестселлере «Кради как художник» Остин Клеон показывал читателям, как развить креативность с помощью «кражи» идей. В этой еще более важной книге он показывает, как сделать следующий ключевой шаг — стать известным. Используйте свою сеть знакомств, вовлекайте других в творческий процесс и позволяйте красть свои идеи. Полная иллюстраций, статей, цитат и примеров, эта книга содержит 10 правил («Вам не обязательно быть гением», «Делитесь чем-то небольшим каждый день»), которые помогут вам стать смелым, продуктивным, открытым и известным.

designpub.ru

Курсы UI/UX design для начинающих в Киеве от DAN.IT education

Подготовка к началу курса

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

Пре-курс

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

Модуль 1. Промо-сайт

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

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

Инструменты: Photoshop, Sketch App, InVision, Power Point, Adobe Kuler, бумага, маркеры.

Темы:• Вступление, свойства правильного интерфейса• Бизнес-интервью• Встреча с первым клиентом• Поиск решений• Пользовательские сценарии• Сторителлинг. Презентация своих идей на английском• Бумажное прототипирование• Вайерфреймы• Визуальный дизайн. Гештальт-принципы• UI компоненты — атомы интерфейса• Подготовка CV• Навигация, основы• Навигация, главные паттерны• Сетка в веб-дизайне• Типографика и работа со шрифтами• Композиция: живопись и интерфейсы• Работа с цветом• Прототипирование, создание “живого” сайта• Эвристики Нильсена• Тестирование идей

Модуль 2. Админ-панель

В этот раз задачи усложняются, и мы начнем создавать не страницы продающего сайта, а настоящую админ-панель со множеством возможностей и страниц. Начинается модуль с более продвинутых UX техник, далее мы разберем психологию человеческого восприятия, особенности человеческой памяти и зрения. Чтобы лучше понимать составляющие блоки в дизайне, разберемся с объектами, иерархиями, свойствами, поймем, как человек ищет нужную информацию, как отбрасывает ненужное. Также в этом модуле изучим визуализацию данных, законы Уолта Диснея, анимацию интерфейсов.

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

Инструменты: Photoshop, Sketch App, InVision, InVision Studio, Power Point, бумага, маркеры.

Темы:• Человек. Пользователь. Персона• User Journey Map• Психология восприятия и трюки в дизайне• Основы бизнес-анализа• Объекты, свойства, CRUD• Поиск, сортировка, фильтрация• Подготовка к собеседованию• Группы пользователей, разделение прав• Визуализация данных• CRM, паттерны админ-панелей• 10 законов анимации Уолта Диснея• Практика по анимации• Дизайн системы, тренды в дизайне• Контекст в дизайне• Как презентовать свой дизайн

Модуль 3. Мобильное приложение

Этот модуль построен вокруг разработки дизайна под различные платформы: от мобильных приложений до дизайна под AR/VR. Основной акцент приходится на разработку дизайна мобильного приложения. Мы научимся понимать разработчиков, грамотно представлять им результаты своих работ, освоим азы HTML/CSS. Финальная часть модуля будет посвящена подготовке вашего портфолио, эффективным приёмам презентации себя и своих работ, проведению собеседований перед работодателями.

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

Инструменты: Photoshop, Sketch App, InVision, InVision Studio, Google Analytics, Dribbble, Behance, Power Point, бумага, маркеры.

Темы:• Планирование, KPI и метрики в дизайне• Адаптивный дизайн• Особенности дизайна под мобильные устройства• Дизайн iOS приложения• Анимации для мобильного приложения• Основы технической реализации сайтов• HTML, СSS, JS – понимание технологий• Дизайн под различные платформы: AR/VR, Conversational, TV• Подготовка портфолио• Презентация идей и питчи• Дизайн-сессии• Интервью с потенциальными работодателями• Подготовка к защите и защита третьего проекта• Защита персонального Global Project

Профессиональные советы и карьерное продвижение

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

Воркшопы и мастер-классы

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

В разрезе курса мы проходим такие тематики:• теория цвета• композиция и веб-макеты• модель «двойного алмаза»• продукты MVP и MVL• эвристическая оценка проекта• обзор UX• дизайн хакатона• HTML

dan-it.com.ua

UX / UI проектирование больших сайтов

Форма обучения

 

Платное удаленное обучение в форме вебинаров (видеопоток с лекцией или презентацией и чат для вопросов), 2 раза в неделю, продолжительностью 60 мин. / занятие, на протяжении 3,5 месяцев (всего 28 занятий). Время проведения 19.00 (МСК/КИЕВ) каждый вторник и четверг. Всего 20 мест. После каждого занятия будут даны индивидуальные задания. Для каждого ученика будет доступна личная консультация с ведущим курса в размере одного часа в месяц. На личных консультациях можно проработать интересующие вопросы с ведущим курса, вместе разобрать домашнее задание или обсудить свой личный проект.

Также доступны VIP-места, в которых занятия проводятся в индивидуальной форме. При этом VIP-участник получает 28 индивидуальных занятия по программе курса и дополнительные 4 занятия для углубленного изучения материала и решения практических задач. VIP-программы мы рекомендуем для стартап-менеджеров, руководителей интернет-компаний и предпринимателей, которым требуется более глубокое понимание вопроса.

На занятиях также предусмотрены раздаточные материалы с примерами и наработками, для упрощения восприятия информации.

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

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

Всем студентам, которые выполнили минимум 80% домашних заданий, т.е. сдали их вовремя преподавателю, мы выдаем Сертификат, подтверждающий полученные знания и профессиональный уровень.

Все студенты, выполнившие не менее 80% домашних заданий и сдавшие экзамен, будут приглашены на "боевую" стажировку в международное digital-агентство. Это уникальная возможность поработать над интересными проектами в составе профессиональной команды.

Лучшим стажерам будут даны рекомендации для потенциальных работодателей.

Программа

 

0. Кратко о курсе и лекторах.

1. Что такое проектирование сайтов и для чего оно нужно?+ примеры

2. Принципы проектирования.- Различия между Agile и Waterfall в разрезе проектирования- UX и понимание работы сайта- Что можно считать концепцией проекта?- Процесс проектирования+ примеры

3. Первичное видение проекта.- Идея и её позиционирование- Оценка перспективности идеи- Цели проекта и критерии оценки эффективности- Целевая аудитория (ЦА)- Конкуренты- Организационные моменты (дедлаины, бюджеты и т.д.)+ примеры

4. Цели проекта и клиента.

5. ЦА и персонажи- Общий портрет ЦА, ядро- Персонажи+ примеры

6. Исследование конкурентов.- Как правильно искать?- SWOT-анализ+ примеры

7. Разработка правильной стратегии.+ примеры

8. Задачи-проблемы-решения.- Задачи и как их выявлять? Переносим опыт с оффлайна- Проблемы и их типы- Возможные решения и как их применять?+ примеры

9. Маркетинг в проектировании.- Брендинг и позиционирование- AIDA- Зачем нам знать, что такое 4P и другие теории маркетинга?- KPI+ примеры

10. Сценарии поведения (JourneyMap).+ примеры

11. Mind Map.- Информационная архитектура- Специальное ПО: Xmind+ пример

12. Структура сайтов.+ пример

13. Принципы построения интерфейсов (UI).+ примеры

14. Прототипирование.- Введение в интерфейсы- Модульная сетка- Визуальные образы и ассоциативный ряд- Специальное ПО: Axure+ примеры

15. Юзабилити тестирование.+ пример

16. Техническое задание.- Технологии- Дизайн- SEO- Маркетинг+ примеры

17. Тестирование и награждение лучших.

digitov.com