Дизайнер, привет
22.7K subscribers
1.65K photos
111 videos
5 files
1.54K links
Реклама и связь: @generalsupport
Канал с вакансиями: @jun_hi_vacancies
Канал с рефами: @refs_hi

———

Пишу о дизайне и жизни ❤️

product designer
ex: магнит, x5 retail, точка, whoosh, unabank
Download Telegram
Dodo и дизайн-система. Часть 4 и 5

Никита, дизайнер из команды, которая строит дизайн-системы, продолжает тему доступности и показывает, как автоматически подстраивать макеты под увеличение шрифтов. Эта фича позволяет пользователям растягивать текст на 150-300% для комфорта, и она работает как на iPhone, так и на Android. Он выбрал максимум в 300% для тестов, чтобы интерфейс не ломался даже при сильном увеличении.

Доступность учитывает разные ситуации: когда одна рука занята кофе, после травмы или при постоянных проблемах со зрением. Вместо жёстких размеров Никита советует использовать гибкие макеты, которые сами адаптируются, и добавлять минимальные ограничения для элементов.

Внутри:
– Почему доступность решает проблемы от временных травм до постоянных ограничений зрения;
– Что такое масштабирование шрифтов и как оно меняет не только текст, но и иконки или прокрутку;
– Как создать специальный режим в Figma для теста на 300% увеличения;
– Шаги: умножить базовые размеры на три и применить к типографике;
– Почему не стоит растягивать все элементы, а лучше полагаться на гибкие блоки;
– Как добавить варианты компонентов для разных сценариев без лишней работы.

И в догонку прикрепил сразу 5 часть: она про документацию ДС. Очень жирно! Никите лайкос за такую пользу.

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
28🔥13👍1🤯1
🔍 Как по-настоящему понять пользователя: от Double Diamond до нейросетей

Алексей, принципал-дизайнер с 15-летним опытом, рассказал о первом ромбе системы Double Diamond и том, как исследовать пользователей при ограниченном бюджете. Главная мысль: пока гипотезы не подтверждены статистикой и реальными пользователями, они остаются просто предположениями.

В классическом подходе первый ромб включает интервью со стейкхолдерами, работу с аналитикой, интервью с пользователями, опросы и анализ конкурентов. При интервью важно слушать 80% времени и задавать вопросы только 20%, использовать правило «5 почему» и не искать готовых решений. На примере email-приложения Noetro команда через анализ форумов нейросетями выяснила, что пользователи хотят использовать входящие письма как ту-ду задачи. Решением стала папка «Дайджест», где письма остаются непрочитанными до ручной отметки «Готово».

Внутри:
– Почему важно визуализировать карту проблем в Miro или FigJam;
– Какие метрики запрашивать у аналитиков для валидации гипотез;
– Зачем платить респондентам $60-100 за интервью;
– Как формулировать Problem Statement через паттерн потребности;
– Почему нейросети лучше искать боли на форумах, чем спрашивать напрямую;
– Какие 30 из 80 болей email-пользователей закрыли в MVP.

➡️ Читать статью

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
Please open Telegram to view this post
VIEW IN TELEGRAM
11🔥3👍2
📺 Дизайн для телевизоров: практические принципы 10-футового интерфейса

Милан Балач во второй части статьи о TV-дизайне разбирает практические аспекты проектирования интерфейсов для телевизоров. Главный принцип: все платформы (Roku, WebOS, Android TV, Fire TV, tvOS) используют одинаковую схему управления через D-pad, OK и Back, что позволяет создавать универсальные решения.

Ключевые ограничения включают необходимость отступов в 5% от краёв экрана (или 60 точек сверху/снизу и 80 по бокам), базовый размер текста от 24px вместо привычных 16-18px для веба, и обязательное визуальное выделение фокуса через масштабирование, инверсию цветов или рамки. Интересный приём: использование 13 колонок вместо 12 позволяет последнему элементу «полки» лучше выглядывать из-за края. Ввод текста через D-pad требует около 38 нажатий для фразы «hey there» против 9 на мобильном устройстве.

