uxtrends
3.1K subscribers
118 photos
15 videos
1 file
380 links
Новости и инсайты из сферы UX/UI дизайна. Дизайн теория и практика, психология и просто полезные советы для фрилансеров.

Обратная связь @uxtrends_bot

Админ: @boris_ux
Download Telegram
Материалы для прокачки четверки софт-скиллов

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

> Продажа своих услуг

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

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

Ну и напоследок офигенная статья от Текстерры:

10 приемов, которые помогут продавать услуги

Самопрезентация

Тут оч в тему придет недавний цикл на канале о холодных письмах:

1. Фриланс-биржи — не единственный способКак ещё можно находить клиентов

2. Как писать холодные письма с предложением своих услуг

3. 2 главных ошибок в холодных письмах

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

Как презентовать себя качественно за минуту

> Переговоры или деловая переписка

Начнем с оч крутых видосов:

Правила переговоров от Стива Джобса

Психология победителя: самый мощный прием переговоров

И, думаю, на этом и закончим по этому софт-скиллу. Переходим к следующему.

> Тайм-менеджмент

Супер-полезно интервью Брайана Трейси по тому, как все успевать и не откладывать на потом — тык

И не менее офигенная статья Лакодина: "Хакнуть" прокрастинацию

Под конец

Это самое годное, что я успел найти в перерывах между проектам меньше, чем за сутки. Вдарьте по реакциям, если было полезно и хотите больше подобных подборок. До скорой!
🔥65👍8🎉2👏1😁1
Топ-2 фатальных ошибок начинающих UX-дизайнеров #3

Без долгого предисловия. Поехали:

6. Отсутсвие реального контента в прототипе или финальном дизайне

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

Как можно раньше запрашивайте у заказчика финальный контент.

7. Контент спрятан или находится не на своем месте

Изучите поведенческие паттерны вашей аудитории. Например, сейчас пользователи привыкли, что ссылкой на главную страницу сайта является логотип. А раньше для этого использовали отдельный пункт меню «Главная». Это стало паттерном и все его используют. Больше на сайтах нет ссылки «Главная». Если она будет в центре, то пользователь не найдет её или ему будет некомфортно.

Ещё пример. Люди также привыкли к тому, что ссылка на «личный кабинет» и корзину располагается в правом верхнем углу или где-то неподалеку.

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

Под конец

Это была третья часть серии. Для того, чтобы почитать первую и вторую, просто скопируйте заголовок поста и вставьте в поиск, только уберите #3. Если было полезно, реакции к вашим услугам. До скорой!
🔥49👍261👏1
Базовые правила дизайна #2 — закон Фиттса

В 1954 году психолог Пол Фиттс провел эксперимент. Он на доске заклеил 2 мишени и попросил испытуемого коснуться их по очереди пером. И так каждый раз Фиттс менял размер мишеней и расстояние между ними. В итоге выяснил такую закономерность:

"Чем дальше расстояние между объектами и чем меньше их размер, тем сложнее по ним попасть"

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

Кнопки в интерфейсе — те самые "мишени". И чем они крупнее, тем пользователи чаще будут по ним "попадать", т.е. кликать. Этим можно неплохо манипулировать. Например, кнопку "Выйти" сделать маленькой, чтобы было долго и неудобно по ней кликать. А "Зарегистрироваться" крупной.

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

Про это правило подробно и с формулами написано в этой статье. Почитайте, если желаете узнать больше про Закон Фиттса. На этом фсё)
👍374🔥2
Конкурентный анализ. Ч.2 — сравнительный

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

Отобрать конкурентов

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

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

Прогнать через фильтры

То есть, ключевые вопросы:

Как они удерживают пользователей

Как решают их проблемы

Какие цветовые гаммы используют

И т.д.

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

На этом фсё

Если было полезно, знаете, куда жмакать. До скорой!)
🔥53👍172
История интерфейса, софт-скиллы и закон Фиттса

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

+ История интерфейса: от дощечек до киберпанка

- Необходимые софт-скиллы для любого фрилансера

+ Материалы для прокачки четверки софт-скиллов

- Топ-2 фатальных ошибок начинающих UX-дизайнеров #3

+ Базовые правила дизайна #2 — закон Фиттса

- Конкурентный анализ. Ч.2 — сравнительный

Завтра выйдет опрос с темами постов на следующую неделю. Я бы не пропустил такое событие. До завтра;)
👍13🔥1
3 стиля иллюстраций, которые хорошо решают задачи клиентов

• Плоский стиль, упрощённые образы и ограниченная палитра

• Контурные с диспропорцией (картинка выше)

• Изометрические

Эта троица сейчас задает тренд в дизайне. Через них оч эффективно работает эмоциональный маркетинг.

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

https://vc.ru/design/459871-illyustracii-i-biznes-3-stilya-kotorye-horosho-reshayut-zadachi-klientov
👍16
Как новичку ускорить карьерный рост

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

Ну, поехали:

> Любить то, что делаешь

Думаю, тут не стоит подробно объяснять, почему это надо. Если вы не кайфуете от своей деятельности, то не стоит рассчитывать на успех.

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

> Реально вникайте в проблемы клиентов

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

Логично, правда?

Только вот многие начинающие почему-то забывают или вовсе не задумываются об этом. А зря. Не надо так.

На этом фсё

В смысле конец текста, а не советов. Они ещё будут. Только в следующей части. А выйдет она, если соберете под этим постом 100 ❤️. До скорой;)
124👍4💩1
Figma обновили auto-layout

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

Нашел для вас подробный гайд по обновленному auto-layout Фигмы. Он небольшой, но оч полезный.

На чтение уйдет всего 5 минут. Загляните:

https://design-glory.com/16260/novyj-auto-layout-v-figma-za-5-minut?_thumbnail_id=16393
👍22🔥72
Базовые правила дизайна #3 — якорные объекты

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

Якорные объекты — самые заметные элементы интерфейса, за которые цепляется взгляд пользователя. Это иллюстрации, заголовки, пиктограммы и логотипы. Абзац тоже может быть якорным объектом, если окружен пустотой.

А "прямоугольники" — модули. Несколько таких объединяются и образуют большой прямоугольник — интерфейс.

Правило: в каждом модуле якорные объекты должны находиться в центре и углах.

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

Пожалуй, лучше всех в Рунете принцип этого метода объяснил Сергей Краснов из Бюро Горбунова. Почитайте его статью, там максимальный концентрат пользы, ничего лишнего.
👍353
Конкурентный анализ. Ч.3 — итоги

Это уже 3 часть цикла. Вот предыдущие:

1. С чего начать

2. Сравнительный

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

• Анализ каждого продукта конкурента.

• Скриншоты вместе с комментариями, объясняющими специфику каждой функции

• Список функций и/или приблизительная карта сайта каждого конкурента

• Сильные стороны каждого проанализированного продукта — и советы, как можно их улучшить

• Матрица анализа конкурентов — таблица с характеристиками и отдельными столбцами для каждого продукта

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

На этом, пожалуй, все. Как составить матрицу анализа конкурентов расскажу в следующей части. Если интересно, реакции к вашим услугам.
👍40🔥11
Иллюзия контроля — что это такое и как её использовать в дизайне

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

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

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

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

Эту фишку психологии человека оч любят использовать маркетологи в своих целях.

В тех же сайтах, когда предлагают несколько вариантов товара. У вас не возникнет вопрос "Купить или нет?", вы будете думать "Какой из них купить?" Сечете разницу? А если приправить это подробным описанием преимуществ товаров, то вообще супер. Вот вам иллюзия контроля, когда кажется, что вы контролируете покупку, но на самом деле не совсем так.

И эту иллюзию контроля можно использовать и в дизайне. Как? Есть несколько вариантов, но об этом уже в следующей части. Ибо места тут для всего не хватит. Вдарьте по реакциям, если интересно. До скорой!)
👍827🔥7🐳4
Стили иллюстраций, иллюзия контроля и якорные объекты

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

3 стиля иллюстраций, которые хорошо решают задачи клиентов

Как новичку ускорить карьерный рост

Figma обновили auto-layout

Базовые правила дизайна #3 — якорные объекты

Конкурентный анализ. Ч.3 — итоги

Иллюзия контроля — что это такое и как её использовать в дизайне

