🎮 Референсы не работают, если вы просто складируете красивые картинки

Полная Figma скриншотов еще не делает дизайн лучше. Можно часами собирать чужие экраны, но так и не понять, что именно оттуда брать в свой проект. Самая частая ошибка тут простая: смотреть на референсы как на вдохновение вообще, а не как на инструмент под конкретную задачу. Катя из Digital Oxygen предлагает понятную рамку: делить референсы на функциональные и стилистические. Первые нужны, чтобы разобрать логику, структуру, прогрессию интерфейса и привычные паттерны жанра. Вторые помогают собрать настроение, визуальный язык и направление стиля. Плюс она показывает, как на этом этапе можно быстро подключать нейросети, чтобы снять страх белого листа и накидать первые концепты. Внутри: – Почему сохраненные картинки сами по себе почти не помогают в работе; – Как делить референсы на функциональные и стилистические; – Зачем в игровых проектах сначала разбирать логику, а не визуал; – Почему важно смотреть не только на первый экран, но и на прогрессию интерфейса; – Как удобно сортировать референсы по экранам и сценариям прямо в Figma; – Почему стилистический поиск лучше расширять за пределы прямых аналогов; – Как называть найденные визуальные направления, чтобы команда говорила на одном языке; – Где нейросети реально полезны, когда нужно быстро нащупать общее настроение проекта. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

На гитхабе дизайнер создал файл A11y.md — готовый контекст, который загружаешь в Claude (или любую другую нейронку) — и она начинает проверять твои макеты по стандартам WCAG 2.2. Дима и Миша рассказывали уже о том, что если не спросить нейронку, то она и не расскажет о доступности, так вот md решает данную проблему. Мне нравится, как этот диз написал: Accessibility is not a feature or an incremental improvement; it is a pre-condition for use. Доступность — это необходимое условие. Как пользоваться, если ты диз? 1. Открыть файл на GitHub A11Y.md из папки docs/en/ 2. Вставить в начало чата с AI «Строго следуй правилам разработки, описанным в файле A11Y.md» 3. Скинуть файл или ссылку на свой проект 4. Готово! Что внутри репозитория: ⚡ Command Center — главный файл с матрицей приоритетов, правилами поведения для AI и протоколом для сложных компонентов. 📚 Support Library — справочная библиотека с готовыми решениями по контрасту, формам, кнопкам, навигации и модалкам. 🛠️ Templates — шаблоны для финальной проверки перед релизом и структурированный лог для фиксации технического долга. 📝 Examples — реальные ошибки доступности из проекта на Figma Make, с конкретными исправлениями, которые предложил A11Y.md в роли автоматического ревьюера. Немного того, что важно для дизайнера: → Контраст текста должен быть 4.5:1, элементов UI — 3:1 → Нельзя передавать состояние только цветом — нужны иконка + текст + цвет → Минимальный размер кнопки — 44×44px → Плейсхолдер не заменяет подпись к полю → Графики обязаны различаться без цвета — текстурами или штриховкой и многое другое Этот файл не научит доступности с нуля, он действует скорее как быстрый фильтр и сверка с WCAG. Конечно, я за то, чтобы изучать A11y глубже )

Я строю свою команду уже 5 лет, и такое сообщение для меня — самый важный знак, что все получилось, и что мы вместе двигаемся в верном направлении Когда я только начала строить команду, мне казалось, что все просто: выбираешь человека, даешь задачи, и все работает. Или же просто находишь партнера, и каждый делает свои задачи Но все оказалось куда сложнее, и пришлось пройти большой путь личностного роста и приобретения навыков руководителя, чтобы собрать ту команду, о которой я мечтала. И чтобы строить партнерства, в которых есть место обоим сторонам и есть совместный рост И тут произошел самый главный урок: как найти грань между мягкостью и твердостью? Не быть жестким руководителем, которого боятся и не стать слишком белой и пушистой, чтобы этим просто пользовались Это был непростой путь, потому что я откатывалась в разные грани и крайности. Не знала, как сделать так, чтобы система работала. Много переживала, делала сама, боялась доверить задачу полностью другому. Не реагировала на безответственность и ошибки, а точнее реагировала, применяя не те роли, что нужно было. Но в какой-то момент я твердо решила, что моя команда должна быть опорой мне, а я им! Что у нас должны быть общие ценности, видение, и что у всех нас есть как личный интерес в работе, так и интересы нашего общего дела. И где действительно каждый готов идти до конца и поддерживать друг друга И для этого я должна была стать уверенным руководителем и четко разделять ответственности в команде, чтобы работа выполнялась на все 100%, но при этом всегда видеть в своей команде не просто сотрудников, а живых людей, с которыми мы вместе растем, проходим разные уроки и становимся лучше день за днем, а наше дело развивается Сейчас я могу с уверенностью сказать, что это получилось, потому что я научилась четко разделять роли, выбирать тех людей, с которыми нам по пути и отпускать тех, с кем наши видения не совпали, научилась строить свое дело так, чтобы было место и твердости и мягкой силе, чувствам других людей Так сложилась та самая команда, с которой я чувствую себя надежно и чувствую, что мы достигнем больших высот, а они в свою очередь чувствуют себя на своем месте и рады вместе работать!🫶🏻