Внутри:
– Почему нечётное количество колонок решает проблему overscan;
– Как использовать длительное нажатие для удвоения функций кнопок;
– Зачем Prime Video переназначает кнопку Up для функции X-Ray;
– Почему вертикальное движение меняет группы, а горизонтальное элементы внутри;
– Как PNG с прозрачностью оживляет жёсткие интерфейсы;
– Какие три пропорции постеров (2:3, 16:9, 1:1) используются для разного контента.

➡️ Читать статью

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
Please open Telegram to view this post
VIEW IN TELEGRAM
12👍3🔥2
🔧 Как поддерживать компоненты дизайн-системы после запуска

Рама Крушна Бехера из команды Razorpay рассказал, что происходит с компонентом после того, как его выпустили. Оказывается, запуск это только начало. Дальше команда получает запросы от дизайнеров и разработчиков, оценивает их и решает, что чинить, что улучшать, а что оставить как есть.

В команде выстроили чёткий процесс. Все запросы приходят в один Slack-канал, каждую неделю проводят созвоны для разбора задач, а для типовых вопросов создали бота, который отвечает вместо команды.

Внутри:
– Два типа запросов и как их различать;
– Как понять, баг это или неправильное использование;
– Система приоритетов P0, P1 и P2;
– Три пути решения проблемы;
– Практики команды для быстрой обработки запросов.

➡️ Читать статью (V*N)

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
Please open Telegram to view this post
VIEW IN TELEGRAM
7🔥3👍2
📊 От данных к решениям: UX-стратегии для дашбордов реального времени

Каран Равал рассказывает о проектировании дашбордов, которые помогают принимать решения под давлением. Главная проблема: многие панели показывают данные в реальном времени, но не помогают понять, что требует немедленного внимания.

Ключевые подходы включают дельта-индикаторы и спарклайны для отображения изменений, микроанимации длительностью 200-400 миллисекунд для привлечения внимания без отвлечения, и мини-историю последних изменений для снижения нагрузки на память. На примере компании по прокату автомобилей операторы смогли сократить время проверки состояния машин с нескольких часов до 5 минут благодаря объединению всех метрик в одном интерфейсе.

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

Внутри:
– Почему человек может обработать только 5 элементов одновременно;
– Как скелетные UI заменяют спиннеры и снижают тревожность;
– Зачем показывать «Данные на 10:42» при сбоях подключения;
– Почему спарклайны эффективнее полноценных графиков;
– Как цветовое кодирование (красный для критичного, зелёный для стабильного) ускоряет интерпретацию;
– Какие ARIA-регионы помогают озвучивать изменения для скринридеров.

➡️ Читать статью

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
Please open Telegram to view this post
VIEW IN TELEGRAM
18🔥6👍3
Middle+ коммуникационный дизайнер в Точка Банк

📍 От 190 000 ₽. Удалёнка или работа в офисе в 20 городах по стране

Точка Банк — финтех-компания, которая создаёт онлайн-банк и экосистему сервисов для бизнеса.

Ищут коммуникационного дизайнера в команду HR-бренда. Занимаемся развитием бренда работодателя как за пределами команды, так и внутри.

🖥 Что делать:
— Создавать комплексный дизайн для внешних коммуникаций: разрабатывать и адаптировать key visual под цифровые носители.
— Делать понятные и аккуратные лендинги на Tilda.
— Готовить офлайн-материалы к печати — всё, что поможет узнавать бренд Точка Банка в офлайн-среде.
— Придумывать и внедрять новые дизайн-решения, которые делают бренд живым, цельным и современным.
— Развивать гайды и шаблоны, чтобы команда могла быстрее и проще работать в едином стиле.

