Я вижу огромное количество людей, которые даже оплатив за курсы под сотню тысяч не могут освоить дизайн. Вроде бы они рисуют сайты, но всем за километр видно, что это работы совсем начинающих. Ребят, у которых не было практики. Клиенты боятся доверять им свои задачи, и обходят их стороной, даже не вникая в детали их выстраданного портфолио. В чём же дело? В этой статье я расскажу, что вам нужно делать, чтобы зарабатывать на дизайне. И попрактиковавшись пару месяцев, вы уже сможете искать достойную работу. Статья о том, как обучиться самостоятельно, но если вам нужен надзиратель с палкой, как Джеки Чану, в конце будет пара намёков. Итак, поехали!
Почему я говорю именно о UI/UX дизайне?
Это самое востребованное и выгодное направление дизайна, совершенно несвязанное со вкусовщиной. Те из вас, кто пробовал себя на бирже, возможно знают коронный комментарий клиента, который бьёт наотмашь — «мне не нравится» или попросту «некрасиво». Частенько, на этом вся работа и заканчивается.
UI/UX дизайн максимально далёк от понятия красоты. Более того, иногда дизайнеры специально делают некрасиво, неприятно, неаккуратно, чтобы вызвать определенные эмоции потребителя. Например, вызвать ощущение дешевизны интернет-магазина, где каждый работяга со скромным доходом, сможет почувствовать себя королём.
UI/UX дизайн разрабатывается на основе исследований количественных (например, опросы в интернете) и качественных, это когда берут интервью у пользователя. Прямо садятся рядом с ним и смотрят как он выполняет задания, что у него получается, а что нет. Где основные проблемы. На мой взгляд, этот подход самый правильный и честный по отношению к пользователям.
Например, пожилые люди, не понимают, что по клику на бургер откроется меню, они даже слов таких не знают. И если сайт разрабатывается для максимально широкой аудитории, например сайт госуслуги, дизайнер обязан рядом с бургеров написать слово меню, даже если ему это кажется лишним и не красивым. Такой подход полностью противоположен художественному, когда непризнанный гений рисует как видит, и пытается найти зрителя на свои работы.
Поэтому UI/UX дизайн не требует вдохновения, не требует особых творческих порывов и спасения мира. Это ремесло, которому может научиться каждый. Если вам для создания сайта нужно вдохновение, то скорее всего вы выбрали неправильный путь, который рано или поздно закончится тупиком.
Что такое UI/UX дизайна?
Итак, шаг первый, для изучения UI/UX дизайна, ещё раз понять для себя что это такое. Слово дизайн в названии немного путает. По большей части это не творческая работа. Есть конечно фестивальные работы, которые берут премии, но такие задачи очень редки и, как минимум, половина таких работа это дизайн ради дизайна. Прежде всего, Ui/UX дизайнер делает так, чтобы пользователю было удобно. Идеальный UI/UX — это когда у пользователя вообще не возникает трудностей при использовании продукта. Но тут важно заметить, так или иначе интересы бизнеса, который платит вам зарплату, всегда важнее интересов пользователя. Поэтому, иногда вам придется делать специальные, скажем так, препятствия, чтобы пользователь пошел по нужному пути и принял правильные решения.
Например, крупные компании всегда прячут номер телефона, чтобы разгрузить колл-центр. А интернет магазины, убирают меню из раздела корзина, чтобы ничего не отвлекало пользователя от покупки.
Это всё так называемые черные паттерны UX, которые вам тоже придётся освоить.
Инструменты.
Но вначале инструменты. Основной инструмент UI/UX дизайнера — это Фигма. Но не буду скрывать, сейчас мир накрывает волна фигмафилии, Вместо того, чтобы изучать Фигму как программу для дизайна интерфейсов, люди сходят с ума, и хотят повторять в ней классические эффекты из фотошопа. То что другие дизайнеры делают в фотошопе за десять минут, фигмалюбы будут делать часами с помощью сторонних плагинов, и все равно это будет дешевая поделка. А вроде бы люди стали использовать компьютеры для упрощения своих задач, не так ли? Но в любом случае Фигма вам понадобится. Тут сразу миллион вопросов, как, где, и насколько, Есть же какие-то разные уровни знания Фигмы. На самом деле все очень просто. Основные инструменты Фигмы это прямоугольник, для блоков и кнопок, и текст.
Всё остальное это как если бы велодоставщик, стал бы разучивать трюки на своём велосипеде, вместо того чтобы качать скорость доставки и знание города.
Фигма не предназначена для создания видео роликов с вашим интерфейсом, и что самое главное это не нужно вашим клиентам. В проектах за миллионы или в фестивальных работах это может быть вишенкой на торте, но не самим тортом. Заказчики, прежде всего, обратят внимание на аккуратность вашего интерфейса и следование определенным стандартам.
Тренируйтесь на скриншотах!
Второй шаг, изучение стандартов интерфейса. Тут очень важный момент, который всегда следует держать на подкорке.
Внимание! Пользователь, заходит на ваш сайт или в приложение для того, чтобы решить свою задачу или на сленге боль.
В отличие от вас, работающих днями и ночами над этим проектом, пользователь смотрит на «дизайн» буквально несколько секунд. И самое важно для него, быстро узнать знакомые элементы управления. Тут всё просто. Большинство пользователей привыкло к Гугл материалу, от Андроида, либо к дизайну системе Apple. Они очень похожи между собой. Более того, пользователь считает красивым то, к чему привык.
Научно доказано, что в процессе узнавания пользователь испытывает приятные эмоции. Из этого следует, что вы не можете просто взять и нарисовать круглую кнопку. Это сразу отразиться на её конверсии. Пользователи будут меньше обращать на неё внимания и хуже кликать. Но это мы разберем чуть позже. Сейчас речь о пользовательском интерфейсе. Исходники обоих дизайн систем есть в открытом доступе, и было бы логично основывать на них ваш дизайн. Есть одно НО. Они сделаны очень сложно путем многократного вложения одних компонентов в другие. Это хорошо для больших и серьезных проектов. Но для маленьких работ это перебор.
Например, для смены иконки вам придется забираться в это дерево компонентов по самое небалуй. Поэтому, для начала, я бы советовал просто рисовать по скриншоту. Это очень простой совет, но почему-то большинство не следует ему, а начинает изобретать велосипед. Сразу возникает вопрос, а не плагиат ли это? Когда я говорю рисовать по скриншоту я прежде всего имею в виду размеры кнопок и заголовков, отступы между ними и от краев экрана, межбуквенное и межстрочное расстояние. Вот на чем вам следует набить руку. Кажется, что это всё мелочи, но по ним можно безошибочно, с первого взгляда, определить сайт новичка. Новички склонны всё сжимать и сваливать в кучу с минимальными отступами. Тренируйтесь на скриншотах — это был второй шаг.
Что делает UI/UX дизайнер?
Дальше остаётся самое важное, ради чего мы здесь собрались. UX — это пользовательский опыт. UI/UX дизайнер этот опыт улучшает. Всё очень просто.
Например. Вы хотите заказать пиццу, заходите в приложение, а там нет цен, длинное описание, а виды пицц и размеры перемешаны в одном списке. Это плохой пользовательский опыт, вы скорее всего уйдете в другое приложение, более удобное.
Ваша задача как UX дизайнера будет находить проблемные места и исправлять. Хорошие примеры UX дизайна найти очень просто, откройте любое приложение от ЯндексМаркета до какого-нибудь онлайн кинотеатра типа IVI. Люди работают над этими проектами годами, и у них все рассчитано до миллиметра. Если для вас пока всё это очень сложно, то есть и хорошая новость. На джуниор позиции вы будете занимать только интерфейсом. UX — это уже следующая ступень. Конечно, вы можете всё это изучать на курсах, там расскажут все правила. Но ключ у вас уже в руках, вы можете просто перерисовать хорошие приложения со своим контентом и этого хватит для позиции Джуниор. Если же у вас проблемы с самоорганизацией и нужен надзиратель, который заодно будет давать обратная связь по вашим работам, то добро пожаловать на курсы.
Главная ошибка новичков.
Ну и в заключении. Главная ошибка начинающих дизайнеров это затягивать с обучением, а точнее даже с презентацией своего портфолио возможным заказчикам. Идеала достичь невозможно, да и не нужен он никому. Сделайте два — три кейса, и пробуйте искать работу!
Надеюсь статья вам понравилась и кому-нибудь поможет!
Спасибо за дочитывания, буду рад лайкам и комментариям!
До новых встреч, друзья!
Полезные статьи:
- 7 признаков неадекватных работодателей на собеседовании. Где не надо работать?
- Секрет больших денег на фрилансе. 7 ошибок при работе онлайн.
- Soft Skills: что это и как их развивать.
- Как всё успевать. Обзор техник.
- Топ прибыльных онлайн профессий.