В одежде и обуви пользователь редко покупает с первого взгляда. Он сравнивает, смотрит фото, думает про размер, доставку, наличие, пытается представить образ целиком. Поэтому удобство здесь решают не одна-две фичи, а десятки мелких решений по всей воронке: от меню и поиска до карточки товара, корзины и оформления. В этой подборке KISLOROD разобрали 10 российских fashion-магазинов и собрали 50 приемов, которые реально помогают покупать быстрее и спокойнее. Полезно тем, что материал не уходит в общие слова про «улучшить UX», а показывает конкретные паттерны, которые уже работают у Lamoda, Stockmann, Befree, O’stin, Zarina, Lime и других. Внутри: – Какие приемы в навигации и меню помогают быстрее попасть в нужный раздел; – Как поиск, фильтры и сортировка сокращают путь до товара; – Почему в fashion так важны подборки, готовые образы и стилистический контент; – Какие решения в каталоге ускоряют выбор без перехода в карточку; – Что в карточке товара реально снижает сомнения перед покупкой; – Как отзывы, параметры модели и размерные инструменты уменьшают риск ошибки; – Какие механики в корзине и кросс-сейле повышают средний чек; – Как контент, блог и подарочные сценарии тоже становятся частью воронки. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

100% Обожаю тех, кто помнит меня еще со второго декрета, когда я спала по четыре часа и делала свои первые ошибки в эфирах ) Когда на первом платном вебинаре в эфир пошел не живой поток, а дневной тест, на котором я чуть ли не в одних трусах с грязной головой молча ем бургер. Я чуть не сдохла тогда от страха 😆 Было же время!

👉🏻 Уже завтра в прямом эфире Фото вашего изделия на белом фоне - это как фото на паспорт или утреннее селфи без макияжа. Вроде, все на месте, но что-то не то... А ведь то же самое платье, та же сумка, та же брошь, но уже «в деле»: на прогулке, в уютном кафе, с ветром в волосах или мягким светом из окна - это совершенно другая история! Это уже визуал, который останавливает взгляд, вызывает эмоцию и… продаёт. ✅На бесплатном вебинаре «Как показывать и продавать своё творчество с помощью ИИ - без навязчивых продаж, дорогих фотосессий и потери индивидуальности» 📅 Завтра,5 мая в 19:00 мск я сделаю это превращение на ваших глазах: 👉 Возьмем обычный снимок вашей вещи на кровати или вешалке 👉За 60 секунд превратим его в профессиональную карточку для соцсетей или сайта: чистый фон, студийный свет, композиция, акцент на деталях. 👉А следом усилим ощущение и из этого фото сгенерируем короткое видео, которое передаёт образ и настроение: вещь живёт, движется, попадает в нужный контекст. Вы увидите это в реальном времени. Никакой магии - только понятный алгоритм, который вы сможете повторить. Даже если никогда не работали с нейросетями! Вы не обязаны становиться профессиональным фотографом или маркетологом. ИИ забирает 80% рутины на себя, оставляя вам творчество. И нет, он не убивает индивидуальность - он помогает раскрыть её ярче. 📌Что ещё разберём на вебинаре (помимо практической части): 👉 Почему вас не замечают: ключевые ошибки, которые допускает большинство творческих людей; 👉Что изменилось на рынке в 2026 году; 👉Как стать видимым: пошаговый план действий; 👉Как выглядит путь клиента сегодня. ⛔️Не пропустите! Будет полезно, вдохновляюще и по делу🔥 До встречи в эфире! РЕГИСТРАЦИЯ НА ВЕБИНАР

