Forwarded from Сергей Баулин | Rhino Digital
Paint selection 🎨
https://dribbble.com/shots/12529270-Interactive-Paint-Selection
#inspiration #ux #ui
https://dribbble.com/shots/12529270-Interactive-Paint-Selection
#inspiration #ux #ui
Forwarded from Наука Дизайна
«Если мы не будем говорить 13 раз подряд, что наш продукт изначально бесплатный, вы все уволены!» — какой-то чувак из Netflix после просмотра результатов A/B тестирования.
Короче говоря, советуем прочитать перевод статьи о том, как Netflix заставляет вас зарегистрироваться. Ну или его оригинал.
#ux_nd #notes_nd
Короче говоря, советуем прочитать перевод статьи о том, как Netflix заставляет вас зарегистрироваться. Ну или его оригинал.
#ux_nd #notes_nd
Telegraph
Как Netflix заставляет вас подписаться – анализ UX
Уменьшить чувство страха и повторить сообщение Пока вы проходите регистрацию Netflix, вы заметите четыре типа сообщений, которые вам пытаются донести: Нет обязательств, вы можете отменить подписку в любое время; Первый месяц бесплатный; За три дня до оплаты…
Forwarded from Про удобство (Михаил Греков) (MGrekov)
В обратной связи к каналу дали дельный совет: поднимай иногда старые посты. Аудитория выросла, сменилась — прежние посты будут актуальны.
Поднял пост про хорошие правила формы регистрации. Смотрите, какой стишок-пирожок с Арни я насочинял полтора года назад.
А комментарии помогут развить пост :)
UX-основы формы регистрации
👉 По каждому полю на форме регистрации задайте себе вопрос: нужна ли мне эта информация именно при регистрации. Все поля должны быть обязательными — не обязательные запрашивайте потом их всё равно не заполнят.
👉 Дайте возможность зарегистрироваться с помощью соцсетей и почтовых сервисов. Через соцсети можно сделать регистрацию с одновременным входом, а можно забрать данные из профиля пользователя и использовать их как регистрационные, сохранив связку с аккаунтом в соцсети.
Помните, что человек может не иметь аккаунта в соцсетях, но почта в Яндексе, mail или gmail у него скорее всего есть — все эти почтовики позволяют входить через них.
👉 Не дробите процесс регистрации на подпроцессы. Например, если возможно — не требуйте сразу подтверждать телефон. Подтверждение телефона можно вынести как отдельную незавершённую задачу в личный кабинет или запросить перед первым значимым действием в личном кабинете.
👉 Не просите вводить два раза пароль. Сделайте "глаз" в поле с паролем, чтобы пользователь мог видеть, что вводит. Можно и вовсе сразу открыть — никто за спиной не стоит.
👉 Требования к паролю выведите сразу и чекайте по мере их выполнения.
👉 Для рунета: предупредите пользователя, что он указывает пароль кирилицей — наверняка, случайно.
👉 Не используйте капчу. Альтернатива — невидимое поле на форме регистрации: человек его не заполняет, а роботы заполняют.
UPD 2021: Или reCAPCHA актуальная, которая не просит символы, а проверяет трафик (на форму не выводится).
👉 Если регистрация имеет процесс — опишите его сразу. Например, есть модерация или несколько шагов. Сюрпризы с допшагами — это чёрный UX.
👉 Осторожнее с регистрацией в модальном окне, исчезающем при клике за его пределами. Бесит, когда случайно нажмёшь за ним — особенно, если при этом данные исчезают.
👉 Форма регистрации должна открываться по отдельной ссылке. Так лучше для продвижения и поддержки: например, можно ссылку отправить на страницу регистрации.
👉 Автоматически логиньте пользователя после завершения регистрации.
#UX из давно опубликованного
Поднял пост про хорошие правила формы регистрации. Смотрите, какой стишок-пирожок с Арни я насочинял полтора года назад.
А комментарии помогут развить пост :)
UX-основы формы регистрации
👉 По каждому полю на форме регистрации задайте себе вопрос: нужна ли мне эта информация именно при регистрации. Все поля должны быть обязательными — не обязательные запрашивайте потом их всё равно не заполнят.
👉 Дайте возможность зарегистрироваться с помощью соцсетей и почтовых сервисов. Через соцсети можно сделать регистрацию с одновременным входом, а можно забрать данные из профиля пользователя и использовать их как регистрационные, сохранив связку с аккаунтом в соцсети.
Помните, что человек может не иметь аккаунта в соцсетях, но почта в Яндексе, mail или gmail у него скорее всего есть — все эти почтовики позволяют входить через них.
👉 Не дробите процесс регистрации на подпроцессы. Например, если возможно — не требуйте сразу подтверждать телефон. Подтверждение телефона можно вынести как отдельную незавершённую задачу в личный кабинет или запросить перед первым значимым действием в личном кабинете.
👉 Не просите вводить два раза пароль. Сделайте "глаз" в поле с паролем, чтобы пользователь мог видеть, что вводит. Можно и вовсе сразу открыть — никто за спиной не стоит.
👉 Требования к паролю выведите сразу и чекайте по мере их выполнения.
👉 Для рунета: предупредите пользователя, что он указывает пароль кирилицей — наверняка, случайно.
👉 Не используйте капчу. Альтернатива — невидимое поле на форме регистрации: человек его не заполняет, а роботы заполняют.
UPD 2021: Или reCAPCHA актуальная, которая не просит символы, а проверяет трафик (на форму не выводится).
👉 Если регистрация имеет процесс — опишите его сразу. Например, есть модерация или несколько шагов. Сюрпризы с допшагами — это чёрный UX.
👉 Осторожнее с регистрацией в модальном окне, исчезающем при клике за его пределами. Бесит, когда случайно нажмёшь за ним — особенно, если при этом данные исчезают.
👉 Форма регистрации должна открываться по отдельной ссылке. Так лучше для продвижения и поддержки: например, можно ссылку отправить на страницу регистрации.
👉 Автоматически логиньте пользователя после завершения регистрации.
#UX из давно опубликованного
Пока в Калифорнии компании обязывают убрать из флоу темные паттерны, можно почитать о том, как они работают в принципе во всем известных приложениях
а бонусом можно почитать про лучшие практики UX в e-com
#ux #research
а бонусом можно почитать про лучшие практики UX в e-com
#ux #research
Хабр
Тёмные паттерны в знакомых приложениях
Не путать с тёмным режимом!Шумиха вокруг «Социальной дилеммы» заставила многих осознать силу технологий и их влияние на всех нас. Для UX-дизайнеров использование нечестных уловок на цифровых...
Подборочка интересных статей от Ветрова #research #ux
Usethics: юзабилити-тестирование через клик-тесты скриншотов интерфейса.
метод когнитивных интервью, который в каких-то ситуациях заменяет юзабилити-тестирование.
предостерегают от использования в опросах слов вроде «всегда» (преувеличение), «могли бы» (сложно определить грани) или «вы» (непонятно, речь о респонденте или, например, его семье).
простые и чёткие формулировки вопросов при проведении опросов.
причины, по которым респонденты могут неправильно понять формулировки опросов.
почему респонденты забывают причины, детали и последовательность событий, о которых рассказывают
Usethics: юзабилити-тестирование через клик-тесты скриншотов интерфейса.
метод когнитивных интервью, который в каких-то ситуациях заменяет юзабилити-тестирование.
предостерегают от использования в опросах слов вроде «всегда» (преувеличение), «могли бы» (сложно определить грани) или «вы» (непонятно, речь о респонденте или, например, его семье).
простые и чёткие формулировки вопросов при проведении опросов.
причины, по которым респонденты могут неправильно понять формулировки опросов.
почему респонденты забывают причины, детали и последовательность событий, о которых рассказывают
Medium
Быстрый клик-тест скриншотов вместо юзабилити-тестирования прототипа
Как проверить идею интерфейса или новый дизайн без затрат на создание реалистичного прототипа
ля-я-я, вы щас умрете, смотрите, что есть: https://designtools.club/ — сборник инструментов дизайна и не только в одном месте. но пользоваться, конечно, этим не будем) #ux #tools
отличнейшая подборочка от нашей @yujinajina Жени разбавит этот денёк #trendwatching
1. Концептуальный вариативный шрифт Climate Crisis, который постепенно «тает» и является творческим высказыванием на тему таяния ледников и изменения климата.
https://kampanjat.hs.fi/climatefont/
2. Porter & Sail — компания, предлагающая обеспеченным миллениалам персонализированные туры по городам мира. В дизайн-бюро «Щука» сделали для них лёгкую и элегантную систему идентификации. Логотип построен на контрасте лёгких рукописных амперсандов и очень гуманистического гротеска.
https://shuka.design/porter-and-sail
3. Журнал SKVOT предлагает вопросы, которые провоцируют переключение в латеральный режим мышления и помогают искать новые творческие идеи.
https://skvot.io/ru/blog/10-voprosov-chtoby-pridumat-novoe
4. Ну и мое любимое 😉
Почему дизайн выглядит хорошо? Небольшое исследование Nielsen Norman Group | UXPUB
https://ux.pub/pochemu-dizayn-vyglyadit-horosho-nebolshoe-issledovanie-nielsen-norman-group/
#font #creative #ux #thinking #design
@asyati лови шанс 🤩
1. Концептуальный вариативный шрифт Climate Crisis, который постепенно «тает» и является творческим высказыванием на тему таяния ледников и изменения климата.
https://kampanjat.hs.fi/climatefont/
2. Porter & Sail — компания, предлагающая обеспеченным миллениалам персонализированные туры по городам мира. В дизайн-бюро «Щука» сделали для них лёгкую и элегантную систему идентификации. Логотип построен на контрасте лёгких рукописных амперсандов и очень гуманистического гротеска.
https://shuka.design/porter-and-sail
3. Журнал SKVOT предлагает вопросы, которые провоцируют переключение в латеральный режим мышления и помогают искать новые творческие идеи.
https://skvot.io/ru/blog/10-voprosov-chtoby-pridumat-novoe
4. Ну и мое любимое 😉
Почему дизайн выглядит хорошо? Небольшое исследование Nielsen Norman Group | UXPUB
https://ux.pub/pochemu-dizayn-vyglyadit-horosho-nebolshoe-issledovanie-nielsen-norman-group/
#font #creative #ux #thinking #design
@asyati лови шанс 🤩
kampanjat.hs.fi
Climate crisis font | Helsingin Sanomat
Free font for visualizing the urgency of the climate crisis
Пока я нахожусь на одной из активных стадий прокрастинации по ведению канала после отпуска, можно почитать небольшую памятку по тестированию на подопытных коллегах своих UX-решений.
#UX #research
#UX #research
vc.ru
Тестируем дизайн за 7 шагов и $0 — Дизайн на vc.ru
Хороший дизайн — это не про красивые картинки, а про решение потребностей бизнеса. И единственный способ понять, насколько вам удалось достичь цели — запустить дизайн в работу, то есть протестировать. Полноценное юзабилити-тестирование, фокус-группы или дизайн…
Прото-пушка для веб-дизайнеров / -проджектов / -продюсеров любых калибров
Мы решили поделиться нашей системой прототипирования на базе Фигма, чтобы ускорить процесс разработки сайта на этой стадии.
Прототипирование — средство для тестирования идей. Этот процесс применяется для оценки стадий и особенностей продукта перед тем, как приступить к его реальному созданию, и может использоваться на любой стадии дизайна.
Прототипирование крайне важно в процессе разработки любого сайта по следующим причинам:
🙈Тестирование гипотез:
Позволяет проверять основные идеи до больших инвестиций в производство, предотвращая дорогостоящие ошибки.
🙊Сбор обратной связи:
Презентует будущий продукт аудитории для получения отзывов, необходимых для улучшения продукта.
🙏Улучшение коммуникации:
Создает визуальное представление продукта, улучшая понимание между всеми участниками процесса (команда, инвесторы, клиенты).
👀Раннее выявление проблем:
Обнаруживает и решает проблемы в дизайне и функциональности на начальных этапах, избегая будущих компликаций в разработке.
🤑Экономия ресурсов:
Минимизирует временные и финансовые затраты, предупреждая поздние изменения, благодаря выявлению и исправлению проблем на ранних стадиях.
В общем, прототипирование — это стратегический подход, снижающий риски в разработке и повышающий потенциал успеха продукта на рынке.
🍀🍀🍀
♾ Сама система прототипирования доступна по ссылке ♾
а также система прото-прототипирования смыслов
🍀🍀🍀
Над материалом работали: арт-директор Сергей Борцов и веб-дизайнер Вадим Мовчан
По всем вопросам и предложениям по нашей системе — обращайтесь🤞
#reboootme #ux #webdesign #prototype #web #dev
Мы решили поделиться нашей системой прототипирования на базе Фигма, чтобы ускорить процесс разработки сайта на этой стадии.
Прототипирование — средство для тестирования идей. Этот процесс применяется для оценки стадий и особенностей продукта перед тем, как приступить к его реальному созданию, и может использоваться на любой стадии дизайна.
Прототипирование крайне важно в процессе разработки любого сайта по следующим причинам:
🙈Тестирование гипотез:
Позволяет проверять основные идеи до больших инвестиций в производство, предотвращая дорогостоящие ошибки.
🙊Сбор обратной связи:
Презентует будущий продукт аудитории для получения отзывов, необходимых для улучшения продукта.
🙏Улучшение коммуникации:
Создает визуальное представление продукта, улучшая понимание между всеми участниками процесса (команда, инвесторы, клиенты).
👀Раннее выявление проблем:
Обнаруживает и решает проблемы в дизайне и функциональности на начальных этапах, избегая будущих компликаций в разработке.
🤑Экономия ресурсов:
Минимизирует временные и финансовые затраты, предупреждая поздние изменения, благодаря выявлению и исправлению проблем на ранних стадиях.
В общем, прототипирование — это стратегический подход, снижающий риски в разработке и повышающий потенциал успеха продукта на рынке.
🍀🍀🍀
♾ Сама система прототипирования доступна по ссылке ♾
а также система прото-прототипирования смыслов
🍀🍀🍀
Над материалом работали: арт-директор Сергей Борцов и веб-дизайнер Вадим Мовчан
По всем вопросам и предложениям по нашей системе — обращайтесь
#reboootme #ux #webdesign #prototype #web #dev
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM