Latest posts
UX Notes
23 Sept, 13:00
Ночной UX — цифровая вечеринка от СбераНеобычные решения, творчество и ошибки делают нас уникальными в мире ИИ-слопа и сгенерированных картинок. Идём праздновать неидеальность на вечеринке 29 сентября!Подготовили 3 кейса от Купера, Cloud․ru и Сбера. Как команды сделали всё неправильно — и правильно!А после — вечернее шоу с шутками, конкурсами и шикарными гостями из Яндекс Еды, ВТБ и Альфа-Инвестиций.Исследователи, редакторы и дизайнеры — приходите знакомиться и не стесняться своей неидеальности.📆 29 сентября 📍Сбер.Среда➡️ Регистрация открыта
UX Notes
17 Sept, 08:22edited
Анастасия Ефанова написала, как сокращение количества пушей в 2,5 раза повысило конверсию из пушей в 3 раза и снизило отписки на 38,5%.— Ключевая метрика — конверсия в завершённую смену, то есть работник согласился на подработку и отработал смену; — Пуши использовались для онбординга, вывода на смену, информирования об акциях; — Новые пользователи получали 8–10 пушей в день. Важно конвертировать их в первую смену в течение месяца, иначе такой пользователь отваливается; — Начали с изучения сценариев отправки пушей. Выяснили, что информируют о закончившихся акциях или работают в соответствии с устаревшей бизнес-логикой (напоминают о чекине в течение часа после выхода на смену, хотя такого требования уже нет); — По конверсии и адекватности количества пушей все сценарии разделили на худшие (надо отключать), средние (улучшать), лучшие (масштабировать); — Например, пуш о подработках вMindbox: автоматизируем маркетингСервис поиска подработки MyGig стал отправлять в 2,5 раза меньше пушей и утроил конверсию из мобильного приложения в завершение…MyGig отправлял по 8–10 сообщений в день. Это раздражало пользователей — за полгода база сократилась в четыре раза. Снизили коммуникационную нагрузку — отписки сократились на треть, конверсия в завершение смены выросла в три раза.UX Notes
15 Sept, 15:41
Татьяна Бублик поделилась своей системой организации файлов в Фигме.— Все макеты продукта могут находиться в одном файле; — Из-за этого он может тормозить и даже перестать открываться, обновления дизайн-системы будут применяться ко всем макетам, даже архивным, команде сложно находить нужные макеты; — В Фигме есть бранчи, но недоработки этого инструмента и ошибки дизайнеров могут принести больше проблем; — Заведите папки: для файлов дизайн-системы (сюда можно отнести редполитику и любые вспомогательные материалы), для текущих задач (и шаблонов для новой задачи и мастер-файла), для каждой фичи или микросервиса; — Макеты по отдельной задаче создаются в отдельном файле, в названии которого есть номер тикета, чтобы легко его находить; — Появляется такой файл в папке для текущих задач. Дизайнер подключает к нему нужные файлы дизайн-системы; — При передаче макетов в разработку размещает ихUX Notes
13 Sept, 19:54
Стас Мельников написал, как с помощью CSS-свойств улучшить дизайн веб-страниц.— Чтобы, например, на последней строке заголовка не оставалось одного слова, можно использовать свойство text-wrap: balance; — Свойство padding задаёт внутренние отступы. У интерактивных элементов оно позволяет увеличить область нажатия и облегчить пользователям попадание по таким элементам; — Если на новость ведёт ссылка и в заголовке, и в картинке, пользователи скринридеров услышат о ссылке дважды. С помощью псевдоэлемента ::before можно убрать вторую ссылку и при этом сохранить интерактивность картинки; — В разметке попапа код кнопки закрытия часто идёт первым. В этом случае пользователи скринридера, открыв попап, сразу же слышат о кнопке закрытия попапа; — Можно расположить код кнопки в конце разметки попапа, но с помощью свойства position: absolute сохранить её визуальное расположение в верхней частиUX Notes
10 Sept, 17:21
Кейт Каплан написала о контекстном меню.— Контекстное меню включает набор действий, связанных с конкретным элементом или областью интерфейса. Оно помогает уменьшить визуальный шум и скрыть второстепенные действия; — На десктопе оно может отображаться по нажатию правой кнопки мыши, но чаще всего используют иконку с тремя горизонтальными (митбол) или вертикальными (кебаб) кружками; — Пользователи нормально их воспринимают. Но не используйте иконку бургера: она ассоциируется с основной навигацией; — Минусы: по его внешнему виду не догадаться, какие действия доступны внутри. Если иконка мелкая, малоконтрастная и находится далеко от связанного объекта, её могут не заметить; — Поэтому не размещайте в этом меню важные действия; — Три кружка могут принять за индикатор прогресса или карусели (если они расположены рядом с картинкой, как в примере из статьи); — Кнопку меню отображайте всегда, аuprock.webflow.ioПроектируем контекстные меню: 10 рекомендаций — читайте на UPROCK10 практических рекомендаций по проектированию контекстных меню, которые помогают уменьшить визуальный шум, не жертвуя удобством и понятностью интерфейса.. читайте полезные статьи о дизайне в блоге UPROCKUX Notes
8 Sept, 11:04
UX Feedback запускает «Разговоры» — новый формат встреч онлайн.Несколько команд коротко рассказывают свои реальные кейсы, а остальное время обсуждаем их вместе — что сработало, что нет и почему у соседней команды в похожей ситуации получилось иначе. У каждого продукта своя специфика, поэтому всё не сводится к общим советам под конец.В ближайшем выпуске — про то, сколько на самом деле стоит искать респондентов среди своих же пользователей.Нужные люди уже внутри продукта — значит, на рекруте точно можно сэкономить? Не всегда. На деле в процесс включаются скринер, нужный сегмент, приглашения, переписка, назначенные и сорванные слоты. И экономия почти никогда не значит быстро или просто.17 сентября в 16:00 разберём это на реальных примерах вместе с экспертами из Циан, Hoff, S7 и T2:— что именно компании экономят: деньги, дни или часы сотрудников; — как находить пользователей с
UX Notes
6 Sept, 09:52
Илья Бирман написал о сценариях.— Они предшествуют проектированию, позволяют понять, какие задачи и в каких обстоятельствах пользователь будет решать; — Они не описывают действия пользователя в интерфейсе («нажимает на кнопку») и реакцию системы, включая ошибки, лоадеры и подобные детали; — Они описывают действия человека в рамках его предметной области; — Например, врач принимает пациента: выслушивает жалобы, смотрит его карточку и историю болезни, записывает результат приёма, выписывает рецепт или направление к другому врачу; — Сценариев может быть много. Врач может также сдавать отчёт о работе за неделю, проводить инвентаризацию расходников; — Приём нового пациента отличается от приёма того, кто уже обращался ранее. Это могут быть отдельные сценарии в группе «Приём пациента» или вариации внутри основного сценария, описывающего приём в общих чертах; — При составлении сценарияUX Notes
5 Sept, 09:06
Снежана Чепа написала об ошибках в работе с персональными данными на российских сайтах, которые могут привести к штрафам. Суммы можно посмотреть в статье.— Использование Гугл Форм. Данные должны попадать в базы, находящиеся на территории России. Гугл Формы можно заменить на Яндекс Формы; — Нет предупреждения о куках. Куки у вас точно используются, если подключены сервисы веб-аналитики; — Под формами нет согласий на обработку персональных данных (ПД) или они не соответствуют требованиям закона. Политика конфиденциальности ≠ согласие на обработку ПД; — В согласии должна быть цель обработки данных, их полный список, срок, в течение которого действует согласие; — Нет чекбокса «Я соглашаюсь на обработку персональных данных в соответствии с политикой конфиденциальности». Слово «соглашаюсь» можно сделать ссылкой на согласие, «политикой конфиденциальности» — на политику; — Отзывы размещеныUX Notes
4 Sept, 06:25
Русалина Ушакова написала о том, когда удобный интерфейс мешает обучению.— Десятилетия исследований памяти показывают: что даётся легко — запоминается хуже; — Условия, в которых ученик показывает высокую производительность в моменте, часто приводят к слабому долгосрочному запоминанию, и наоборот; — Метрики вовлечённости измеряют производительность. Нужны отдельные метрики запоминания, например, как ученик справляется с заданием через неделю без подсказок, а не сразу после урока; — Запоминанию способствуют усилия при обучении: чем сложнее задание (при условии, что оно остаётся посильным), тем лучше; — Если часть урока потратить на вспоминание материала вместо его перечитывания, долговременное запоминание резко растёт; — Предложите сначала вспомнить ответ, прежде чем появится возможность выбрать из предложенных вариантов; — Также лучше запоминается то, что ученик создал сам: ввод вместоUX Notes
2 Sept, 11:49
😎 Авито ищет UX-редакторов: присоединяйся к оплачиваемой программе Design Bootcamp и развивай продукт для миллионов пользователей.Что тебя ждёт: —12 месяцев работы над реальными задачами; — поддержка наставника и рост от стажёра до мидла; — шанс продолжить карьеру в Авито.Ты будешь: — в паре с дизайнером создавать логичные и дружелюбные интерфейсы; — участвовать в дискавери-синках и обсуждать развитие продукта; — работать над лендингами и рассылками; — придумывать что-нибудь новое, например, название новой фичи.📌 Откликайся на программу здесь!
UX Notes
2 Sept, 05:03
forwarded from @vanillatime
Помните шутку «почини принтер, ты ж программист»? А бывало у вас такое же с дизайном? Типа «нарисуй дракона, ты ж дизайнер» или «подскажи, какие обои лучше поклеить, ты ж дизайнер».И смех смехом, но я помню времечко, когда неважно, какой ты дизайнер — ты и полиграфию делал, и фотки ретушировал, и иллюстрашки валил, и юзер-флоу, и упаковку… Почему помню? Потому что вчера это было. Я делал визитки. Очень, должен сказать, интересно было потрясти стариной.Но это заставило меня задуматься, о скольких вещах нам нужно помнить, чтобы собрать правильный пользовательский опыт. Даже о таких, казалось бы, незначительных, как буквы в адресной строке.Типа: https://www.example.com:8080/store/catalog/item.php?category=shoes&size=42#reviewsА с ними всё совсем не просто. Если почитаете оригинал вот этой статьи, то вам станет понятно, что URL состоит из многих частей, которые нужно упаковыватьJavaScript ToolsURL Design: Routes, Queries, and Fragments | JavaScript Tools BlogLearn how to design readable, stable URLs and choose correctly between route paths, query parameters, and fragments in modern web applications.UX Notes
1 Sept, 19:57
Лена Плинер написала о проектировании экранной клавиатуры для использования на сенсорных экранах на производстве.— Решение должно учитывать размер экрана, условия работы оператора и использоваться для разных типов полей; — По промышленным стандартам минимальный размер кнопок при работе в перчатках: 15,5 × 15,5 мм. Расстояние между ними: 5,5 мм; — Раскладку ЙЦУКЕН сложнее подстроить под свободное место. Но даже на сенсорных экранах (согласно исследованиям) алфавитная раскладка повышает когнитивную нагрузку и замедляет процесс; — При поиске по справочнику введённые символы сокращают список доступных вариантов. Буквы, с которыми можно продолжить запрос, становятся заметнее, при этом остальные не блокируются; — Так как клавиатура может перекрывать контент, сообщение о том, что совпадений не найдено, является частью клавиатуры и отображается рядом с полем ввода; — Также для этогоUX Notes
31 Aug, 15:16
Чеклист: 50 ошибок в портфолио дизайнеровОсновано на разборе 1000+ портфолио.Формфактор собрали ошибки, которые: — портят первое впечатление от портфолио — вызывают отторжение у лида — убивают шансы на офферАктуально для рынка 2026.Чеклист в закрепе @formfactorUX Notes
30 Aug, 09:43
Никита Подгорный написал об особенностях интерфейса и опыте взаимодействия со складными телефонами.— Можно выделить 3 типа раскладушек: Flip — вытянутые телефоны, которые складываются по вертикали. Встречаются нечасто, самые популярные модели у Самсунга; — Fold — околоквадратные в раскрытом состоянии, складываются по горизонтали. В сложенном виде похожи на привычный смартфон. Самый популярный тип; — Trifold — планшеты, состоящие из 3 складывающихся частей, похожих на привычные смартфоны. Таких только 2 модели: Samsung Galaxy Z Trifold, Huawei Mate XT; — Фолд-смартфоны бывают книжными (описаны выше) и широкими — широкий прямоугольник в сложенном виде и почти планшет 4:3 в разложенном. Таких тоже мало: Huawei Pura X да Galaxy Z Fold 8; — В разложенном виде левую часть экрана обычно занимает навигационное меню (иконки или иконки с подписями), которое в смартфонах обычно прячется заUX Notes
29 Aug, 08:23
Кейт Каплан написала о подсказках.— Это небольшие полезные сообщения, отображающиеся при нажатии или наведении курсора на знак вопроса (?) или информации (i); — Их привязывают к конкретным элементам интерфейса. В этом случае неважно, знак вопроса или айка — пользователи воспринимают их корректно; — Они помогают сделать интерфейс чище, скрывая необязательную дополнительную информацию: объяснение терминов, причин запроса определённых данных в форме и так далее; — Располагая в них информацию, предполагайте, что большинство пользователей её не увидят. Подсказки имеют значение для тех, кто столкнулся с вопросом, нуждается в разъяснении или успокоении; — Если информация из подсказки полезна для прохождения сценария, размещайте её сразу в интерфейсе. Например, ограничения и правила заполнения полей, юридические соглашения и отказ от ответственности, инструкции и объяснения; — Каждое взаимодейuprock.webflow.ioПочему так много подсказок неэффективны (и как их улучшить) — читайте на UPROCK. читайте полезные статьи о дизайне в блоге UPROCKUX Notes
28 Aug, 09:01edited
Александр Ушаков написал о чатоцентричном интерфейсе.— В таком интерфейсе чат — основной способ взаимодействия, а привычные графические элементы дополняют диалог в контексте текущей задачи; — Обычный графический интерфейс заставляет пользователя адаптировать свои намерения под архитектуру приложения; — Чтобы в CRM записать BMW Ивана на субботу для полировки и химчистки с учётом того, что забрать машину он хочет к вечеру, оператору надо самостоятельно пройти через несколько экранов; — В чатоцентричном интерфейсе текстовый запрос приводит к созданию заявки для конкретного автомобиля с двумя услугами и таким слотом в календаре, который будет учитывать длительность работ и пожелания по времени готовности; — В итоге оператор видит заполненную форму новой заявки и подтверждает её добавление; — Это не отдельный чат с ИИ-ассистентом, который суммаризирует информацию, пересказывает справку илиUX Notes
25 Aug, 11:03
Должен ли исследователь быть мультифункциональным? Или узкая экспертиза остается главной ценностью?Развитие AI меняет не столько методы, сколько границы профессии и объем ожиданий. Мы все чаще оказываемся в новых зонах компетенций: от ответственности за метрики до вайбкодинга.Приходите на митап «UX-рисерч и точка?» — своим опытом поделятся эксперты Lamoda Tech, RWB, Atom и других компаний.В программе:▪️ Как не дать результатам исследований умереть: чат-бот вместо забытых ссылок на вики Егор Стрельцов, UX researcher, Lamoda Tech ▪️ Python и JavaScript для автоматизации работы исследователя Анна Мингариева, Lead UX researcher, RWB ▪️ Навык, который превращает исследования в решения Михаил Хананашвили, HMX Research Lead, Atom▪️Круглый стол с приглашенными экспертами🗓 27 августа, 19:00 📍 Москва, офис Lamoda (Крылатская, 15)
UX Notes
25 Aug, 08:15
Русалина Ушакова написала о приёмах, используемых в онбординге Дуолинго.— Хорошо: профиль создаётся в самом конце, после выбора языка, вопросов о цели и уровне и завершения первого урока; — Это Gradual engagement, когда пользователь доходит до ощутимой ценности и только потом «платит» (в этом случае своими данными); — После урока появляется счётчик серии «1 день в ударе». Это Loss aversion, когда появляется что-то, что пользователю жалко потерять; — Экраны «За первую неделю выучите 50 новых слов» и «Вот чего можно достичь за 3 месяца» настраивают на результат и создают ощущение, что продукт настроен под пользователя; — Можно отнести к тёмным паттернам: повторные запросы разрешений на отправку уведомлений и добавление виджета; — Это Nagging — повторный запрос после отказа, который не только раздражает, но и обесценивает первое решение пользователя; — В интерфейсе отображается будущееUX Notes
24 Aug, 11:04
forwarded from @devcrowd_official
🚀 Запускаем исследование продуктовых дизайнеров, 2026Вновь копаем в самое интересное: 🤖 как AI на самом деле меняет работу: где экономит время, а где все приходится переделывать 🔄 куда смещается роль: забирают ли продакты и разработчики то, что было задачей дизайнеров 📉 что с рынком труда и тревогой за будущее📊 Часть вопросов задаем не первый год, так что увидим честную динамику: зарплаты, инструменты, настроение профессии.⏱️ Опрос займет 10–15 минут. В конце октября поделимся публичным отчетом со всеми срезами и полезными ссылками.👉 Пройти: https://survey.devcrowd.ru/pd-2026Чем больше ответов, тем точнее картина. Перешлите своим дизайнерам, соберем срез всей профессии 🙏
UX Notes
23 Aug, 07:33
Новые материалы в @uxwork (кроме вакансий):— На что дизайн-лиды и хеды смотрят в портфолио при найме (на основании опроса 36 человек чуть больше года назад); — Как оформлять резюме и портфолио и готовиться к откликам и интервью; — Как проверить работодателя при устройстве на работу.TelegramUX WorkБожена Иванова опросила 36 дизайн-лидов и хедов и выяснила, на что они смотрят в портфолио при найме (опрос проводился чуть больше года назад). — Больше половины считают приемлемым форматом сайт → Ноушен → Фигму; — Приемлемость формата зависит от времени…
Related Channels
Other channels in the same section of the catalogue.