✅ 3 способа хранения противней на кухне ✅ 5 параметров для шкафа ✅ Правила по электрике, которые сберегут сотни тысяч ✅ 5 критериев выбора кухонной техники ✅ Выбираем мойку за 30 секунд ✅ 10 розеток, от которых забывают Изучите темы, чтобы не совершать ошибок 👍 Об этих и других неочевидных ошибках вам расскажут наши опытные дизайнеры. Получите полезную консультацию, проект и расчет для всей мебели ⭐️ Получить проект и расчет

В карточках разбираем, какие ошибки чаще всего допускают при подключении онлайн-оплаты и как их можно не допустить 👉 Подробнее о том, как законно принимать онлайн-оплату и какие варианты доступны предпринимателям, рассказываем в нашей новой статье: https://tilda.education/payment-on-the-website 💬 Какой платёжный сервис выбираете вы и почему? Делитесь с нами опытом в комментариях!

Я не верю пока, но пролетел ровно год с первой части этого замечательного сериала. 7 апреля моему проекту исполнился год! Мы прошли путь от 0 пользователей до 4k DAU, миллионы показов с поисковиках, 2+ млн просмотров, и первой выручке от подписки. Мы выросли со 100 вакансий для дизайнеров до 35000+ вакансий по 7 категориям. Добавили много новых фильтров, десяток новых фич и тысячи улучшений под капотом. Визуально мы почти не изменились за год, но внутри изменения очень большие :) Удивительно, но у меня все ещё нет команды и я пилю проект исключительно нейронками. Мне немного помогает с дизайном Тим, за что ему большое спасибо. Без него всё было бы медленее в несколько раз. И да, сегодня релиз версии 4.2 и это самое большое обновление hirehi за всю его историю. Что же изменилось. 🔥🔥 AI-собеседование с рекрутером Собес это всегда стресс, но стресса не будет, если потренироваться. И теперь это можно сделать с AI-рекрутером прямо на платформе. Он учитывает множество факторов, ваш грейд, категорию, подкатегорию. Если в профиле есть резюме, то погоняет по нему. Там же можно выбрать тип собеседования (HR, технический или финальный). От этого зависит формат собеседования, продолжительность и стоимость по кредитам. Собесы можно проходить на русском или английском языках. Как вам удобно. Больше никакого стресса. И да, в конце вы получитё отчёт с оценкой. Он может быть пока не супер точный и правильный, это МВП. Любой фидбек пишите в личку. Кстати, там красивая анимация сферы внутри собеса, делал долго, но кажется прикольно. Буду улучшать) Фича с AI-собесом может быть чуть-чуть нестабильна, ибо зависит от соединения, скорости интернета и так далее. Я максимально постарался свести ошибки к минимуму и оттестировать насколько это возможно. Но ошибки не исключены, поэтому смело пишите в личку, будем смотреть каждый случай и решать. 🟡 ML модель для зарплат Я сделал свою собственную модель для предикта зарплат в вакансиях, где её нет. Модель обучена на десятках тысяч актуальных вакансий и определяет зп меньше чем за секунду. Я буду обучать её раз в неделю, а значит предикты будут ещё четче. 🟡 2 фичи по CV На странице вакансии теперь можно сгенерить сиви под конкретную вакансию. Оно возьмёт ваше исходное из профиля и подтюнит так, как нужно. А в самом профиле внутри сиви теперь можно в 1 клик сделать его лучше с точки зрения текстов и пользы :) Пробуйте, и пишите в поддержку (то есть мне, если что-то не так) 🟡 Вход по почте и паролю Входа по magic-link больше нет. Он был нестабилен и иногда люди просто не могли войти( Теперь можно сбросить пароль и входить просто по почте и паролю стандартно. Это быстрее и надёжнее. А ещё сотня улучшений технических и правок по UI. Я благодарю каждого, кто пользуется сервисом, кто его советует просто так (я иногда нахожу упоминания в соц.сетях), кто оплачивает подписку и рекомендует его знакомым и друзьям. Я делаю проект один с 0 бюджетом и каждое такое упоминание очень важно для развития сервиса. Приходите пользоваться новыми фичами и искать вакансии. Всех люблю и обнимаю ❤️ 🔠 Газ на hirehi 🔠 Газ на hirehi 🔠 Газ на hirehi ч.29 ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Я не верю пока, но пролетел ровно год с первой части этого замечательного сериала. 7 апреля моему проекту исполнился год! Мы прошли путь от 0 пользователей до 4k DAU, миллионы показов с поисковиках, 2+ млн просмотров, и первой выручке от подписки. Мы выросли со 100 вакансий для дизайнеров до 35000+ вакансий по 7 категориям. Добавили много новых фильтров, десяток новых фич и тысячи улучшений под капотом. Визуально мы почти не изменились за год, но внутри изменения очень большие :) Удивительно, но у меня все ещё нет команды и я пилю проект исключительно нейронками. Мне немного помогает с дизайном Тим, за что ему большое спасибо. Без него всё было бы медленее в несколько раз. И да, сегодня релиз версии 4.2 и это самое большое обновление hirehi за всю его историю. Что же изменилось. 🔥🔥 AI-собеседование с рекрутером Собес это всегда стресс, но стресса не будет, если потренироваться. И теперь это можно сделать с AI-рекрутером прямо на платформе. Он учитывает множество факторов, ваш грейд, категорию, подкатегорию. Если в профиле есть резюме, то погоняет по нему. Там же можно выбрать тип собеседования (HR, технический или финальный). От этого зависит формат собеседования, продолжительность и стоимость по кредитам. Собесы можно проходить на русском или английском языках. Как вам удобно. Больше никакого стресса. И да, в конце вы получитё отчёт с оценкой. Он может быть пока не супер точный и правильный, это МВП. Любой фидбек пишите в личку. Кстати, там красивая анимация сферы внутри собеса, делал долго, но кажется прикольно. Буду улучшать) Фича с AI-собесом может быть чуть-чуть нестабильна, ибо зависит от соединения, скорости интернета и так далее. Я максимально постарался свести ошибки к минимуму и оттестировать насколько это возможно. Но ошибки не исключены, поэтому смело пишите в личку, будем смотреть каждый случай и решать. 🟡 ML модель для зарплат Я сделал свою собственную модель для предикта зарплат в вакансиях, где её нет. Модель обучена на десятках тысяч актуальных вакансий и определяет зп меньше чем за секунду. Я буду обучать её раз в неделю, а значит предикты будут ещё четче. 🟡 2 фичи по CV На странице вакансии теперь можно сгенерить сиви под конкретную вакансию. Оно возьмёт ваше исходное из профиля и подтюнит так, как нужно. А в самом профиле внутри сиви теперь можно в 1 клик сделать его лучше с точки зрения текстов и пользы :) Пробуйте, и пишите в поддержку (то есть мне, если что-то не так) 🟡 Вход по почте и паролю Входа по magic-link больше нет. Он был нестабилен и иногда люди просто не могли войти( Теперь можно сбросить пароль и входить просто по почте и паролю стандартно. Это быстрее и надёжнее. А ещё сотня улучшений технических и правок по UI. Я благодарю каждого, кто пользуется сервисом, кто его советует просто так (я иногда нахожу упоминания в соц.сетях), кто оплачивает подписку и рекомендует его знакомым и друзьям. Я делаю проект один с 0 бюджетом и каждое такое упоминание очень важно для развития сервиса. Приходите пользоваться новыми фичами и искать вакансии. Всех люблю и обнимаю ❤️ 🔠 Газ на hirehi 🔠 Газ на hirehi 🔠 Газ на hirehi ч.29 ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Anthropic выкатили Claude Design. Это инструмент, где можно текстом описать идею, а Claude соберёт визуал: прототип, презентацию, лендинг, one-pager или первый макет интерфейса. На первый взгляд звучит как очередное «ИИ теперь заменит дизайнеров», но мне кажется, тут интереснее другое. Они делают его явно не только для дизайнеров. Он целится в продактов, фаундеров, маркетологов и всех людей в команде, у кого есть идея, но нет навыка быстро превратить её во что-то визуальное. То есть первый черновик интерфейса теперь сможет собрать почти любой человек. И это меняет не саму профессию дизайнера, а точку входа в дизайн. Первый красивый вариант почти никогда не равен хорошему продуктовому решению Раньше дизайнер часто был первым человеком, который переводил мутную мысль в экран. Приходил продакт с «давай сделаем вот такую штуку», а дальше дизайнер распутывал сценарий, структуру, состояния, ограничения, тексты, логику и визуал. Теперь часть этой работы можно будет быстро накидать через ИИ. Но проблема в том, что такой макет может выглядеть нормально и при этом вообще не учитывать реальные сценарии, ошибки, ограничения разработки, поведение пользователей и метрики. Поэтому я бы не драматизировал. ИИ отлично ускоряет момент «давайте хоть что-то посмотрим глазами». Это правда полезно, потому что меньше времени будет уходить на пустой лист, первые наброски и попытки объяснить идею словами. Но ценность дизайнера всё больше будет смещаться из «я умею красиво собрать экран» в «я понимаю, какой экран вообще нужен, зачем он нужен, где он сломается и как доказать, что это решение работает». Плохая новость для тех, кто держался только на визуале. Хорошая новость для тех, кто умеет думать продуктом, задавать неудобные вопросы, работать с ограничениями и доводить идею до живого результата. Мне кажется, дальше таких инструментов будет всё больше, и рынок очень быстро начнёт отделять дизайнеров, которые просто делают макеты, от дизайнеров, которые реально влияют на продукт. Что думаете? Уже юзали дизайн клода?)) Как вам? Похороны отменяются, пока что Это мой первый экспериментальный пост, буду иногда писать мысли про какие-то дизайн инструменты или новости) ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Совсем скоро в Bang Bang Education стартует вебинар: «Нейро-дизайн: как проектировать для мозга, а не для глаз». Это не просто разговор о красоте интерфейсов — весь фокус на том, как воспринимает и обрабатывает информацию ваш пользователь. — Почему одни экраны интуитивны и понятны, а другие — вызывают раздражение и ошибки? — Как использовать открытия нейронаук в реальной практике дизайнера? — Какие техники работают, когда дело доходит до настоящего взаимодействия с мозгом, а не только глазами? Будет много реальных примеров от эксперта, который сочетает работу с крупными продуктами и прикладные знания о том, как мы воспринимаем цифровую среду. Вебинар уже совсем скоро! Присоединяйтесь, чтобы забрать максимум практики и разобраться с тем, как проектировать интерфейсы, которые действительно работают для людей. Успейте зарегистрироваться — это последний шанс забронировать место. 📎 Креативити

