Ещё пару лайфхаков для создания варфрейма:

> Нарисуйте первый вайрфрейм вместе с клиентом. Это даст ему почувствовать причастность к проекту, дальнейшие этапы будет утверждать проще

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

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

Наткнулся на оч крутую статью. В ней автор собрал советы топовых спецов, которые работали с Apple, Samsung, ВВС и т.д., по тому, как собрать портфолио. Приведу в этом посте краткую выжимку:

> Сделай акцент на себе

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

> Будь честным

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

> Продумай структуру

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

Эти 3 пункта то, что отметил для себя из статьи. В ней ещё 5 крутых и полезных советов. Почитайте.

Ссылка: https://skvot.io/ru/blog/kak-sdelat-krutoe-portfolio

Дайджест постов за неделю

Все, что вы могли или захотели пропустить:

> "Импортозамещение" заблокированных брендов на территории РФ

> Макет — то, с чего начинается проект

> Инструменты UX-дизайнера. Часть 2 — анализ конкурентов

> Вайрфрейм — что это такое и для чего нужен

> Ещё пару лайфхаков для создания варфрейма

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

Те, кто недавно здесь, загляните в закреп, узнаете что тут вообще творится.

На такой ноте закрываем эту неделю и приступаем к следующей. Жмакните по реакциям, если было полезно. До скорой!

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

Наткнулся на оч крутой текст на эту тему. Зацепило то, что автор сначала объясняет, как мозг воспринимает инфу и как использовать это в свою пользу.

Если коротко: предоставлять пользователю удовольствие. Лендинг, статья на сайте или страница должны зайти как наркотик и заставлять перематывать дальше. Как это сделать:

/ Не обмануть ожидания

Если человека привлекли чем-то, то он должен получить это при переходе на сайт.

/ Создать иллюзию, что пользователь управляет процессом

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

/ Менять ритмику

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

Это короткая выжимка из оочень крутой статьи. В этом посте всего 30 % пользы. Почитайте, ссылка внизу:

https://vc.ru/design/335185-kak-upravlyat-vnimaniem-chitatelya-s-pomoshchyu-skrolla

Инструменты 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-х этапов. Расскажу об этом в следующих постах. Вдарьте по реакциям, если интересно