Элементы UI-кита, плагиат дизайна, библиотека Фигма и Крафт

Время недельного дайджеста. Все, что было на этой седмице:

Понедельник

• Разбор дизайна обновленного приложения Airbnb

Вторник

• Из каких элементов может состоять UI-кит

Среда

• Почему нельзя копировать дизайн сайта конкурента

Четверг

• Библиотека компонентов Figma — что это и для чего нужно

Пятница

• Топ-3 UI-китов для дизайнеров на Фигме

Суббота

• Методология CRAFT — как генерировать новые идеи

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

Как сделали редизайн криптоплатформы для фрилансеров

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

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

Вокруг этой идеи построили весь дизайн интерфейса. И вот что с этого получилось:

https://clck.ru/i5vqX

Как можно зарабатывать на UI-китах

Это один из самых востребованных инструментов у дизайнеров. Поэтому за них готовы платить. Вот что говорит Роман Банкс, сооснователь Slice Design:

Дизайн-системы покупают студии, чтобы наладить процессы разработки продуктов, повысить качество и сократить временные расходы. UI-киты пользуются спросом у фрилансеров junior- и mid-уровней. У них основная задача — сделать проект вовремя и красиво.

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

Сколько можно зарабатывать

Для примера возьмём набор GoTrip, предназначенный для сайтов тур-агентств. Размещен на продажу 14 мая. Стоит $19. За это время было 7 продаж. То есть, за 10 дней выручка составила $133. Но площадка берет комиссию $2 + 55%. В итоге создателю остается только $60,95. Посмотреть примеры других наборов и посчитать их прибыль можете по ссылке.

Что нужно для того, чтобы неплохо на этом зарабатывать

Чтобы зарабатывать здесь достаточные деньги, потребуется обладать навыками в разных тех. областях. Большинство задач, будь то подготовка рассылки или техническая поддержка, нужно решать самому. Также ничего не получится без достаточного уровня самодисциплины и владения хорошим английским — слова Дмитрия Бунина, СЕО BuninUX.

Думаю, сами понимаете, почему для заработка на ui-китах работа в команде не вариант. Выручка не позволит.

Появились вопросы или пожелания? Пишите в @uxtrendsbot. И жмакните по реакциям, если было полезно.

Инстаграм создал собственный шрифт

Называется Instagram Sans. Его будут использовать в рекламе, а внутри приложения — в сториз и reels.

Ну, средне. Такое в проектах редко будешь использовать. А вы что скажете? Дайте ответ с помощью реакций.

Рефлексия — очень действенный метод исправить свои ошибки

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

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

Фрилансер может анализировать из-за чего упустил крупный заказ: слишком завысил цену, бестактно общался с клиентом, неправильно презентовал себя или ещё что-то.

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

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

Но как это сделать? Как натренировать рефлексию так, чтобы можно было его задействовать в любой момент, как мышцу? Расскажу про это в следующий раз. Если интересно, реакции к вашим услугам.

Почему у вас нет заказов #1

"По скиллам не уступаете большинству коллег, только вот заказы почему-то не льются рекой" — знакомая ситуация?

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

• Заказчики вас не видят

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

В канале есть целая серия постов о площадках, где водятся заказчики:

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

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

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

Западные биржи фриланса

Дело за малым: перечитать их и пойти оформлять свои профили.

• Вы работаете в узкой нише

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

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

Под конец

Это были 2 причины, почему у вас может быть мало заказов. Но есть и другие, как минимум, я смогу выделить ещё столько же пунктов. Давайте соберем под этим постом 60 🔥, и я опубликую вторую часть цикла.

Сегодня воскресенье, а значит...

Время недельного дайджеста:

Понедельник

* Как сделали редизайн криптоплатформы для фрилансеров

Вторник

* Как можно зарабатывать на UI-китах

Среда

* Инстаграм создал собственный шрифт

Четверг

* Рефлексия — очень действенный метод исправить свои ошибки

Пятница

* Почему у вас нет заказов #1 (тут почти за сутки собрали нужное количество реакций, восхищён)

Суббота

* Опрос: Ваш опыт в дизайне

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

Как крупные бренды игнорируют советы дизайнеров

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

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

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

Пример

Совет: не надо использовать для фона цвета, которые сильно выделяются. Лучше светлые ненавязчивые тона.

HBO Max и Hulu: используют темные, ярко выделяющиеся цвета для фона.

Ещё больше таких примеров: https://clck.ru/oBf2B

Этапы методологии CRAFT

Про этот способ генерации новых идей писал вот тут.

Василий Лебедев, автор CRAFT, разделил процесс на 7 этапов. Он предложил их представить как реальную местность, которую нужно пройти. Вот они:

1. Джунгли исследований

Здесь мы собираем необходимые данные. Изучаем ЦА, их желания, спрос и задачу в целом. Выбираемся из джунглей на...

2. Поляну задач

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

3. Гора идей

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

4. Гора действий и предметов

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

5. Пещеру сокровищ

Здесь мы оцениваем свои ресурсы и ищем пути монетизации. После выходим из пещеры и идем в...

6. Поля внедрения

Тут мы тестируем идею, улучшаем и внедряем в практику. Это конечный пункт. А над всем путем, который мы прошли, висит...

7. Облако рефлексии

Оно покрывает всю местность, т.к. по окончанию каждого этапа мы рефлексируем.

Под конец поста

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

Лучше все показать на конкретном примере. Поэтому давайте соберем под постом 120 👏, и я в отдельном посте покажу применение CRAFT на примере какой-нибудь задачи.