Поговорим об ошибках которые совершают новички при создании сайтов. #полезное

28 апреля в прямом эфире разберём ваши сайты на Тильде — проанализируем ошибки и подскажем, что можно улучшить. 👉 Отправьте работу и запишитесь на вебинар: https://t.me/TildaEventsBot?start=dl-1748948697d0edc996dc08 Вебинар проведёт Анна Жарикова, веб-дизайнер на фрилансе с 5-летним опытом. Если пока не готовы показать проект, приходите послушать и посмотреть разбор чужих работ.

Дима Бороухин @dmboro — в прошлом дизайнер и веб-разработчик. После потери зрения объединил свои технические знания с личным опытом и стал консультантом по цифровой доступности. — Ты пробовал использовать Claude или ChatGPT со скринридером или с клавиатуры — как это работает на практике? Я пробовал ChatGPT, однако по удобству взаимодействия мне больше понравился Gemini. Его интерфейс вполне доступен: элементы управления имеют корректные роли, имена и состояния, что позволяет скринридеру считывать структуру страницы. В своей работе я активно применяю AI для подготовки HTML-страниц для презентаций — чтобы показывать командам типичные проблемы доступности. Грамотный промпт позволяет сгенерировать страницу, где один элемент оформлен эталонным кодом, а остальные имеют аналогичный дизайн, но содержат критические ошибки — например, невозможность установить фокус. Визуально всё выглядит одинаково, но при взаимодействии через клавиатуру или скринридер различия становятся очевидными. Также я использую AI для подбора цветовых схем и помощи в написании CSS-кода. — Ты знаешь кейсы, где AI улучшил доступность продукта? или хотя бы часть? Комплексных кейсов, где AI улучшил доступность продукта, в моей практике не встречалось. Вижу нейросети лишь в точечных задачах — как в примере с описанием изображений, о котором расскажу дальше. — Есть ли риск, что AI-инструменты для доступности обучены на данных, которые не отражают реальный опыт людей с ограниченными по здоровью? Риск, безусловно, есть. AI может отлично знать теорию и стандарты, но их всегда нужно проверять на практике. Реальные сценарии взаимодействия со вспомогательными технологиями часто сложнее, чем их описывают в документации. Пример из жизни: недавно я просил AI создать примеры недоступных кнопок. Модель предположила, что «поломанная» кнопка будет полностью неработоспособна для скринридера. Однако на практике скринридер NVDA умеет эмулировать нажатие даже там, где код реагирует только на клик мыши. В итоге для пользователя скринридера кнопка может сработать, а для человека, использующего только клавиатуру, она останется недоступной. Я не разработчик нейросетей, но как консультант по цифровой доступности могу сказать: чтобы ситуация изменилась, в данные для обучения моделей нужно включать больше примеров реального поведения ассистивных технологий. Важно, чтобы AI видел не только идеальный код, но и понимал нюансы взаимодействия разных групп пользователей с интерфейсом. — 70% новых приложений создаётся на low-code и no-code платформах. Люди без технической базы делают продукты для миллионов. AI научит их паттернам доступности? Теоретически — может, но на практике всё зависит от того, как сформулирован запрос. Если создатель продукта не осведомлен о принципах доступности, он просто не включит эти требования в задачу для AI. А без явного запроса модель проигнорирует эти нюансы ради скорости разработки. Важно помнить: доступность — это не только формальное соответствие ГОСТу или WCAG. Прежде всего это про пользовательский опыт. Можно создать приложение, которое формально пройдет все автоматизированные тесты, но при реальном использовании окажется неудобным. — В России активно пользуются технологиями с Ai — зарубежные скринридеры, программы по типу Open your eyes, есть ли надежда, что подобные сервисы будут разрабатываться российскими разработчиками? Это уже реальность. Я постоянно пользуюсь отечественными решениями. Например, «Умная камера» Яндекса — незаменимая вещь в быту: она помогает отличить бутылку молока от кефира в холодильнике, когда упаковки идентичны. Недавно я показывал зарубежным коллегам функцию описания изображений в Яндекс Браузере. В одном онлайн-магазине одежды вместо внятных alt-текстов были маркетинговые названия коллекций. Нейросеть Яндекса точно описала суть: состав комплекта, цвета, фасон. Это тот случай, когда AI исправляет ошибки контента «на лету». Так что — большой респект и спасибо команде инклюзии Яндекса за их работу!

