uxtrends

2022-08-30 23:23:06 Эффект приманки

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

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

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

«Эффект приманки» можно использовать и в любых других сферах. Так что возьмите себе на заметку - может пригодится! Открыть/Комментировать

2022-08-29 22:58:06 Три вопроса, на которые не может ответить джуниор UX-дизайнер

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

https://design-glory.com/13508/tri-voprosa-na-kotorye-ne-mozhet-otvetit-dzhunior-ux-dizajner Открыть/Комментировать

2022-08-29 10:32:01 Открыть/Комментировать

2022-08-28 20:46:48 Воскресный дайджест. Посты, которые вышли на этой неделе:

\ Определяем правильный интерлиньяж

\ Как восстановить доверие клиентов

\ Иконка зеленого для пешехода в разных странах

\ 4 сервиса для подбора палитры цветов

\ Как создать качественную цветовую палитру #2 — метод 60-30-10

\ Топ самых необходимых инструментов для начинающих UX дизайнеров


Если было полезно, дайте знать в реакциях. Завтра как обычно опрос по контенту на следующую неделю. Если хотите увидеть на канале конкретные темы, пишите в бот @uxtrendsbot. До завтра! Открыть/Комментировать

2022-08-28 00:10:06 Топ самых необходимых инструментов для начинающих UX дизайнеров

Я уже писал ранее о софт и хард скилах и с чего начать изучение UX.

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


Исследования

Любой основательный UX проект начинается с исследования. Чтобы выявить проблемы, связанные с навигацией по сайту достаточно сервисов от Яндекс.Метрика, Google Analytics или Hotjar. Для мобильных приложений есть аналогичные сервисы Firebase и UXCam. В последнем также есть инструменты, которые помогут вам проанализировать проблемы связанные с интерфейсом.


Пользовательские опросы и интервью

Лучший инструмент для пользовательских интервью — бумага и ручка :) Проводите интервью по возможности вживую в среде, где пользователь пользуется вашим продуктом, а не онлайн. Если нужно интегрировать опросы и получить обратную связь прямо в продукте, в этом вам помогут сервисы UserReport и GetFeedback

Стратегическое планирование и создание информационной архитектуры

Для создания визуальных карт путешествия клиента, пользовательских потоков и персон подойдет сервис от FlowMapp. Для планирования и работы в команде очень удобны также Miro и Fig Jam. Тут всё необходимое для действительно совместного процесса проектирования —можно и карту сайта нарисовать и интерактивно организовать работу над проектом.

Создание вайрфреймов и макетов

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

Базовое прототипирование

Если работаете на Sketch — наиболее легко собирать простые прототипы в InVision. Для более сложных анимаций подойдет приложение Marvel. В Figma анимированные прототипы делаются прямо в самом приложении.


Hi-Fi прототипы
Если в ваши задачи входит создать сложный прототип близкий по функционалу к реальному продукту в этом вам помогут такие приложения как
Proto.io, Framer или Origami
В них можно создавать интерактивные формуляры, работать с живыми данными и переменными.

Это далеко не все приложения которые есть на рынке, но статья и без того получилась довольно длинной. Если было полезно — вдарьте по реакциям! А какими инструментами пользуетесь вы? Напишите в комментариях. Открыть/Комментировать

2022-08-26 22:50:35 Как создать качественную цветовую палитру #2 — метод 60-30-10

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

Правило 60-30-10 изначально использовалось в дизайне интерьеров, но оно также идеально подходит и для цифровых продуктов.

Правило очень простое и звучит так:
60% — пространства предназначено для основного цвета;
30% — для вторичного цвета;
10% — акцент и сопровождающий цвет;

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

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

Также можете поэкспериментировать и применять цвета в другом порядке, и это все равно будет работать. Открыть/Комментировать

2022-08-25 22:15:36 4 сервиса для подбора палитры цветов

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

1. Color-hex — информация о цвете в различных цветовых моделях
Сайт дает детальную информацию о заданном цвете, подбирая гармоничные оттенки и подходящие цвета для палитры.

2. Brand Colors — Коллекция фирменных цветов крупнейших брендов
Большая коллекция официальных цветовых кодов различных компаний. Удобный поиск и возможность сразу сохранить CSS файл с кодами.

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

4. Material Color Tool — генератор палитры от Material Design
Незаменимый инструмент если нужно сгенерировать правильные основные цвета для популярной библиотеки. Можно также предварительно посмотреть как цвета будут смотреться в приложении. На выходе получаем готовый код от которого разработчики будут в восторге.

На этом все! Вдарьте по реакциям если хотите больше таких подборок. Открыть/Комментировать

2022-08-24 22:57:46 Иконка зеленого для пешехода в разных странах

На ваш взгляд, как дизайнера, какой самый топовый? Или может вам встречались более интересные варианты, которых нет на картинке выше? Напишите в комментах Открыть/Комментировать

2022-08-23 22:48:46 Как восстановить доверие клиентов

В 1992 году профессоры Майкл Маккалоу и Сундар Бхарадвадж провели интересное исследование. Они выяснили, что удовлетворенность клиентов после исправление компанией проблемы повышается, чем было до.

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

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

> Проблема не повлекла серьезные последствия для клиента;

> Приняты оперативные меры по решению проблемы;

> Проблема в результате была решена или предложены альтернативные варианты;

> Предложена компенсация (например, промокод на следующую покупку);

> Были описаны принятые меры по профилактике подобных проблем в дальнейшем;

> Или проблема находится вне контроля компании (например, брак товара – это не вина интернет-магазина, а вина производителя).

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

Если пост был полезен, жмакните по реакциям. До скорой! Открыть/Комментировать

2022-08-22 22:56:10 Определяем правильный интерлиньяж

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

А теперь к сути. На днях наткнулся на интересный и довольно полезный материал. Там автор рассказывает, как математическим путем определять правильное значение интерлиньяжа. Оч нужное умение для дизайнеров. В своем подсчете он использует стандартное значение — 120 %.

Вам остается просто прочитать материал и взять прием на вооружение. Ссылка внизу:

https://vc.ru/design/463440-interlinyazh-prostaya-matematika Открыть/Комментировать