Завтра выйдет опрос на темы следующей недели. А пока, хороших выходных и до скорой)
👍131
Как подготовить портфолио для продуктовой компании

Продуктовый дизайнер — больше, чем просто дизайнер (сорри за тавтологию). Он проводит анализы, А/В тесты и улучшает продукт, если это необходимо.

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

Статья написана действующим продуктовым дизайнером, поэтому подозреваю, что советы в ней помогут:

https://vc.ru/design/447262-kak-dizayneru-podgotovit-portfolio-dlya-produktovoy-kompanii
🔥17👍41🤩1
Подкасты для дизайнеров

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

В этом посте подобрал 3 подкаста, которые оч полезны для дизайнера. Погнали:

> Untitled

4 дизайнера Тинькофф приглашают в эфир топовых игроков и общаются с ними на разные темы. Что мне понравилось в этом подкасте, так это то, что обсуждаются не только техническая сторона дизайна, но и путь в профессии. Как постоянно развиваться, искать мотивацию. Где лучше работать: в дизайн-студиях или одиночкой на фрилансе. И т.д.

> Дизайн прост

Подкаст от UPROCK. Их статьи я не раз вам советовал. Евгений Егоров и Павел Ярец приглашают гостей и общаются на темы, которые в основном касаются начинающих. Клад ценной инфы для новичка.

> Google Design Podcast

Подкаст от дизайнеров Гугла. Думаю, уже этого достаточно для описания. Топовые спецы делятся свои взглядом на дизайн и разными лайфхаками в работе. Если знаете английский, бегом.

Под конец

Я не стал вставлять ссылки на каждый из них, т.к. у всех вас разные площадки и устройства для прослушивания. Просто вбейте у себя название подкастов и наслаждайтесь. Ну и про реакции не забудьте, если такой формат по душе)
🔥51👍21
У вас есть возможность задавать вопросы по контенту напрямую мне

Обновил бота обратной связи. Теперь, если у вас появится вопрос по UX и в целом дизайну, смело можете писать сюда @uxtrends_bot. Также принимаются любые предложения по темам постов.

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

Любые вопрос, мнение и предложение по контенту пишите ему @uxtrends_bot. Я, даже если захочу, не могу пропустить ваше сообщение, ибо бот закреплен. Отвечу в течение дня.
17🤩2
Базовые правила хорошего дизайна #4 — правило внутреннего и внешнего

Звучит это правило довольно просто: внутреннее ≤ внешнего.

Попытаюсь объяснить. Расстояние между штрихами букв внутреннее. А интервал между ними — внешнее. Соответственно, внутреннее должно быть меньше внешнего, иначе в тексте кажется, что соседние буквы вторглись в личное пространство друг друга. Эта ситуация хорошо показана в картинке ниже, которую я спёр взял из материала Скиллбокс.

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

Это правило одним из первых в Рунете качественно описал Артем Горбунов. Почитайте его статью, точно будет полезно.
👍284
Как новичку ускорить карьерный рост #2

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

Ну что, начнем:

> Расширять кругозор

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

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

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

> Следить за трендами

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

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

На этом фсё

Пост получился немаленьким, пожалуй, хватит. Но в задворках моего мозга отыщутся ещё несколько советов. Как минимум, хватит на 3 часть, и даже возможно на больше. Поэтому давайте соберем на этот раз под постом уже 120👍 и я опубликую следующую часть с новой порцией годноты.
👍98👎3
​​Как использовать иллюзию контроля в UX-дизайне #1 — хлебные крошки

Об иллюзии контроля, — что это такое и почему играет важную роль, — писал вот тут

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

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

Простая и оч эффективная фишка. Возьмите на вооружение.
25👍10🔥2
Подкасты, карьерный рост и хлебные крошки

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

/ Как подготовить портфолио для продуктовой компании

/ Подкасты для дизайнеров

/ У вас есть возможность задавать вопросы по контенту напрямую мне

/ Базовые правила хорошего дизайна #4 — правило внутреннего и внешнего

/ Как новичку ускорить карьерный рост #2

/ Как использовать иллюзию контроля в UX-дизайне #1 — хлебные крошки

Думаю, не стоит напоминать, что завтра выйдет опрос. Закрываем эту неделю и приступаем к следующей. До скорой!
6👍5