Инструменты UX-дизайнера. Часть 3 — выстраивание алгоритма задачи

Это последняя часть серии "Общие инструменты маркетолога и UX-дизайнера".

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

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

Маркетолог целится на продажу продукта и выявления ЦА. UX-дизайнер на доводку и оптимизацию продукта под ЦА.

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

Мокап — что это и для чего нужен

Я уже рассказывал, что вайрфрейм — структура проекта.

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

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

В чем делаются мокапы? Все в тех же графических приложениях в которых будет создаваться конечный дизайн: Figma, Sketch, Adobe XD, Illustrator...

Полезные ссылки:

Шаблоны девайсов для презентации мокапов:
https://www.free-mockup.com/downloads/category/ux-ui-mockups/

Девайсы для презентации мокапов в Figma:
https://www.figma.com/community/file/786708730400780813

На этом всё

Завершить бы пост эпичной концовкой, только вот мысли никак не идут. Поэтому остается надеяться, что дневную дозу пользы от канала получили. До скорой!

@uxtrends

Как UX-дизайнеру откликаться на вакансии

Если работаете на удаленке, то ваш доход напрямую зависит от умения презентовать себя потенциальным заказчикам.

Собрал в этом посте подборку советов, которая будет полезна всем фрилансерам, а не только UX-дизайнеру. Погнали:

• Изучите компанию

Если видите вакансию, не спешите сразу же откликаться на неё. Прежде изучите работодателя. Узнайте, чем он занимается и в какой ещё сфере вы можете быть полезны.

• Расскажите о себе кратко

Ключевое слово "кратко". Нужно понимать, что по ту сторону сидит человек, которому может быть лень читать десятки историй претендентов о своей жизни. Для личной информации выделите 1-2 предложения. Как вас зовут и откуда вы. Дальше расскажите, чем можете быть полезны.

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

• Расскажите о прошлом опыте

Причем недостаточно просто перечислить название компаний. Расскажите, чем вы там занимались, какую задачу решали и как достигли результата.

• Не перебарщивайте с примером работ

Не надо кидать список из 10 ссылок. Клиент не обязан кликать на каждую и проверять содержимое.

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

• И наконец, внимательно читайте условия вакансии

Если там просят короткий рассказ о себе в 2-3 предложениях, то это значит, что нужно рассказать о себе в 2-3 предложениях. Извините за тавтологию, но без неё никак. Не надо кидать целое сочинение о себе и своих навыках.

Делайте то, что просят в вакансии. Иначе клиент вас просто пошлет, ибо нефиг уважать того, кто не учитывает твои требования.

На этом все. Как вам пост?

@uxtrends

UX vs UI — выбрать один или стать универсалом

Универсал — тот, кто поверхностно обладает навыками в нескольких сферах, но уступает специалистам, которые лучше в определенной нише.

Как компании отбирают на работу

Скажу по своему опыту. Мелкие компании не оч разбираются в отличиях UX и UI или просто хотят сэкономить, поэтому обычно ищут универсала — UX/UI-дизайнера.

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

Но заказы от крупных компаний сразу не поступают. А зарабатывать нужно. Поэтому есть третий вариант, который устроит всех.

Стоит стать узконаправленным универсалом

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

Сразу скажу, последний путь сложный. Но сливки потом срывать будете сладкие и крупные.

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

Вдарьте по реакциям, если согласны.

Алгоритм задачи, мокап, отклики и путь универсала

Все, что было за последние 7 дней. Недельный дайджест на канале:

/ Как дизайнеру управлять вниманием читателя

/ Инструменты UX-дизайнера. Часть 3 — выстраивание алгоритма задачи

/ Мокап — что это и для чего нужен

/ Как UX-дизайнеру откликаться на вакансии

/ UX vs UI — выбрать один или стать универсалом

Закрывая эту, приступаем к следующей неделе. Если было полезно, вдарьте по реакциям.

7 привычек, которые нужно выработать UX-дизайнеру

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

Вот короткие тезисы, какие привычки нужны:

1. Искать обратную связь пользователей

2. Думать в рамках дизайн-системы

3. Начинать внедрять функцию с малого

4. Показывать свои идеи разработчиками

5. Откладывать макеты до финального этапа