⚡️ Ты подойдёшь, если:
— Есть опыт работы на этой позиции от 2 лет и релевантные проекты в портфолио.
— Понимаешь, как создавать концепции для коммуникаций и лендингов, можешь аргументировать свои решения.
— Свободно владеешь Tilda: можешь сверстать нестандартную страницу и написать код, чтобы поправить стили.
— Уверенно работаешь в Figma и Adobe.
— Понимаешь принципы работы с полиграфией: знаешь основы препресса, материалы, печатные технологии и их особенности.

➡️ Откликнуться
Please open Telegram to view this post
VIEW IN TELEGRAM
13😢3👍2🔥2😁1
💎 Методика Сигаевой: как создать продукт через связку CX→UX→UI

Даша Сигаева, исследователь с магистерской степенью МГУ, делится авторской методикой проектирования цифровых продуктов. Главная идея: согласно исследованию Baymard, более 50% из 325 ведущих e-commerce сайтов неудобны для пользователей, и ни один не достиг «идеального» показателя.

Методика строится на последовательном движении от клиентского опыта (CX) через пользовательский опыт (UX) к интерфейсу (UI). CX охватывает всё взаимодействие с брендом до, во время и после использования продукта. UX определяет структуру сценариев внутри интерфейса. UI визуально усиливает эти сценарии через управление вниманием. На этапе CustDev достаточно 7 подробных интервью для выявления основных паттернов поведения. При создании Customer Journey Map фиксируются джобы по JTBD, драйверы и барьеры на каждом этапе пути пользователя.

Внутри:
– Почему кнопка «Купить» в баннере лендинга не работает без контекста;
– Как метод «снежного кома» помогает найти реальных пользователей;
– Зачем фиксировать драйверы и барьеры на каждом этапе CJM;
– Почему wireframe делают монохромным для фокуса на структуре;
– Какие UX-метрики замеряют: время выполнения, успешность, количество ошибок;
– Как эффект баннерной слепоты влияет на расстановку акцентов.

➡️ Читать статью

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
Please open Telegram to view this post
VIEW IN TELEGRAM
14👍3🔥2
🛒 Почему покупатели возвращают товары и как дизайн помогает это исправить

Команда Markswebb проанализировала 25 мобильных приложений крупнейших интернет-магазинов и выделила 14 решений, которые снижают возвраты. 4 из 5 причин возвратов связаны с этапом выбора товара. В России в категории одежды на маркетплейсах возвращают до 45% заказов.

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

Внутри:
– Замеры одежды прямо в карточке вместо таблиц размеров;
– Виртуальные примерки на 3D-аватаре или похожей фигуре;
– AR-функции для проверки мебели и техники в интерьере;
– Умные резюме и поиск по отзывам;
– Сравнение цен от разных продавцов в один клик.

➡️ Читать статью

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
Please open Telegram to view this post
VIEW IN TELEGRAM
14🔥3👍1
This media is not supported in your browser
VIEW IN TELEGRAM
VK Team

Наткнулся на сайт команды VK и залип. Решил поделиться. Во-первых, кайфовый дизайн, во-вторых знаю много людей оттуда (даже лидов), кто работает в норм продуктах и кайфует.

🔥 Почему там круто
Продуктами пользуются 100+ миллионов человек. Это data-driven платформы, рекламные технологии, LLM и AI, рекомендательные системы, видео, облака, инфобез. В общем, почти всё, что есть в IT. И твою работу реально видят миллионы людей каждый день.

📊 Цифры
14 направлений, 50+ сервисов, 220+ проектов. Команда 13 000+ человек. Есть где развернуться и попробовать разное.

💎 Города
Офисы в 7 городах: Москва, Питер, Казань, Екатеринбург, Новосибирск, Нижний Новгород и Минск. Можно работать не в столице, что для многих важно. У меня вот Екб в списке, что радует)