— кажется простой темой, но именно здесь большинство делает ошибку… Часто дизайнеры берут «что попроще» или «что просто нравится», а потом удивляются, почему их не берут в студии или не приходят ожидаемые ими клиенты на фрилансе. Хотя по факту первые проекты — это не просто кейсы, а то, как ты изначально себя позиционируешь: от выбранной ниши/сферы зависит, где твой опыт будет релевантен при трудоустройстве или каких клиентов тебе легче будет закрыть🧠 Я собрала для вас небольшую инструкцию с базовыми принципами и ответом на вопрос: как выбрать нишу под найм или фриланс? 🔗Ссылка на инструкцию (статья лежит в Notion, так что, возможно, вам понадобится VPN) Сохраняйте её к себе и ставьте реакции, если было полезно❤️ #полезное

Редизайн часто начинается с ощущения, что сайт устарел или просто всем внутри команды не нравится. Проблема в том, что такие ощущения почти невозможно защитить перед бизнесом. AGIMA на кейсе сайта «Халвы» показывает более трезвый подход: сначала зафиксировать состояние UX, потом менять интерфейс и только после этого смотреть, стало ли пользователю действительно лучше. Для оценки они взяли SUPR-Q и замерили сайт до и после редизайна. До изменений итоговый балл был 3,82, после стал 4,91. Это рост на 28%. Сильнее всего выросли доверие к информации, комфорт при покупках и общее удобство использования. В этом и ценность кейса: он не про «посмотрите, как стало красиво», а про то, как связать редизайн с измеримым пользовательским эффектом. Внутри: – Почему визуальная привлекательность сама по себе ничего не доказывает; – Какие три ловушки чаще всего мешают честно оценивать редизайн; – Чем количественные UX-исследования отличаются от качественных; – Почему для кейса «Халвы» выбрали именно SUPR-Q; – Как правильно настраивать UX-опросы, чтобы не собрать мусорные данные; – Какие ошибки чаще всего ломают результаты опросов; – Какие показатели у «Халвы» выросли после редизайна сильнее всего; – Как понять, что изменения улучшили не только внешний вид, но и доверие, навигацию и комфорт покупки. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Большая сумка Мы сделали эту сумку вместе с моей женой Дашей Казарлыгой за один вечер. Решили попробовать асимметричный формат, треугольное дно, необычную форму сверху и одну ручку, которую сложно было красиво соединить с самым узким местом в сумке. Мы что-то придумали, и Даша начала ходить с этой сумкой, а мы в Random'e всё продолжали думать о том, как сделать получше: пробили дырки в этой же сумке, обвязали паракордами (нейлоновыми шнурами), но поняли, что это нас снова не вполне устраивает — и продолжили её использовать. Мы так много экспериментировали, что полностью разрушили ручку, и однажды она просто отвалилась. Я снова много чего вырезал, пришил ручку вручную и в какой-то момент подумал, что с этой сумки хватит — лучше переиспользовать кожу на маленькие изделия. Какой-то конкретной ошибки здесь нет — мы создавали прототип, чтобы ошибаться и искать решение для асимметричного изделия. Прототип жил, использовался и пока не дошёл до финала. Гриша Любачев, сооснователь Random Projects Studio #часть_процесса