Виды рефлексии

Об этом методе анализировать свои действия писал вот тут

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

Для нас с вами, т.е. фрилансеров, имеет значение в первую очередь категория "время". Она включает 3 вида:

1. Ретроперспективная

Анализ прошлого. Своих действий и поступков уже после работы.

2. Перспективная

Анализ будущего. Планируете задачи наперёд, ставите проекту цели и дедлайн.

3. Ситуативная

Анализ настоящего. Изучаете свои действия и мысли прямо сейчас, в процессе.

Какой из них важнее для работы

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

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

Почему у вас нет заказов #2

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

В этот раз разобрал ещё 2 проблемы, из-за которых у вас нет клиентов. Они не менее важны, чем предыдущие. Кроме того, эта двойка на прямую влияет, вернется к вам обратно клиент или нет. 2 причины почему у вас нет заказов, поехали:

• Вы плохо себя презентуете

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

• Делаете работу ради "галочки"

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

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

Также человеку должно быть приятно с вами работать. Если будете ворчать при каждой правке и замечании, хамить и грубить, доказывая, что "это вы тут разбираетесь в дизайне, а не он", то нефиг ожидать, что к вам ещё раз придут.

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

На это фсё

Пост получился объемным и убер-полезным. Но на примете ещё несколько ошибок, из-за которых у дизайнеров, да и фрилансеров в целом, огромная пустыня в мире заказов. В прошлый раз вы оч быстро собрали 60, поэтому давайте на этот раз увеличим планку. Соберем 90 🔥 и я напишу третью часть этой серии.

Площадки, где можно продать UI-кит

Для тех, кто забыл что это, полезные посты-напоминалки:

> UI-кит — инструмент, который экономит полдня времени дизайнеру

> Как можно зарабатывать на UI-китах

А мы приступаем:

1. ui8

Одна из самых популярных площадок. Более полумиллиона пользователей. Приятный и не кричащий дизайн. Легкий и визуально понятный интерфейс. Что ещё нужно для продажи UI-кита?

2. Сreativemarket

Платформа более глянцевого типажа. Тоже одна из популярных, с немаленькой базой пользователей. Можно продавать и другие товары: от логотипов и шрифтов до шаблонов для Инсты.

3. Themeforest

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

Резюмируя

Эти площадки отлично подходят как дополнительный источник дохода и новых клиентов.

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

Время недельного дайджеста

То, что вы могли или захотели пропустить за прошедшею неделю:

Понедельник

+ Как крупные бренды игнорируют советы дизайнеров

Вторник

- Этапы методологии CRAFT (тут, кстати, пока недобрали количество реакций, поднажмите)

Среда

+ В новом обновлении Инстаграма наконец-то будет доступен полноэкранный формат видео и изображений

Четверг

- Виды рефлексии

Пятница

+ Почему у вас нет заказов #2

Суббота

- Площадки, где можно продать UI-кит

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

UX-дизайн в Китае

Рынок Поднебесной — отдельный от остального мира сегмент. Но одновременно он — один из самых перспективных.

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

Ребят из UXPROK написали подробный материал о различиях и особенностях ux-дизайна на рынке Китая. Статья основана на их практике: исследованиях и главных инсайтах, которые они получили в процессе работы с китайскими проектами. Главные тезисы:

• Там доминируют яркие и хаотичные цвета

Минимализма Запада там просто не поймут. А все дело в суевериях.

• Сложный язык

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

• Жесткая цензура

Почти весь интернет-контент Китая подвержен цензуре. Сайты и сервисы, которыми пользуется весь мир, там недоступны. Это такие, как Google, Instagram, Snapchat, Facebook, Netflix, Wikipedia. YouTube, Dropbox и другие.

Ссылка на статью внизу

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

https://www.uprock.ru/articles/ux-dizayn-v-kitae

Дизайн-мышление — идеальная методология для UX-дизайнера

На канале я рассказывал уже о 2-х методологиях: латеральное мышление и CRAFT. Дизайн-мышление среди них, возможно, самая подходящая для UX-дизайнера. Сейчас объясню почему.

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

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

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

Работа UX/UI-дизайнера основана на потребностях пользователей. Поэтому для решения задач им идеально подходит дизайн-мышление. Эта методология, как и 2 предыдущие, состоит из нескольких этапов. Их разберу в следующий раз. Если интересно, знаете, как жмакнуть по реакциям.

Тильда разработали новый шрифт

Называется Tilda Sans. Что приятно, он бесплатный, с открытым кодом. Шрифт вариативный, самое оно для работы в Figma.

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

Скачать шрифт, а также посмотреть полный набор фишек и то, как смотрится на латинице и кириллице можете на их сайте.

Как вам шрифт?

​​Вот почему 3D — главный тренд в дизайне сейчас

Уже не раз замечал, как сайты и приложения стали чаще использовать 3D фигуры и анимации в своих интерфейсах. Главных причин такому бусту популярности я выделил 2:

> 3-хмерные объекты дают больше простора для идей, чем плоские

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

> Более доступные и удобные конструктуры 3D

Раньше, чтобы научиться работать с C4D или 3D Studio Max уходило немало времени. Многие даже переквалифицировались в 3D-дизайнеров для этого. Сейчас же любой желающий может создавать 3D объекты в конструкторах, которые даже интегрированы как плагины в Figma. Это снизило порог входа и сделало 3D-графику доступным.

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