6. Держать в голове метрики продукта

7. Изучать другие сервисы

Зачем вам эти привычки и как их развить, рассказывают в статье. Почитайте, точно не пожалеете: тык

@uxtrends

Behance — что это такое и для чего нужен дизайнеру

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

Behance — одна из самых популярных площадок для этой цели.

Кроме дизайнеров, там нередко зависают представители компаний, которые являются потенциальными клиентами для вас.

Behance не единственная подобная площадка. Есть и другие, которые почти ничем не уступают. Давайте соберем под этим постом 15🔥 и я расскажу о них.

@uxtrends

Примеры ux-анимаций: от кринжовых до шедевров

Что это за фича и насколько она крутая, я рассказывал здесь.

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

Но самый сок в том, что это не просто подборка. В статье на простом и понятном языке объясняют, почему та или иная анимация плохая и как её исправить или на какую стоит поменять.

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

Жмите вот сюда: тык

если хотите больше таких постов, вдарьте по реакциям

​​Прототип — что это и для чего нужен

Вот и заключительная часть подготовки проекта перед сдачей.

Такс, если вайрфрейм показывает структуру, а мокап внешний вид, то прототип — функционал проекта. То, как все будет работать.

Есть 3 типа прототипа:

1. Простой click-dummy

Макеты страниц соединенные ссылками друг с другом. Собираются быстро и могут быть использованы для первых юзер-тестов.

2. Прототип с анимациями и интерактивными элементами

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

3. На основе макетов первый функциональный продукт с минимальными функциями

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

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

Как составить портфолио

Отличное дополнение к посту о том, как откликаться на вакансии.

3 совета о том, как составить портфолио, которое цепляет клиентов. Погнали:

/ Коротко расскажите о своих скиллах

Что умеете и какие задачи можете решить. Не надо полотна. Хватит и 2-3 предложений.

/ Не надо голых ссылок

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

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

/ Отберите хорошие работы

Не нужно пихать все проекты в портфолио. Хватит и 5-6. Главное, чтобы они были из разных категорий и показывали клиенту, что вы, допустим, умеете работать над UX не только сайтов, но и мобильных приложений.

Помните. Портфолио нужно выстроить так, чтобы было четко понятно, что вы умеете и чем полезны. Так вы закроете сразу несколько вопросов и возражений ещё на старте. И, что немаловажно, у клиентов не возникнет иллюзий относительно вас и к вам не придут за задачей, которую не осилите.

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

@uxtrends

Полезные инструменты для UX-дизайнера

Собрал 3 инструментов, которые на порядок облегчат работу в UX.

Со вступлением окончено, погнали:

• Hotjar

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

• UX Check

Расширение Chrome для быстрого определения проблем с юзабилити на сайтах.

Вот как работает. Заходите на сайт, включаете UX Check и оставляете свои замечания и рекомендации. Система сохраняет скриншот. Его можно отправить создателю сайта. Довольно удобный вид коммуникаций для UX-дизайнеров.

• UX Archive

Необходимый инструмент для разрабов яблочных приложений.

Это архив интерфейсов iOS-приложений. Можете посмотреть, как решали задачи другие UX-дизайнеры.

Под конец

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

Поэтому, давайте соберем под этим текстом 40 👏 и я выпущу вторую часть "полезных инструментов". Погнали!

@uxtrends

Привычки, Behance, кринжовые анимации и прототип

Все, что было на канале за последнюю неделю. Особенно полезно для новоприбывших:

• 7 привычек, которые нужно выработать UX-дизайнеру

• Behance — что это такое и для чего нужен дизайнеру

• Примеры ux-анимаций: от кринжовых до шедевров

• Прототип — что это и для чего нужен

• Как составить портфолио

• Полезные инструменты для UX-дизайнера

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

До скорой!

Как сделать сайт продукта, о котором ничего не знаешь

На интересный и забавный кейс наткнулся на ВиСи. Ребята сделали сайт для стартапа про финансы с отсылками к космосу.

В статье подробно объясняют, как подходят к решению дизайнерских вопросов. Полезно для тех, кто тусуется в сфере UX.

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

Ещё, по мне, слишком много креативности, от чего подташнивает. Можно даже по картинке сверху понять. На будущее новичкам: лучше с этим не перебарщивать.

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