На макете всё почти всегда выглядит хорошо. Проблемы начинаются уже в реализации: экран открылся не той анимацией, скелетон мигнул, чекбокс нажимается только в крошечной зоне, тень обрезалась, текст поехал, в темной теме картинка стала чужой. По отдельности это мелочи. Вместе именно они создают ощущение сырого продукта. В этом гайде ребята из Т-Банка хорошо разложили, как смотреть на дизайн-ревью системно, а не просто сверять экран с макетом. Не только статичное состояние, но и весь опыт целиком: переходы, загрузка, скролл, нажатия, выходы с экрана, типографика, иконки, поведение в светлой и темной теме. Внутри: – Как проверять переход к экрану и не путать типы презентации; – На что смотреть в загрузке: лоадеры, скелетоны и смену состояний; – Почему скролл и нажатия часто ломают впечатление от готовой фичи; – Какие жесты выхода должны работать по умолчанию; – Как сравнивать реализованный экран с макетом через скриншоты в Figma; – Что проверять в отступах, размерах, скруглениях и тенях; – Какие ошибки чаще всего всплывают в цветах и темной теме; – Почему типографика и редполитика тоже часть дизайн-ревью; – Что важно проверить в иконках, графике и видео до релиза. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Старая система у студии была слишком тяжелой, негибкой и годилась в основном для грубого вайрфрейминга. На ней было сложно собирать нормальные высокодетализированные прототипы, приходилось постоянно что-то править на ходу, а первое впечатление от работы могло страдать просто из-за плохого визуала и топорных компонентов. В какой то момент команда решила не латать это бесконечно, а пересобрать все с нуля. Завели токены, пошли через атомарный дизайн, начали с самых частых элементов вроде кнопок, инпутов и выпадающих списков, а потом нарастили библиотеку до рабочего инструмента, который ускоряет и проектирование, и дизайн. В итоге выиграла и студия, и клиенты: меньше ручной рутины, быстрее концепты, проще кастомизация под конкретный продукт. Внутри: – Почему старая дизайн-система тормозила работу и съедала ресурсы; – Чем дизайн-система отличается от обычного UI-kit; – Как команда собирала новую систему через токены и атомарный дизайн; – Почему начали с малого, а не пытались охватить все сразу; – Как переиспользуемые компоненты ускорили проектирование интерфейсов; – Почему скорость не превращает проекты в однотипные шаблоны; – Что получает клиент, когда у студии есть нормальная дизайн-система; – Как токены помогают адаптировать одну систему под разные продукты. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы