Могут ли интерфейсы быть предметом искусства? В проекте «Интерфейсы 2.0» графический дизайнер Митя Безыдейный показывает нам машины для управления природой, человеком и его чувствами. Ироничные, а иногда меланхоличные гаджеты заставляют нас задуматься об окружающей действительности или просто помечтать. Как вам работы?
🔥13❤3😁3🤩1
Сторителлинг в UX #1
Не раз уже упоминал о сторителлинге на канале. Хочется более подробно разобрать этот маркетинговый приём, который стоит взять на заметку и UX дизайнерам. Поехали...
Что такое сторителлинг?
Если переводить дословно (англ. storytelling), то это "рассказывание историй" или сказительство. В маркетинге под термином подразумевают прием, который передает нужную информацию целевой аудитории через рассказ или историю.
Все мы с детства любим сказки и рассказы... Мы постоянно слушаем истории и в повседневной жизни. Их рассказывают наши близкие, их можно найти в кино или музыке. Этим и пользуются маркетологи.
Как истории помогают бизнесу
Хорошие истории хочется дочитать до конца. Они могут легко рассказать о бренде, выстроить нужные ассоциации, красочно описать проблему потребителя на конкретном примере и в итоге предложить нужное решение.
Бизнесу истории помогают решить следующие задачи:
1. Создать позитивный имидж
Красочная история всегда интереснее чем скучный текст. Она поможет аргументированно рассказать о миссии и ценностях компании или личного бренда оставаясь понятной и легко запоминающийся.
2. Продать товар или услугу
Классические призывы давно уже не оказывают желаемого действия на покупателей. Живые истории напротив – привлекают внимание и захватывают воображение. Мы сопереживаем героям, примеряем описанные ситуации на себя. Сторителлинг встраиваясь в воронку продаж помогает осознать проблему и предложить подходящее решение или продукт.
3. Сформировать связь с клиентом
Людям всегда интересно следить за жизненными историями, наблюдать, как рождается продукт, как герой идет к успеху через тернистый путь падений и взлетов. Именно поэтому сторителлинг – эффективный инструмент для создания преданной аудитории поклонников. Будь то блог или социальные сети, рассказанные истории являются мостиком между клиентом и брендом укрепляя доверие и формируя лояльную аудиторию.
На этом все! В следующей статье расскажу о том, из каких элементов строятся "продающие" истории и как вам это поможет в решении UX задач. Дайте знать если интересно!
Не раз уже упоминал о сторителлинге на канале. Хочется более подробно разобрать этот маркетинговый приём, который стоит взять на заметку и UX дизайнерам. Поехали...
Что такое сторителлинг?
Если переводить дословно (англ. storytelling), то это "рассказывание историй" или сказительство. В маркетинге под термином подразумевают прием, который передает нужную информацию целевой аудитории через рассказ или историю.
Все мы с детства любим сказки и рассказы... Мы постоянно слушаем истории и в повседневной жизни. Их рассказывают наши близкие, их можно найти в кино или музыке. Этим и пользуются маркетологи.
Как истории помогают бизнесу
Хорошие истории хочется дочитать до конца. Они могут легко рассказать о бренде, выстроить нужные ассоциации, красочно описать проблему потребителя на конкретном примере и в итоге предложить нужное решение.
Бизнесу истории помогают решить следующие задачи:
1. Создать позитивный имидж
Красочная история всегда интереснее чем скучный текст. Она поможет аргументированно рассказать о миссии и ценностях компании или личного бренда оставаясь понятной и легко запоминающийся.
2. Продать товар или услугу
Классические призывы давно уже не оказывают желаемого действия на покупателей. Живые истории напротив – привлекают внимание и захватывают воображение. Мы сопереживаем героям, примеряем описанные ситуации на себя. Сторителлинг встраиваясь в воронку продаж помогает осознать проблему и предложить подходящее решение или продукт.
3. Сформировать связь с клиентом
Людям всегда интересно следить за жизненными историями, наблюдать, как рождается продукт, как герой идет к успеху через тернистый путь падений и взлетов. Именно поэтому сторителлинг – эффективный инструмент для создания преданной аудитории поклонников. Будь то блог или социальные сети, рассказанные истории являются мостиком между клиентом и брендом укрепляя доверие и формируя лояльную аудиторию.
На этом все! В следующей статье расскажу о том, из каких элементов строятся "продающие" истории и как вам это поможет в решении UX задач. Дайте знать если интересно!
🔥14👍5
Правила создания карточки товара в интернет-магазине
Карточка товара – одна из наиболее важных страниц интернет-магазина, где пользователь решает - купить товар или пойти искать дальше. Собрал для вас советы основанные на передовом опыте в проектировании e-commerce сайтов. Надеюсь, статья будет вам ориентиром при создании собственных проектов.
1. Фотографии
Первое на что смотрит покупатель, это то как выглядит товар.
— Предоставьте как можно больше фотографий в высоком качестве. Если у вас есть видео или фото 360°, оно может помочь пользователю принять решение.
– Покажите как продукт выглядит в момент его непосредственного использования. Важно чтобы покупатель понял масштабы и размер товара. Если вы продаете одежду или аксессуары, обязательно покажите как они выглядят на модели
– Если у вас несколько вариантов, в галерее должны присутствовать как минимум 2-4 изображений каждого варианта
– Если вы продаете товар с дополнительными компонентами (например электронику) покажите их также на фотографии
2. Описание товара
Немаловажно и описание товара. Очень многие пользователи досконально изучают характеристики, сравнивают разные модели из сегмента.
– Не стоит прятать важные характеристики в таб-навигации. По опросам, проведенным Baymard Institute около четверти пользователей их не заметят.
– Если у вас несколько вариантов товара, все варианты должны быть взаимосвязаны. Если у варианта товара другого цвета отличается описание, это только запутает покупателя.
– Для технических продуктов, предоставьте пользователю легко читаемые характеристики в таблице. Если есть варианты или покупатель выбирает из похожих товаров, можно вывести данные в сравнительную таблицу.
3. Цена
Цена - один из важнейших факторов при принятии решения о покупке товара, поэтому она должна быть сразу заметна и хорошо читаться. Также рядом с ней можно поместить информацию, подталкивающую к покупке.
– Отображайте перечеркнутую старую цену во время распродаж. Также можно показать скидку в процентах или суммой.
– Покажите цену за единицу товара, продаваемого в разном количестве или на разную сумму. Например, цена за грамм для продуктов питания или цену за штуку в упаковке
– Предварительно показывайте скидку или бонусы при покупке нескольких товаров или на определенную сумму
4. Доставка
Всегда отображайте информацию о доставке в карточке товара, такую как: цена доставки, предполагаемая дата доставки, а также в наличии товар или нет.
– Разместите информацию о бесплатной доставке рядом с кнопкой "положить в корзину"
– Обязательно отображайте условия возврата. Это поможет подтолкнуть покупателя к принятию решения.
5. Отзывы
Отзывы других клиентов помогут снять часть страхов, которые мешают осуществить покупку.
– Предоставьте диаграмму распределения оценок в верхней части раздела отзывов
– Мотивируйте пользователей оставлять отзывы
– Частая ошибка - привязывание отзывов к вариантам товаров. Таким образом получится неравномерное количество отзывов распределенное по вариантам. Указать какой вариант купил пользователь можно в самом отзыве. А все отзывы вывести для карточки товара в целом.
Я постарался не перегружать статью, поэтому тут только основные советы для карточки товара. Если было полезно, дайте знать в реакциях!
Карточка товара – одна из наиболее важных страниц интернет-магазина, где пользователь решает - купить товар или пойти искать дальше. Собрал для вас советы основанные на передовом опыте в проектировании e-commerce сайтов. Надеюсь, статья будет вам ориентиром при создании собственных проектов.
1. Фотографии
Первое на что смотрит покупатель, это то как выглядит товар.
— Предоставьте как можно больше фотографий в высоком качестве. Если у вас есть видео или фото 360°, оно может помочь пользователю принять решение.
– Покажите как продукт выглядит в момент его непосредственного использования. Важно чтобы покупатель понял масштабы и размер товара. Если вы продаете одежду или аксессуары, обязательно покажите как они выглядят на модели
– Если у вас несколько вариантов, в галерее должны присутствовать как минимум 2-4 изображений каждого варианта
– Если вы продаете товар с дополнительными компонентами (например электронику) покажите их также на фотографии
2. Описание товара
Немаловажно и описание товара. Очень многие пользователи досконально изучают характеристики, сравнивают разные модели из сегмента.
– Не стоит прятать важные характеристики в таб-навигации. По опросам, проведенным Baymard Institute около четверти пользователей их не заметят.
– Если у вас несколько вариантов товара, все варианты должны быть взаимосвязаны. Если у варианта товара другого цвета отличается описание, это только запутает покупателя.
– Для технических продуктов, предоставьте пользователю легко читаемые характеристики в таблице. Если есть варианты или покупатель выбирает из похожих товаров, можно вывести данные в сравнительную таблицу.
3. Цена
Цена - один из важнейших факторов при принятии решения о покупке товара, поэтому она должна быть сразу заметна и хорошо читаться. Также рядом с ней можно поместить информацию, подталкивающую к покупке.
– Отображайте перечеркнутую старую цену во время распродаж. Также можно показать скидку в процентах или суммой.
– Покажите цену за единицу товара, продаваемого в разном количестве или на разную сумму. Например, цена за грамм для продуктов питания или цену за штуку в упаковке
– Предварительно показывайте скидку или бонусы при покупке нескольких товаров или на определенную сумму
4. Доставка
Всегда отображайте информацию о доставке в карточке товара, такую как: цена доставки, предполагаемая дата доставки, а также в наличии товар или нет.
– Разместите информацию о бесплатной доставке рядом с кнопкой "положить в корзину"
– Обязательно отображайте условия возврата. Это поможет подтолкнуть покупателя к принятию решения.
5. Отзывы
Отзывы других клиентов помогут снять часть страхов, которые мешают осуществить покупку.
– Предоставьте диаграмму распределения оценок в верхней части раздела отзывов
– Мотивируйте пользователей оставлять отзывы
– Частая ошибка - привязывание отзывов к вариантам товаров. Таким образом получится неравномерное количество отзывов распределенное по вариантам. Указать какой вариант купил пользователь можно в самом отзыве. А все отзывы вывести для карточки товара в целом.
Я постарался не перегружать статью, поэтому тут только основные советы для карточки товара. Если было полезно, дайте знать в реакциях!
👍32
Гайдлайны, сторителлинг, карточка товавра...
По традиции недельный дайджест.
– 28 Figma-плагинов для экспорта, импорта и конвертации данных
– Психология в дизайне — эффект «эстетика в юзабилити»
– Зачем нужны гайдлайны
– Могут ли интерфейсы быть предметом искусства?
– Сторителлинг в UX #1
– Правила создания карточки товара в интернет-магазине
Если неделя была для вас полезной, жмакаем по реакциям!
По традиции недельный дайджест.
– 28 Figma-плагинов для экспорта, импорта и конвертации данных
– Психология в дизайне — эффект «эстетика в юзабилити»
– Зачем нужны гайдлайны
– Могут ли интерфейсы быть предметом искусства?
– Сторителлинг в UX #1
– Правила создания карточки товара в интернет-магазине
Если неделя была для вас полезной, жмакаем по реакциям!
👍12
Голосуем за темы постов на неделю. Выйдут 3 из 4:
Final Results
25%
Психология в дизайне – закон Постела
37%
Инструмены UX исследования – Интервью
17%
Сторителлинг в UX #2
21%
Зачем нужны дизайн-мудборды
This media is not supported in your browser
VIEW IN TELEGRAM
7 разделов сайта, где пользователи ждут от вас креативных решений
Когда стоит включить креатив, а где уместно придерживаться устоявшихся шаблонов? Как найти баланс между функциональностью и фантазией? Ведь с одной стороны пользователя нужно заинтересовать или не дать ему заскучать, с другой - интерфейс должен быть интуитивно понятен и выполнять поставленную бизнес задачу. В статье автор подробно разобрал 7 разделов сайта, где пользователи ждут от вас творческих решений:
1. Пустые состояния
2. Онбординг
3. Страницы ошибок
4. Иконки и анимация загрузки
5. Экран отсутствия интернет-соединения
6. Уведомления
7. Технические рассылки
Более подробно с конкретными примерами можно ознакомится по ссылке:
→ Ссылка на статью
Когда стоит включить креатив, а где уместно придерживаться устоявшихся шаблонов? Как найти баланс между функциональностью и фантазией? Ведь с одной стороны пользователя нужно заинтересовать или не дать ему заскучать, с другой - интерфейс должен быть интуитивно понятен и выполнять поставленную бизнес задачу. В статье автор подробно разобрал 7 разделов сайта, где пользователи ждут от вас творческих решений:
1. Пустые состояния
2. Онбординг
3. Страницы ошибок
4. Иконки и анимация загрузки
5. Экран отсутствия интернет-соединения
6. Уведомления
7. Технические рассылки
Более подробно с конкретными примерами можно ознакомится по ссылке:
→ Ссылка на статью
❤🔥7🔥3❤2
Психология в дизайне – Закон Постела
Закон Постела также известный как принцип надёжности сформулировал Джон Постел — один из первых инженеров в интернет-сфере — в первую очередь для компьютерных сетей и протоколов. Изначально, закон звучал так:
Будьте консервативны в том, что отправляете, и либеральны в том, что принимаете.
Цель принципа – создание надёжных систем, способных гибко реагировать на запросы пользователя. Применимо к дизайну, закон можно перефразировать как: Относись лояльно к пользователям и критично к себе.
Задача дизайнера – предусмотреть все требования пользователя и реализовать их в цифровом продукте. В первую очередь, это касается того, как система должна реагировать на действия пользователя:
– преобразуйте вводимые данные в соответствие с ожиданиями
– используйте автозаполнение полей, где это возможно
– отображайте подсказки (пользователь не обязан заранее знать как все работает)
– собирайте обратную связь, чтобы учесть потребности конечных пользователей
Обратите внимание на пример на гифке внизу. Номер телефона преобразовывается именно в тот формат, в котором пользователь привык его видеть.
Было полезно? Дайте знать в реакциях!
Закон Постела также известный как принцип надёжности сформулировал Джон Постел — один из первых инженеров в интернет-сфере — в первую очередь для компьютерных сетей и протоколов. Изначально, закон звучал так:
Будьте консервативны в том, что отправляете, и либеральны в том, что принимаете.
Цель принципа – создание надёжных систем, способных гибко реагировать на запросы пользователя. Применимо к дизайну, закон можно перефразировать как: Относись лояльно к пользователям и критично к себе.
Задача дизайнера – предусмотреть все требования пользователя и реализовать их в цифровом продукте. В первую очередь, это касается того, как система должна реагировать на действия пользователя:
– преобразуйте вводимые данные в соответствие с ожиданиями
– используйте автозаполнение полей, где это возможно
– отображайте подсказки (пользователь не обязан заранее знать как все работает)
– собирайте обратную связь, чтобы учесть потребности конечных пользователей
Обратите внимание на пример на гифке внизу. Номер телефона преобразовывается именно в тот формат, в котором пользователь привык его видеть.
Было полезно? Дайте знать в реакциях!
🔥15👍8
Как не потерять покупателя в начале пути. Лучшие практики онлайн регистрации
На прошлой неделе написал пост про карточку товара, а недавно наткнулся на статью про другой немаловажный момент - регистрацию в интернет-магазинах.
Если признаться, я не люблю регистрироваться когда покупаю что-то онлайн, и в этом я наверно не одинок. Регистрация – трудоемкий процесс. Поэтому многие магазины предлагают опцию "гостевой покупки". Но если у вас маркетплейс, то без регистрации никак не обойтись. Авторы статьи подробно и с кучей примеров проанализировали авторизацию AliExpress, OZON, Wildberries, СберМегаМаркет и Яндекс; разобрали ошибки и выделили лучшие методы, которые не дадут покупателю "соскочить".
На самом деле, показанные практики применимы не только к интернет-магазинам, но и к любым сайтам, где нужна регистрация. Поэтому очень рекомендую к прочтению!
Ссылка на статью
На прошлой неделе написал пост про карточку товара, а недавно наткнулся на статью про другой немаловажный момент - регистрацию в интернет-магазинах.
Если признаться, я не люблю регистрироваться когда покупаю что-то онлайн, и в этом я наверно не одинок. Регистрация – трудоемкий процесс. Поэтому многие магазины предлагают опцию "гостевой покупки". Но если у вас маркетплейс, то без регистрации никак не обойтись. Авторы статьи подробно и с кучей примеров проанализировали авторизацию AliExpress, OZON, Wildberries, СберМегаМаркет и Яндекс; разобрали ошибки и выделили лучшие методы, которые не дадут покупателю "соскочить".
На самом деле, показанные практики применимы не только к интернет-магазинам, но и к любым сайтам, где нужна регистрация. Поэтому очень рекомендую к прочтению!
Ссылка на статью
vc.ru
Как не потерять покупателя в начале пути. Разобрали вход и регистрацию в интернет-магазинах
Чтобы клиенты покупали, интерфейс должен помогать этому на всех этапах. Мы в Antro проанализировали авторизацию AliExpress, OZON, Wildberries, СберМегаМаркет и Яндекс. Маркет: выделили лучшие практики и разобрали ошибки.
👍9🔥3
Зачем нужны дизайн-мудборды
Не раз упоминал этот инструмент в статьях. Решил, что пришло время подробней разобрать, что такое мудборд и как его использовать.
Если переводить дословно с английского, то мудборд — это доска («board») настроения («mood»).
В дизайне мудборд — это подборка изображений, с примерами дизайна, фотографиями, цветовыми палитрами, текстурами и типографикой. Также его принято называть – коллаж настроений. Все элементы размещаются в виде коллажа на одном поле для проработки визуального образа продукта.
Зачем нужен мудборд?
Выделю четыре основных пункта:
1. Определить визуальный язык продукта
Если ваша задача – разработать визуальный стиль, найти оригинальное дизайн-решение для бренда или диджитал продукта, то коллаж настроений значительно упростит вам жизнь. Если вы работаете в команде, это поможет проработать разные идеи и в итоге сформулировать общее представление финального продукта.
2. Сэкономить время
Проработка первых концептов макета может быть довольно трудоемким процессом. В то время как за короткое время собранный мудборд может служить концептной наработкой для обсуждения первых идей с заказчиком.
3. Согласовать визуальный стиль с заказчиком
Клиент не всегда может сформулировать, что он именно хочет. Продемонстрировав визуальные ориентиры на ранней стадии проекта, вы вовлекаете заказчика в рабочий процесс подстраховывая себя от дальнейших недопониманий. После согласования визуального стиля, можно проще приступать к следующему этапу – созданию макета.
4. Облегчить коммуникацию с заказчиком
В ходе обсуждения проекта могут возникнуть ряд идей или отсылок к референсам. Задокументировать все идеи, а также согласовать с заказчиком, что вы все правильно поняли можно с помощью мудборда.
На этом все! В следующей статье по этапам рассмотрим как создавать мудборд и на что стоит обратить особое внимание. Если интересно, дайте знать в реакциях!
Не раз упоминал этот инструмент в статьях. Решил, что пришло время подробней разобрать, что такое мудборд и как его использовать.
Если переводить дословно с английского, то мудборд — это доска («board») настроения («mood»).
В дизайне мудборд — это подборка изображений, с примерами дизайна, фотографиями, цветовыми палитрами, текстурами и типографикой. Также его принято называть – коллаж настроений. Все элементы размещаются в виде коллажа на одном поле для проработки визуального образа продукта.
Зачем нужен мудборд?
Выделю четыре основных пункта:
1. Определить визуальный язык продукта
Если ваша задача – разработать визуальный стиль, найти оригинальное дизайн-решение для бренда или диджитал продукта, то коллаж настроений значительно упростит вам жизнь. Если вы работаете в команде, это поможет проработать разные идеи и в итоге сформулировать общее представление финального продукта.
2. Сэкономить время
Проработка первых концептов макета может быть довольно трудоемким процессом. В то время как за короткое время собранный мудборд может служить концептной наработкой для обсуждения первых идей с заказчиком.
3. Согласовать визуальный стиль с заказчиком
Клиент не всегда может сформулировать, что он именно хочет. Продемонстрировав визуальные ориентиры на ранней стадии проекта, вы вовлекаете заказчика в рабочий процесс подстраховывая себя от дальнейших недопониманий. После согласования визуального стиля, можно проще приступать к следующему этапу – созданию макета.
4. Облегчить коммуникацию с заказчиком
В ходе обсуждения проекта могут возникнуть ряд идей или отсылок к референсам. Задокументировать все идеи, а также согласовать с заказчиком, что вы все правильно поняли можно с помощью мудборда.
На этом все! В следующей статье по этапам рассмотрим как создавать мудборд и на что стоит обратить особое внимание. Если интересно, дайте знать в реакциях!
👍18🔥6
Проверьте себя, насколько вы в состоянии нарисовать ровный круг 🤩 Кидайте ваши шедевры в комменты!
https://vole.wtf/perfect-circle
https://vole.wtf/perfect-circle
😁3🤯2