👀 Кого ищут
Разработка, аналитика, продукт, маркетинг, безопасность. Дизайн тоже есть, для тех кто читает этот канал. Дизайнерских вакансий, кстати, не мало для разных продуктов и грейдов.

➡️ Посмотреть VK Team
➡️ Посмотреть VK Team
➡️ Посмотреть VK Team
Please open Telegram to view this post
VIEW IN TELEGRAM
1🤔26🔥85😁4😢4👍1
🔔 Inspiration #162

Подборка лендингов и сайтов для вдохновения на предстоящую неделю 🔥

pithafrica.com
dbco.online
heyo.is
mixpanel.com
wand.app

———

azionepr.com
leoleo.studio/en-gb
blueyard.com
entreautre.com/en
recent.design

———

dribbble.com
afnizarnur.com
kons.fyi
allo.restaurant
tryprofound.com/zeroclick

———

7shifts.com
icggallery.irisceramicagroup.com/en
caffe.design
bekventures.com
parallel.ai

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
Please open Telegram to view this post
VIEW IN TELEGRAM
1🔥64👍2
Как я пилю свой продукт. Часть 22

Я продолжаю пилить Hirehi и последнюю неделю после релиза конструктора резюме я каждый день пишу 10-15 пользователям и общаюсь с ними. Это помогло найти десяток недочетов и мелких ошибок, которые я уже исправил. Теперь конструктор сиви работает почти идеально.

Также я немного улучшил генерацию сопроводительных писем, теперь они должны получаться более человечными.

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

🔥 И я достиг важных для себя отметок: 10.000 пользователей на платформе и 100к+ выручки с платной версии

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

Также я пробил 1 млн просмотров моего сайта, 45к MAU в ноябре, и 3k DAU иногда) Это вообще очень круто и я в шоке, что такие цифры я вижу. Я на них не рассчитывал) Но спасибо всем ещё раз!

Если вы вдруг тут первый раз и не знаете о чем я пишу, то можете почитать 22 части развития моего продукта, где я открыто пишу о том, как улучшается и продвигается Hirehi.

Ценю каждого пользователя и всегда открыт к любому фидбеку в личке! Обнял! ❤️

И по традиции, приходите на сайт, пользуйтесь, пишите фидбек и рекомендуйте друзьям и знакомым! Скоро я буду пилить кабинет рекрутера и потихоньку привлекать их на сервис и развивать эту часть тоже, чтобы откликаться можно было прямо внутри!

➡️ Смотреть вакансии
➡️ Смотреть вакансии
➡️ Смотреть вакансии

ч.21 | ч.23
Please open Telegram to view this post
VIEW IN TELEGRAM
346🔥25
🏗️ Как студент-энергетик стал UI/UX-дизайнером в металлургической компании НЛМК

Автор, изучавший электроэнергетику в СПбПУ и получивший удостоверение электромонтёра 4-го разряда, рассказывает о стажировке в «Академии стальных возможностей» НЛМК. Из множества заявок до финальных собеседований дошло только 10-15 человек, а ключевую роль в отборе сыграло портфолио.

Стажировка включала три этапа: онлайн-обучение с погружением в процессы компании, вводную практику с 4-дневной командировкой на производство в Липецке, и самостоятельную работу над реальными задачами. Среди проектов: разработка AI-сервиса для генерации интерфейсов, подготовка дизайн-системы для публикации в комьюнити и оптимизация интерфейса единой цифровой платформы. Главное открытие: в промышленности дизайн — это не про красоту, а про функциональность в условиях высоких рисков и критически важных операций.

Внутри:
– Почему производственная площадка в Липецке — это город в городе;
– Как MES-система помогла понять специфику промышленного дизайна;
– Зачем НЛМК развернул собственный AI-чат для сотрудников;
– Какие проблемы UX решались: незаметные кнопки в сайдбаре, непонятная навигация;
– Почему «красивый» интерфейс не работает в тяжёлой металлургии;
– Как стажёр освоил Jobs To Be Done и продуктовый подход.

