Новая программа курса Web Design: фотошоп жив

Опубликовано

Июль 31

Как сделать первый сайт? Где разместить кнопку регистрации? Как сдавать файлы разработчикам? Ты узнаешь ответы на эти вопросы на курсе Web Design, который теперь называется UI/UX Design Junior. Уже осенью в академии стартует новый семестр. А сейчас пришло время познакомиться с обновленной программой курса. Тебя ждут видеоуроки с теорией, 96 часов практики, уроки английского и карьерное консультирование.

 

Маша Ющук, авторка курса и преподавательница в киевской Beetroot Academy рассказала, почему она любит UX, зачем дизайнеру аналитика и как выбрать графический редактор.

 

 

О выборе направления в дизайне

 

 

Работаю в дизайне больше 8 лет – уже перестала считать. Года три занимаюсь UX – разрабатываю информационную архитектуру, логику. Изучаю проблемы взаимодействия пользователя с продуктом, думаю, как улучшить.

 

 

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

 

 

Чтобы разработать полезный интерфейс, нужно знать преимущества твоего клиента, его потребности и желания. Мне даже стало интересно – почему лет 5 назад такого не было? Ведь эти подробности дизайнеру необходимы.

 

 

О главных отличиях новой программы курса

 

 

В старой программе много внимания уделялось Adobe Photoshop и Illustrator, фирменному стилю, логотипам. Я решила – курс должен быть максимально приближенным к реальным задачам, с которыми дизайнеры сталкиваются во время работы.

 

 

На Photoshop и Illustrator теперь отводится меньше времени. Мы познакомимся с основами графического дизайна, изучим композицию, типографику, модульные сетки, цвет. Я объясню, как это применяется на практике. В программу курса добавлены основы дизайн-мышления, чтобы у студентов было базовое понимание принципов UX. Еще дизайнеру важно знать аналитику сайта, посещений. Благодаря знакомству с ней я поменяла взгляд на дизайн-процессы и свою работу.

 

 

Я готовлю студентов к работе так, чтобы они после курсов могли пойти на позицию junior web designer или UI-designer. На украинском рынке это почти одно и то же.

 

 

Они научатся делать промо-материалы: баннера, рассылки, презентации. Сделают лендинги, адаптивный дизайн для разных устройств, прототипы. У студентов появится базовое понятие о целевой аудитории, ее портрете и потребностях. Я убрала из программы информацию про стиль, брендинг, логотипы. Обычно в компаниях этим занимаются отдельные специалисты.

 

 

О графических редакторах, инструментах и трендах

 

 

Есть легенда, что фотошоп давно умер. Мол, сейчас все работают в Figma и Sketch. Но фотошоп – это база, на которой все еще работают многие компании. По-хорошему, дизайнер должен знать несколько программ. Важно передавать материалы так, чтобы разработчик мог ими воспользоваться. Бывает, программист работает на Windows и не может работать со Sketch.

 

 

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

 

 

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

 

О вдохновении

 

 

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

 

 

Я люблю сайт Awwwards, конечно же Dribbble и Behance, подписана на украинские студии – просматриваю их работы. Люблю разбирать сложные функциональные сайты: AirBnb, Etsy и прочие. Есть хорошие Telegram-каналы: Новости Дизайн-кабака, Я – дизайнер, Интерфейсы без шелухиUI фэйл – здесь разбирают разные сайты, хорошие и плохие стороны, делают подборки скриншотов

 

 

О личных качествах дизайнера

 

 

Дизайнер должен быть внимательным, уметь отбрасывать личное восприятие. У меня есть задание для студентов – сделать редизайн печатного билета на поезд. Билетами пользуются пассажиры и проводники. Для каждой целевой аудитории важна своя информация, есть своя приоритезация, в зависимости от ситуации. Поэтому студенты защищают свою версию дизайна, опираясь на потребности целевой аудитории. Почему эта информация именно в этой части билета? Почему именно эта информация выделена и контрастна?

 

 

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

 

 

Есть такое понятие :“эгоцентризм дизайнера”. Когда дизайн делается, потому что: “так удобненько получается”, “так не ломается сетка” и так далее. Так делать нельзя.

 

 

