Психологические эффекты в проектировании интерфейсов
Есть разные психологические приёмы, которые помогают пользователям совершать действие и заставляют их возвращаться в продукт снова. Собрала несколько из них:
Эффект Зейгарник
Люди лучше запоминают незавершённые действия или прерванные, чем завершённые.
Например, видят прогресс-бар в профиле и стремятся заполнить инфу на 100%; выполнить до конца все задания и получить приз. Везде, где будет что-то не завершённое, послужит триггером для пользователя довести начатое до конца.
Эффект IКЕА
Люди ценят больше то, что сделали самостоятельно или хотя бы чуть-чуть поучаствовали в создании.
Вспомните, как вы любовались каким-нибудь столиком из IKEA, который самостоятельно собрали. Такая же идея и при проектировании интерфейса, если дать пользователю самому настроить что-то или создать какую-нибудь коллекцию, кастомизировать интерфейс, он будет ценить и дорожить этим гораздо больше.
Эффект ореола
Общее впечатление влияет на восприятие всего остального.
Например, вам очень быстро доставляют продукты, вы получаете каждый раз положительный опыт и как следствие относитесь хорошо ко всему остальному: к интерфейсу, бренду в целом и прочему.
Эффект дефицита
Люди придают больше ценности труднодоступным и ограниченным вещам.
Наверняка встречали в интерфейсах, надписи в карточке товара «осталось 3 шт» или «акция проходит только сегодня», так вот это оно.
Вау-эффект
Эффект, который вызывает у человека сильные положительные эмоции.
Например, классная анимация или новая крутая функция в приложении.
Какой эффект вам нравится больше всего?
❤️ — использую эти эффекты
🤚 — буду использовать
🔥 — полезно
Есть разные психологические приёмы, которые помогают пользователям совершать действие и заставляют их возвращаться в продукт снова. Собрала несколько из них:
Эффект Зейгарник
Люди лучше запоминают незавершённые действия или прерванные, чем завершённые.
Например, видят прогресс-бар в профиле и стремятся заполнить инфу на 100%; выполнить до конца все задания и получить приз. Везде, где будет что-то не завершённое, послужит триггером для пользователя довести начатое до конца.
Эффект IКЕА
Люди ценят больше то, что сделали самостоятельно или хотя бы чуть-чуть поучаствовали в создании.
Вспомните, как вы любовались каким-нибудь столиком из IKEA, который самостоятельно собрали. Такая же идея и при проектировании интерфейса, если дать пользователю самому настроить что-то или создать какую-нибудь коллекцию, кастомизировать интерфейс, он будет ценить и дорожить этим гораздо больше.
Эффект ореола
Общее впечатление влияет на восприятие всего остального.
Например, вам очень быстро доставляют продукты, вы получаете каждый раз положительный опыт и как следствие относитесь хорошо ко всему остальному: к интерфейсу, бренду в целом и прочему.
Эффект дефицита
Люди придают больше ценности труднодоступным и ограниченным вещам.
Наверняка встречали в интерфейсах, надписи в карточке товара «осталось 3 шт» или «акция проходит только сегодня», так вот это оно.
Вау-эффект
Эффект, который вызывает у человека сильные положительные эмоции.
Например, классная анимация или новая крутая функция в приложении.
Какой эффект вам нравится больше всего?
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
BBE открыл бесплатный доступ к своей библиотеке знаний
Я выбрала, что нам с вами можно у них посмотреть:
✔️ Методы исследования аудитории
✔️ Проектирование пользовательского опыта
✔️ Инклюзия. Мир, доступный всем
✔️ UX: Поведенческое проектирование
✔️ Как руководить дизайнерами
✔️ Этика в цифровом пространстве
✔️ Практики цифровой доступности
✔️ Дизайн своей карьеры
✔️ Секреты промптов и генераций
Успеваем посмотреть до 31 августа? Гоу!
❤️ — полезно
🔥 — пойду смотреть
Я выбрала, что нам с вами можно у них посмотреть:
Успеваем посмотреть до 31 августа? Гоу!
Please open Telegram to view this post
VIEW IN TELEGRAM
Тёмные паттерны. Быстрый заработок для бизнеса и потерянные пользователи
Когда то у меня была подписка на пакет программ Adobe, чтобы отменить её мне нужно было связаться в чате с человеком из поддержки. Он ответил не сразу, потом мы долго переписывались и обсуждали почему я решила отменить подписку и чем теперь буду пользоваться, только после этого её отменили. Это тёмный паттерн.
Вместо того, чтобы просто разместить в интерфейсе кнопку «Отменить подписку» они усложнили путь пользователю с расчётом на то, что человек из поддержки сможет уговорить остаться и сохранит платёжеспособного клиента.
По исследованиям такие паттерны действительно работают, например, подпись размещенная в интерфейсе: «я готов платить полную стоимость», провоцирующая доказать миру, что ты не нищеброд (😂), сработала на 68% пользователей и они выбрали более дорогой тариф.
Но все это ненадолго, пользователи меняются и становятся более подкованными. Они даже стали подавать жалобы в суд, если паттерн был прям не очевидным и они материально от этого пострадали.
Один пользователь наткнувшись на запутаное флоу расскажет своим друзьям о негативном опыте и ваш продукт потеряет потенциальных клиентов.
Я за то, чтобы флоу всегда было понятным и удобным.
Как вы относитесь к тёмным паттернам?
🔥 — негативлю, когда встречаю
⭐️ — они хорошо работают, можно использовать
❤️ — интересно
Когда то у меня была подписка на пакет программ Adobe, чтобы отменить её мне нужно было связаться в чате с человеком из поддержки. Он ответил не сразу, потом мы долго переписывались и обсуждали почему я решила отменить подписку и чем теперь буду пользоваться, только после этого её отменили. Это тёмный паттерн.
Вместо того, чтобы просто разместить в интерфейсе кнопку «Отменить подписку» они усложнили путь пользователю с расчётом на то, что человек из поддержки сможет уговорить остаться и сохранит платёжеспособного клиента.
По исследованиям такие паттерны действительно работают, например, подпись размещенная в интерфейсе: «я готов платить полную стоимость», провоцирующая доказать миру, что ты не нищеброд (😂), сработала на 68% пользователей и они выбрали более дорогой тариф.
Но все это ненадолго, пользователи меняются и становятся более подкованными. Они даже стали подавать жалобы в суд, если паттерн был прям не очевидным и они материально от этого пострадали.
Один пользователь наткнувшись на запутаное флоу расскажет своим друзьям о негативном опыте и ваш продукт потеряет потенциальных клиентов.
Я за то, чтобы флоу всегда было понятным и удобным.
Как вы относитесь к тёмным паттернам?
Please open Telegram to view this post
VIEW IN TELEGRAM
Краш
Нет, это не платоническая любовь
к парню (девушке) из соседнего подъезда или актёру (актрисе), который нравится тебе с детства
Краш (англ. crash) — в IT это аварийное завершение работы программы или операционной системы. Состояние, когда программа перестаёт нормально работать и «вылетает».
⬅️ Третье слово
❤️ — знаю слово
🤚 — не знаю слово
Нет, это не платоническая любовь
к парню (девушке) из соседнего подъезда или актёру (актрисе), который нравится тебе с детства
Краш (англ. crash) — в IT это аварийное завершение работы программы или операционной системы. Состояние, когда программа перестаёт нормально работать и «вылетает».
⬅️ Третье слово
Please open Telegram to view this post
VIEW IN TELEGRAM
Друзья-коллеги
Как же здорово, я сейчас думаю, что почти из каждого места, где я работала у меня остались приятные, тёплые отношения с коллегами и есть стабильно пара человек, с которыми я могу встретиться.
Да, и вообще общий метч заряжает делать классные штуки и превращает работу в удовольствие. Особенно вот эти моменты, когда решаешь навести суеты, подходишь или пишешь внезапно коллеге: «Вот у меня есть идея, как думаешь сможем?» И он тоже загорается и отвечает: «Конечно, давай делать!».
А потом, когда уже разошлись по разным компаниям и даже городам, продолжаете быть на одной волне, переписываться в созданных чатиках и поддерживать связь. Договариваться о встречах, вспоминать весёлые моменты, делиться новостями и радоваться друг за друга.
Работа это всё-таки не только задачи и проекты, но и, конечно, люди. Если после ухода в другое место остаются добрые знакомые, это успех я считаю!
А как у вас рассказывайте, остаётесь на связи с коллегами из прошлых мест работы? Есть чатики, где продолжаете общаться?
❤️ — остаюсь на связи
🔥 — есть чатик
⭐️ — попрощались и забыли друг друга
Как же здорово, я сейчас думаю, что почти из каждого места, где я работала у меня остались приятные, тёплые отношения с коллегами и есть стабильно пара человек, с которыми я могу встретиться.
Да, и вообще общий метч заряжает делать классные штуки и превращает работу в удовольствие. Особенно вот эти моменты, когда решаешь навести суеты, подходишь или пишешь внезапно коллеге: «Вот у меня есть идея, как думаешь сможем?» И он тоже загорается и отвечает: «Конечно, давай делать!».
А потом, когда уже разошлись по разным компаниям и даже городам, продолжаете быть на одной волне, переписываться в созданных чатиках и поддерживать связь. Договариваться о встречах, вспоминать весёлые моменты, делиться новостями и радоваться друг за друга.
Работа это всё-таки не только задачи и проекты, но и, конечно, люди. Если после ухода в другое место остаются добрые знакомые, это успех я считаю!
А как у вас рассказывайте, остаётесь на связи с коллегами из прошлых мест работы? Есть чатики, где продолжаете общаться?
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Это было не просто смело…
Команда из Омска, решила соединить скевоморфизм, градиент и Liquid Glass в дизайне интерфейса финансового трекера.
Для кошелька с картами можно самому выбрать текстуру. На нём так же замечены жидкие кнопки, а ещё они есть в TapBar.
В целом выглядит аккуратно. А вы что думаете?
❤️ — красиво
🔥 — смешанные чувства
⭐️ — плохо
Команда из Омска, решила соединить скевоморфизм, градиент и Liquid Glass в дизайне интерфейса финансового трекера.
Для кошелька с картами можно самому выбрать текстуру. На нём так же замечены жидкие кнопки, а ещё они есть в TapBar.
В целом выглядит аккуратно. А вы что думаете?
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Работа в обратном направлении (Working Backwards)
Интересный подход, с помощью которого Amazon запустил почти все свои решения, суть — начинать задачу с конца.
Например, хотите выпустить новый продукт и начинаете не с того, что рассчитываете прибыль и возможные риски, а пишите пресс-релиз как будто он уже завтра выйдет на рынок.
Придумала продукт, предлагаю рассмотреть подход на его примере:
«Умная шапка» со встроенным трекером, получающим данные погоды за окном и подающую сигнал «Не забудь меня надеть!» в приложение.
Пишем пресс-релиз:
Умная шапка, которая заботиться о вашем здоровье.
Следит за температурой головы, чтобы она не замёрзла; есть режим подогрева; напоминает не забыть её надеть и плюс мама теперь спокойна (😁)
Предзаказ с такого то числа, стоимость.
Составляем возможные вопросы от пользователей:
Можно ли стирать шапку?
Какая максимальная температура в режиме «согрева головы»?
Как часто приходят уведомления?
(И отвечаем на них)
Ну и описываем, как будут этим пользоваться:
Проснувшись утром пользователь получаете на телефон уведомление, что температура на улице низкая, не забудьте надеть шапку.
Приложение в течение дня по геопозиции отслеживает его прибывание на улице в шапке он или без неё и показывает статистику. В конце дня пуш-уведомление: «Молодец!» или «Вы подвергли своё здоровье опасности!»
Таким образом команда с самого начала понимает, что нужно сделать, чтобы продукт был востребован и полезен.
Как вам подход?
🔥 — интересно
⭐️ — надо попробовать
❤️ — хочу такую шапку
Интересный подход, с помощью которого Amazon запустил почти все свои решения, суть — начинать задачу с конца.
Например, хотите выпустить новый продукт и начинаете не с того, что рассчитываете прибыль и возможные риски, а пишите пресс-релиз как будто он уже завтра выйдет на рынок.
Придумала продукт, предлагаю рассмотреть подход на его примере:
«Умная шапка» со встроенным трекером, получающим данные погоды за окном и подающую сигнал «Не забудь меня надеть!» в приложение.
Пишем пресс-релиз:
Умная шапка, которая заботиться о вашем здоровье.
Следит за температурой головы, чтобы она не замёрзла; есть режим подогрева; напоминает не забыть её надеть и плюс мама теперь спокойна (😁)
Предзаказ с такого то числа, стоимость.
Составляем возможные вопросы от пользователей:
Можно ли стирать шапку?
Какая максимальная температура в режиме «согрева головы»?
Как часто приходят уведомления?
(И отвечаем на них)
Ну и описываем, как будут этим пользоваться:
Проснувшись утром пользователь получаете на телефон уведомление, что температура на улице низкая, не забудьте надеть шапку.
Приложение в течение дня по геопозиции отслеживает его прибывание на улице в шапке он или без неё и показывает статистику. В конце дня пуш-уведомление: «Молодец!» или «Вы подвергли своё здоровье опасности!»
Таким образом команда с самого начала понимает, что нужно сделать, чтобы продукт был востребован и полезен.
Как вам подход?
Please open Telegram to view this post
VIEW IN TELEGRAM
Пару дней назад Миша Греков опубликовал пост, где порекомендовал 5 классных каналов по UX и мой оказался в этой пятёрке! Это было очень приятно.
С Мишей я познакомилась на конкурсе авторских телеграм-каналов, где он курировал направление «Юзабилити».
В конкурсе я в итоге проиграла, но получить высокую оценку от эксперта в области B2B продуктов, у которого к тому есть собственный интереснейший канал с многотысячной аудиторией, почётно и очень приятно. Начинаешь думать, возможно то, что я пишу, действительно интересно и полезно.
И, конечно, спасибо вам, друзья, что читаете, комментите, ставите реакции — это правда важно и очень мотивирует продолжать вести блог❤️
С Мишей я познакомилась на конкурсе авторских телеграм-каналов, где он курировал направление «Юзабилити».
В конкурсе я в итоге проиграла, но получить высокую оценку от эксперта в области B2B продуктов, у которого к тому есть собственный интереснейший канал с многотысячной аудиторией, почётно и очень приятно. Начинаешь думать, возможно то, что я пишу, действительно интересно и полезно.
И, конечно, спасибо вам, друзья, что читаете, комментите, ставите реакции — это правда важно и очень мотивирует продолжать вести блог
Please open Telegram to view this post
VIEW IN TELEGRAM
Чуть выше писала пост про эффекты в проектировании интерфейсов, а сегодня решила вспомнить законы:
Закон Фиттса
Количество времени, потраченное на достижение цели, зависит от её размера и расстояния до неё.
Соответственно, если, например, в интерфейсе мобилы мы хотим, чтобы пользователь быстро нажал на кнопку, она должна быть крупной и находиться ближе к его пальцу.
Кнопка оплаты в корзине — она всегда яркая и расположена внизу экрана.
Закон Миллера
Кратковременная человеческая память, как правило, не может удерживать более 7 элементов.
Поэтому не стоит перегружать интерфейс, нужно стараться группировать информацию в блоки и выводить её дозировано.
Карточка товара, где есть цена, заголовок, описание и изображение. Если перегрузить её, пользователю станет сложно воспринимать информацию.
Закон Хика
Чем меньше вариантов выбора, тем быстрее принимается решение.
В интерфейсе это означает, что нужно показывать пользователю ограниченное количество элементов на экране, если мы хотим, чтобы взаимодействие было простым и быстрым.
Понятная иерархия в списке товаров.
Закон Догерти
Взаимодействие становится более приятным, если отклик системы происходит быстрее 400 мс.
В идеале продукт должен обрабатывать запросы мгновенно, а в интерфейсе показываем индикатор загрузки, если все таки это занимает время.
При переводе денег важно быстро показать, что платёж отправлен, чтобы пользователь не начал паниковать.
Закон Якоба
Пользователи ожидают, что ваш интерфейс будет работать так же, как и другие, с которыми они уже знакомы.
Используйте знакомые паттерны при проектировании интерфейса.
Когда пользователь нажимает на сердечко, он ожидает, что товар попадёт в «Избранное», поскольку это привычный паттерн.
❤️ — полезно
🔥 — использую эти законы
⭐️ — буду использовать
Закон Фиттса
Количество времени, потраченное на достижение цели, зависит от её размера и расстояния до неё.
Соответственно, если, например, в интерфейсе мобилы мы хотим, чтобы пользователь быстро нажал на кнопку, она должна быть крупной и находиться ближе к его пальцу.
Кнопка оплаты в корзине — она всегда яркая и расположена внизу экрана.
Закон Миллера
Кратковременная человеческая память, как правило, не может удерживать более 7 элементов.
Поэтому не стоит перегружать интерфейс, нужно стараться группировать информацию в блоки и выводить её дозировано.
Карточка товара, где есть цена, заголовок, описание и изображение. Если перегрузить её, пользователю станет сложно воспринимать информацию.
Закон Хика
Чем меньше вариантов выбора, тем быстрее принимается решение.
В интерфейсе это означает, что нужно показывать пользователю ограниченное количество элементов на экране, если мы хотим, чтобы взаимодействие было простым и быстрым.
Понятная иерархия в списке товаров.
Закон Догерти
Взаимодействие становится более приятным, если отклик системы происходит быстрее 400 мс.
В идеале продукт должен обрабатывать запросы мгновенно, а в интерфейсе показываем индикатор загрузки, если все таки это занимает время.
При переводе денег важно быстро показать, что платёж отправлен, чтобы пользователь не начал паниковать.
Закон Якоба
Пользователи ожидают, что ваш интерфейс будет работать так же, как и другие, с которыми они уже знакомы.
Используйте знакомые паттерны при проектировании интерфейса.
Когда пользователь нажимает на сердечко, он ожидает, что товар попадёт в «Избранное», поскольку это привычный паттерн.
Please open Telegram to view this post
VIEW IN TELEGRAM
Как AI помогает быстро запускать рекламные кампании
Вспоминаю, как в МТС разрабатывались рекламные кампании несколько лет назад, тогда AI вообще ещё не существовало. Нужно было организовать съёмку, договориться с селебрити, обработать фотографии.
Или если это региональная кампания идти на фотосток, подбирать подходящие картинки с определенной лицензией и дорабатывать их в Photoshop, менять детали, фон, я могла скачать 10 картинок и собрать из них одну.
А сегодня узнаю, что коммуникационные дизайнеры из Отелло (2ГИС) запустили рекламную кампанию всего за две недели, используя AI. Ребята сгенерировали нужные изображения, подкорректировали детали и разместили на 13 000 рекламных поверхностях в Москве и Подмосковье.
Позже подали заявку на первую в России премию в области AI-дизайна и выиграли в главной номинации: Best of the Best.
Получается AI стал для них мощнейшим инструментом, который ускорил работу и создал уникальный контент.
Сейчас работая продуктовым дизайнером я тоже использую AI в основном для создания 3D-изображений. Не нужно ничего выкупать, конструировать в 3D программах и тратить время на долгие поиски нужного.
Написать отдельно пост, как делать 3D-изображения с помощью AI?
❤️ — интересно
🔥 — тоже использую AI в работе
⭐️ — сделать пост про 3D-изображения
Вспоминаю, как в МТС разрабатывались рекламные кампании несколько лет назад, тогда AI вообще ещё не существовало. Нужно было организовать съёмку, договориться с селебрити, обработать фотографии.
Или если это региональная кампания идти на фотосток, подбирать подходящие картинки с определенной лицензией и дорабатывать их в Photoshop, менять детали, фон, я могла скачать 10 картинок и собрать из них одну.
А сегодня узнаю, что коммуникационные дизайнеры из Отелло (2ГИС) запустили рекламную кампанию всего за две недели, используя AI. Ребята сгенерировали нужные изображения, подкорректировали детали и разместили на 13 000 рекламных поверхностях в Москве и Подмосковье.
Позже подали заявку на первую в России премию в области AI-дизайна и выиграли в главной номинации: Best of the Best.
Получается AI стал для них мощнейшим инструментом, который ускорил работу и создал уникальный контент.
Сейчас работая продуктовым дизайнером я тоже использую AI в основном для создания 3D-изображений. Не нужно ничего выкупать, конструировать в 3D программах и тратить время на долгие поиски нужного.
Написать отдельно пост, как делать 3D-изображения с помощью AI?
Please open Telegram to view this post
VIEW IN TELEGRAM