➡️ Читать статью

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
Please open Telegram to view this post
VIEW IN TELEGRAM
18🔥3👍1
🍎 Куда пропало легендарное внимание Apple к деталям?

Джон Озбей критикует падение качества UX в продуктах Apple за последние 8-10 лет. Главные проблемы: приложение Напоминания каждый раз при запуске требует доступ к геолокации без опции «Больше не спрашивать», панель поиска находится в разных местах в разных приложениях (справа в Finder, слева в Картах, по центру в Контактах), а дизайн вкладок не унифицирован.

iOS 26 усугубила ситуацию: в тёмном режиме не видны названия папок в приложении Файлы, значки в меню «Поделиться» отображаются некорректно, а новый эффект liquid glass делает текст в iMessage практически нечитаемым на фоновых изображениях. WebKit в iOS 26 сломал вьюпорты во всех сторонних браузерах, из-за чего контент скроллится под UI-элементами. В Safari кнопки панели мигают как сигнал SOS, а фиксированные элементы становятся недоступными при скролле.

Внутри:
– Почему панель поиска в Finder теперь практически невидима;
– Как режим уменьшенной прозрачности создаёт чёрные панели в интерфейсе;
– Почему эффект liquid glass на iPad не исчезает при наведении мыши;
– Как iOS 26 заставляет выбирать фоновое изображение, делающее текст нечитаемым;
– Почему переключение вкладок теперь требует двух касаний вместо одного;
– Как новый дизайн ускорил разрядку батареи на iPhone 12/13 mini.

➡️ Читать статью

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
Please open Telegram to view this post
VIEW IN TELEGRAM
13🔥8😢4👍1😁1
🍿 ИИ для мидлов

Сегодня каждый день можно услышать что-то про нейросети. Каждый день появляются десятки новых, улучшаются текущие и кажется, что весь мир ушёл далеко вперёд, а вы упускаете возможность

Я сам пилю hirehi исключительно силами ИИ. Весь дизайн, фронт, бэк и прочее собирается нейросеткой, от чего я до сих пор в шоке, а они еще и улучшаются каждый день. Поэтому стараюсь всегда быть в контексте того, что происходит на рынке, а происходит что-то ежедневно

Но вот что заметил. Большинство контента про ИИ делают для новичков. А что делать тем, кто уже работает мидлом и хочет понять, как это применять в реальных задачах, а не просто «сгенерить картинку»?

Ребята из Яндекс Практикума PRO делают бесплатный вебинар как раз про это. Без воды, с живыми кейсами от практиков.

⚡️ Кому идти
Тем, кто уже работает в IT и диджитале и хочет понять, как нейросети реально помогают в работе. И тем, кто переживает, что ИИ отнимет работу и хочет превратить его в помощника

👀 Что будет
– Разберут, как продюсерам работать с контентом и брендом через ИИ;
– Покажут, как дизайнерам ускорять работу с референсами и сохранять свой стиль; - Расскажут, как менеджерам использовать ИИ для анализа фидбека и приоритизации задач;

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

🎙 Спикеры
– Андрей Рассказов, креативный продюсер в Яндексе;
– Пётр Москалёв, дизайн лид в ГК Самолёт;
– Анастасия Тмур, менеджер проектов в Яндекс Образовании.

Ребята из практики, не теоретики

📍 Когда
16 декабря, 18:00 мск. Онлайн и бесплатно.

Если чувствуете, что упускаете что-то с этими нейросетями и хотите понять, как их применять в своей работе, а не просто читать про них в новостях, приходите послушать 🙂

➡️ Зарегистрироваться
Please open Telegram to view this post
VIEW IN TELEGRAM
6🔥3🤯3
🤖 Как CLI-инструменты и MCP превращают наброски в готовый код