Я учу студентов общаться с заказчиками. Для этого есть ролевые игры. Дается задание, а студенты должны задавать правильные вопросы. Иногда привожу реальных заказчиков, чтобы они общались с чужим человеком. Вдохновилась приемом одного из преподавателей Beetroot Academy. Прием называется: “Письмо от мудака”. Дизайнеры задают вопросы, а им отвечают кратко. И твоя задача – выудить информацию из человека. Любимые вопросы должны быть: “зачем” и “почему”.

 

 

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

 

 

Об идеальном портфолио

 

 

После курса у студентов будет портфолио. Они должны сделать лендинг, презентацию, баннер, email и составить свое резюме. В зависимости от успеваемости даю на диплом редизайн сайта.

 

 

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

 

Не терпится начать обучение? Просмотреть курсы
Не упускай возможность учиться и развиваться

Как применять дизайн-мышление на практике

Опубликовано

Июнь 11

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

 

Дизайн-мышление — это метод создания любого продукта, ориентированного, в первую очередь, на интересы пользователя. Часто заменяется формулировкой “дизайн, ориентированный на человека”  (Human-Centered Design).

 

Создатели методики

 

В одних источниках пишут, что метод придумали Хассо Платтнер и Дэвид Келли, основатели Hasso Plattner Institute of Design. Другие указывают работу Герберта Саймона 1969 года, книгу “Науки об искусственном” (The Sciences of the Artificial), где он озвучил идею дизайн-мышления. Позже этот подход, основанный на наблюдениях, экспериментах и быстрых изменениях, проникает в бизнес. Уже в 90-х Дэвид Келли основывает IDEO —  компанию, где дизайн-мышление является основной специализацией.

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

 

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

 

Еще один пример — сервис аренды AirBnb. Благодаря дизайн-мышлению компания из убыточного стартапа превратилась в крупный бизнес. Как и многие небольшие компании, сервис запустился, но никто этого не заметил. Доход компании составлял 200 долларов в неделю, а его делили между собой трое основателей. Сначала один из основателей, Джо Геббиа, понял, что пользователи выкладывают фото квартир слишком низкого качества. Команда полетела в Нью-Йорк, встретилась с клиентами и сделала фото на профессиональную камеру. Этот момент стал решающим в развитии компании, доход вырос до 400 долларов в неделю и продолжил расти. Геббиа научил команду, что все решения должны быть масштабируемы, а встреча с клиентами в реальном мире — лучший путь к решению проблем.

Изначально метод использовался для создания физических объектов. Сейчас его можно применить где угодно: в бизнесе или даже в личной жизни. Например, Бернард Рос в своей книге “Привычка достигать”, рассуждает, как применять дизайн-мышление для положительных изменений в жизни.

 

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

 

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

 

Этот процесс разбит на 5 последовательных этапов:

 

1 этап. Эмпатия

 

Это осознанное понимание внутреннего мира или эмоционального состояния другого человека. На этом этапе ведутся наблюдения за пользователями. Цель дизайнера: разобраться что люди делают и зачем они это делают. Какие у клиента потребности на данный момент? Мешает или помогает окружение, в котором сейчас находится человек? Есть ли болевые точки на каком-либо этапе использования продукта.

 

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

 

Суть первого этапа — правильно понять проблему. Это единственный способ найти верное решение.

 

 

2 этап. Фокусировка

 

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

 

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

 

На этом этапе уже видны шаблоны поведения, портреты групп пользователей. Но самое важное — выделить те ключевые проблемы, которые нужно решать.

 

3 этап. Генерация идей

 

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

 

Интересный результат получается, когда в этом этапе участвуют люди с разным опытом. Тогда идеи получаются максимально разными.

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

 

4 этап. Прототипирование

 

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

 

Например, прототип игры или приложения можно создать, используя лишь бумагу. Просто нарисовать и вырезать отдельные экраны. Быстрые дешевые решения должны привести к верному выводу.

 

5 этап. Тестирование

 

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

 

Например, тестирование может показать, что нужно поменять прототип или даже вернуться к этапу генерации идеи. Это процесс может повторяться несколько раз, пока не получится желаемый результат.

 

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

Не терпится начать обучение? Просмотреть курсы
Не упускай возможность учиться и развиваться