https://vc.ru/design/384064-kak-sdelat-sayt-produkta-o-kotorom-nichego-ne-znaesh-na-starte-istoriya-sozdaniya-mission-luna

Площадки, где дизайнеру можно разместить свои работы и собрать портфолио

На прошлой неделе написал про Behance, одной из самых популярных площадок такого типа. И попросил собрать под тем постом 15🔥, если хотите узнать больше таких платформ. Вы перевыполнили требования. Держите:

Dribbble — создать портфолио можно по приглашению участника сети. Поддерживает видео и отдельные скриншоты.

AdobePortfolio — можно быстро создать портфолио из готовых шаблонов. Есть возможность импорта работ из behance. Можно обработать CSS и даже привязать свой домен.

Coroflot.com — социальная сеть для дизайнеров. Удобный интерфейс для создания портфолио. В сеть также интегрирована площадка для поиска работы

Deviantart.com — сеть задумана как портал для диджитал художников и иллюстраторов, но также есть и растущее коммьюнити дизайнеров.

Как вам этот формат? Публиковать больше таких подборок со всякими полезностями для всех видов дизайнеров, включая UX?

Вот ещё одна полезная статья для дизайнеров

"Брендинг для крипты" — тема материала.

В статье ребята на понятном языке рассказали, какие есть клише дизайна в проектах Web 3.0 и откуда они в относительно новой сфере успели появиться.

Ещё показывают примеры удачных дизайнов и объясняют, почему это так. Отличный материал для новичков.

Почитайте: https://clck.ru/gf6po

Латеральное мышление — мощный софт-скилл для дизайнера

Что такое софт-скилл вы уже знаете, писал вот тут.

А теперь к главной теме.

Латеральное мышление — решение проблем новым, не принятым у других, способом. Короче, это генерация новых идей.

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

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

Полезные инструменты для UX-дизайнера #2

На этот раз в списке 5 инструментов для создания прототипов.

Погнали:

> Figma.com — подойдет как для дизайна так и для создания интерактивных прототипов с базовыми анимациями

> InVision Studio — если вы работайте со Sketch, то это идеальный инструмент для создания простых click-dummy

> Axure RP — очень подвинутый инструмент для интуитивного создания реалистичных прототипов со сложной логикой. Есть Интеграция с Figma, Sketch, AdobeXD.

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

> Marvel — простой в освоении инструмент для создания анимированных прототипов.

Ну, фсё. Для каких целей или направлений в UX ещё инструменты подогнать? Напишите свои желания в @uxtrendsbot. Бот передаст ваши сообщения мне. Ну и по реакциям кликать не забываем.

До скорой!

Площадки, где можно найти заказы фрилансерам

В сегодняшней подборке фриланс-биржи, которые послужат неплохим началом и полезной практикой:

Freelance.ru

Можно настроить фильтры, размер оплаты и ключевые слова, по которым алгоритм ищет заказы.

Weblancer

Выбираете категорию, в которой хотите работать. Ещё отмечу, что здесь встречаются довольно высокооплачиваемые заказы: в рамках $1000-1200.

Fl.ru

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

Freelancejob

Биржа не только с дорогими, но и интересными проектами.

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

Латеральное мышление, инструменты и биткоин

Недельный дайджест постов. То, что вы могли или захотели пропустить:

> Как сделать сайт продукта, о котором ничего не знаешь

> Площадки, где дизайнеру можно разместить свои работы и собрать портфолио

> Клише брендинга в крипто-темате

> Латеральное мышление — мощный софт-скилл для дизайнера

> Полезные инструменты для UX-дизайнера #2

> Площадки, где можно найти заказы фрилансерам

Вдарьте по реакциям, если эта неделя для вас была полезной. А я пошёл подбирать темы для следующей. Если у вас есть вопросы или предложения, пишите сюда: @uxtrendsbot

Разработка 3D айдентики IT-бренда

Очередной кейс дизайн-агенства.

В статье ребята рассказали, как обновляли айдентику ИТ-проекта. Какие решения использованы и почему.

Также гляньте комменты. Там тоже иногда полезное проскальзывает. Не удивляйтесь количеству хейта — такова специфика аудитории ВиСи.

Перейти к статье