Ясонас Георгиадис исследовал, как дизайнеры могут использовать агентные CLI-инструменты Claude Code и Codex CLI для создания AI-управляемых рабочих процессов. Главное отличие от AI-IDE: CLI-инструменты подключаются напрямую к моделям, минуя посредников, что делает взаимодействие быстрее и надёжнее.

Ключ к успеху — идеально выровненная дизайн-система, где переменные Figma напрямую соответствуют CSS-токенам. Автор использовал новые возможности Code Connect UI с компонентным маппингом и MCP-инструкциями для каждого компонента. Файлы CLAUDE.md в корне проекта определяют правила поведения AI-агентов и структуру проверок.

В тесте с превращением нарисованного от руки макета в прототип Claude Code справился за 14 минут, создав респонсивную страницу с правильными токенами, а Codex CLI потратил 20 минут с менее точным результатом.

Внутри:
– Почему прямое подключение к моделям эффективнее работы через IDE;
– Как субагенты работают в изолированных контекстных окнах для экономии токенов;
– Зачем нужны матрицы проверки компонентов (Default, Hover, Active, Focus, Disabled);
– Какие 10 специализированных агентов автоматизируют проверки дизайна;
– Как Playwright MCP позволяет Claude самостоятельно тестировать интерфейс в браузере;
– Почему больший контекст часто приводит к менее точным результатам.

➡️ Читать статью

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
Please open Telegram to view this post
VIEW IN TELEGRAM
9🔥4😁2👍1
Что такое «хорошо поставленная задача» для дизайнера?

Посмотрел свежий выпуск подкаста «Это моя работа» с Даней Ковчием. Даня арт-директор в Яндексе, отвечает за визуальный язык Алисы, Карт, Поиска и Умных устройств.

Там обсудили много всего: как устроен дизайн-процесс внутри Яндекса, как выходить из творческого ступора, что такое сильное дизайнерское мышление и какие навыки станут ключевыми в ближайшие годы. Ещё про союз между дизайном, продуктом и CEO.

Зацепило несколько мыслей.

🔘 Про идеи
Даня говорит, что процесс рождения идеи похож на химическую реакцию. Берёшь какие-то слои информации, выкладываешь их на доску и смотришь, как они начинают шипеть. Прикол в том, что эти слои часто лежат у всех на компьютере, но никогда не встречаются вместе. И 80% его работы просто зафиксировать это. Звучит просто, но мало кто так делает.

🔘 Про задачи
Понравилась метафора с матчмейкингом в играх. Важно правильно оценивать уровень дизайнера и сложность задачи, чтобы человек рос, а не буксовал на месте.

🔘 Про душу проекта
«Душа» проекта — не то, что арт-директор привносит извне, а то, что он помогает раскрыть. Его главная задача заключается в том, чтобы структурировать, систематизировать и усилять фактуру, которая уже есть. Источник же этой энергии, как говорит Даня, обычно исходит от харизмы фаундера.

В общем, если вы дизайнер, продакт, тимлид или основатель и хотите понять, как создаются решения в больших продуктах, посмотрите 👍

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
Please open Telegram to view this post
VIEW IN TELEGRAM
122🔥5👍4
🏆 Как геймификация помогла перезапустить рейтинг белых хакеров

Студия Crauch вместе с командой SNP переделала платформу для багхантеров. Раньше там был только поиск по нику, непонятная система баллов и программы без денежного вознаграждения, которые никому не были интересны. Нужно было вернуть азарт и сделать рейтинг честным.

Команда изучала не только конкурентов, но и геймерские интерфейсы: HLTV, Dota 2, FIFA. Оттуда взяли идеи визуализации прогресса и динамики. В итоге получился баланс между серьёзностью для бизнеса и соревновательностью для хакеров.

Внутри:
– Профиль хакера как портфолио с графиками роста;
– Ачивки от вендоров для программ без бюджета;
– Огненная рамка для тех, кто резко поднялся в рейтинге;
– Сравнение хакеров как корзина в маркетплейсе;
– Математическая модель с усыханием баллов за неактивность.

➡️ Читать статью

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
Please open Telegram to view this post
VIEW IN TELEGRAM
15🤯5👍1🔥1
Дизайн-система 👌

Ребята из t2.digital появились в «Клубе отечественных дизайн-систем». Если кто не знает, это каталог, который ведут Андрей Сундиев и Юрий Ветров. Там собраны дизайн-системы крупнейших российских компаний. Попасть туда просто так нельзя — нужно иметь реальную технологическую платформу, а не просто UI Kit в Фигме.

🔥 Почему это круто
Можно посмотреть, как устроена дизайн-система изнутри. Ребята подробно разобрали опыт ее создания: с какими трудностями столкнулись, как команды дизайнеров и разработчиков переходили на новую систему. Еще описали процесс настройки UI Kit на React — от установки зависимостей до сборки готового пакета.

Маст-хэв для тех, кто строит или планирует строить свою дизайн-систему (не путаем с UI-китом) 😍

➡️ Посмотреть ДС Т2

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
Please open Telegram to view this post
VIEW IN TELEGRAM
1🔥277👍2🤔1🤯1😢1
🔔 Inspiration #163

Подборка лендингов и сайтов для вдохновения на предстоящую неделю 🔥

mews.fm
super.work
elvinhu.com
23bis.ch
homerun.today

———

oguzyagiz.com
oflyn.fr
swift.org
slack.com
aiuc.com

———

fincent.com
frankchimero.com
adamho.com
payfit.com/fr
jordan-delcros.com

———

rogierdeboeve.com/about
granola.so
ed.studio
yolantabirkhane.com
truekindskincare.com

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
Please open Telegram to view this post
VIEW IN TELEGRAM
8👍2🔥1
🔐 Почему CAPTCHA ломает UX и не защищает от ботов

Знаете это чувство, когда ты 5 раз подряд выбираешь светофоры, а тебе пишут «попробуйте ещё раз»? Я недавно минут 10 пытался войти в один сервис и просто закрыл вкладку.

Элеонор Хекс из Designerly Magazine разобрала, почему CAPTCHA не работает. Исследование 2024 года показало, что боты решают reCAPTCHA с точностью до 100%. Люди справляются хуже и медленнее. А для пользователей с нарушениями зрения, слуха или моторики эти тесты часто становятся непроходимой стеной.

Внутри:
– Почему CAPTCHA стала сложнее, но не эффективнее;
– Какие типы тестов недоступны для людей с инвалидностью;
– Альтернативы вроде Cloudflare Turnstile и magic-ссылок;
– Как тестировать аутентификацию на доступность.

Какую самую дибильную капчу встречали?)

➡️ Читать статью

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
Please open Telegram to view this post
VIEW IN TELEGRAM
111🔥2👍1
👁️ Почему голосовым помощникам нужен экран

Говоришь Алисе «Включи свет в спальне» и зависаешь на пару секунд. Услышала? Поняла? Делает? Эта пауза неопределённости бесит, и я долго не понимал почему. Оказывается, дело в том, как устроен наш мозг.

Рома Гигола разобрал эффект Макгурка — феномен, когда мозг объединяет звук и картинку в единое восприятие. Если показать видео с артикуляцией «га», а озвучить «ба», человек услышит «да». Мозг сам синтезирует третий вариант. Исследования показывают: интерфейс с голосом и визуалом ускоряет задачи в 3.5 раза и снижает ошибки на 36%.

Внутри:
– Как работает эффект Макгурка и почему он важен для UX;
– Почему визуальная обратная связь снижает когнитивную нагрузку;
– Примеры от Алисы, Салюта, Маруси и Google Assistant;
– Шесть принципов дизайна голосовых интерфейсов с экраном.

➡️ Читать статью

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
Please open Telegram to view this post
VIEW IN TELEGRAM
115👍4🔥3