🔔 Inspiration #156

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

– leseditionsbonsound.com
– tenyears.source.paris/en
– ashcamp.co
– pika.style
– stelstores.com

———

– matre.world
– geckoboard.com
– supersolid.agency
– avax.network
– headgolf.com

———

– rareassembly.com
– tracevision.com
– speakeasy.com
– play.soot.com/sootworld
– faint-film.com

———

– fridawiig.xyz
– atolldigital.com
– webflow.com
– procreate.com
– chronicles.basement.studio

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

🍕 Как продакты и дизайнеры работают вместе: кейс редизайна Додо Пиццы

Юлия Емельянова, руководитель юнита в Додо Пицце, рассказала о редизайне приложения и сайта компании. За 10 лет она прошла путь от маркетинга до лидера IT-юнита, отвечающего за приложение во всех 25+ странах присутствия сети.

Главная проблема редизайна была в отсутствии единой стратегии и устаревшей дизайн-системе. В 2023 году приложение уже не давало «вау-опыта», а конкуренты предлагали более интересные решения. Команда выбрала путь создания уникального продукта вместо инвестиций в маркетинг из-за ограниченности ресурсов. После года работы MAU вырос на 25-28%, а NPS держится на уровне 78-79%. Ключевой урок: нельзя просто взять и изменить продукт, не понимая причин его текущего состояния.

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

➡️ Смотреть видео

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

Как я пилю свой продукт. Часть 19.

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

Я никуда не пропадал, просто октябрь пришёлся на путешествие по Европе длинною в месяц. Поэтому особо продуктовых фич сделать не получилось за это время. Но сейчас я уже осел на месте и в процессе делаю продуктовую фичу)

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

Это большая фича, которая требует времени, но уверен, что всё получится красиво и главное удобно. И ещё нужно переработать профиль. Так как сейчас это модалка, которую тяжело масштабировать. Нужно прийти к нормальной странице, которая может расти сколько угодно по фичам и не умереть 😱

Немного о том, что я всё-таки поделал (не так интересно, но всё же)

Оплаты в админке
Вывел в админке себе красиво графики. Теперь вижу сколько оплат по каждому дню и на какую сумму. Кстати, с момента релиза PRO версии оплат уже 150 штук. Не миллионы, но приятно. Дальше нужно растить трафик и просто продолжать) Я тот человек, что останавливаться не будет точно.

Бэкэнд
Поправил несколько технических штук, которые делали лишние запросы к БД, которые не требовались) Теперь их меньше и все работает стабильнее.

Блог
Сделал теги в блоге, чтобы можно было смотреть статьи по категориям. План — статья каждый день. Хочу посмотреть даст ли это какой-то эффект в плане роста трафика из поиска. К слову, блог показал рекорд в октябре по просмотрам. Ещё улучшил себе редактор, теперь там не прям сухой текст, а есть нормальные таблички, блоки юайные и прочее)

По цифрам всё в целом не плохо, но немного вышло на плато будто бы. Не знаю пока, с чем это связано, но радует одно, что в октябре цифры растут и они выше, чем когда-либо за всё время. Из поиска просмотров больше всего. Оно не падает с момента появления сайта и это супер радует.

– Из гугла уже 222 000 показов за полгода и 10 800 кликов. Напомню, что я не спец в SEO, все делаю сам, изучаю сам и пилю нейронкой. CTR 4.8%
– В яндексе картинка интереснее, там 526 000 показов, но кликов 16 400 всего. CTR 3%, в целом не плохо
– Retention немного растёт и это тоже круто) То есть, многие возвращаются, каждый день
– Ну и среднее время на сайте 4 минуты, что тоже гуд, отказов 20% за все время работы

Спасибо всем, кто пишет фидбек в личку, слова благодарности и находит какие-то ошибки. И отдельное спасибо всем, кто оформил PRO подписку. Мне супер приятно! ❤️❤️

Если у вас дополнительно есть идеи по функционалу хранения / редактирования CV в профиле (чтобы было супер удобно и красиво) — пишите тоже, я открыт к предложениям! 😍

По традиции, приходите на сайт, пользуйтесь и рекомендуйте знакомым 💥

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

ч.18 | ч.20

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

💰 Как Альфа-Банк собрал миллион подписчиков на Альфа-Смарт за полгода

Булат Хазимуратов из Альфа-Банка рассказал историю создания платной подписки в мобильном банке. Задача была сложной — создать сервис, за который клиенты готовы платить ежемесячно. Решением стал не просто функционал, а полноценный брендинг с красным эмодзи и 3D-иллюстрациями, превративший подписку в особый статус клиента.

Ключевой инсайт пришёл после множества воркшопов и безумных концептов (включая механику в стиле Apple Watch). Команда поняла, что акцент нужен не на механике страницы, а на самом статусе и привилегиях. Семейный формат подписки позволил подключать ещё двух близких, усилив образ единого банка для всей семьи. За первый месяц после запуска 15 июля 2024 года подписку оформили сотни тысяч клиентов.

Внутри:
– Почему первую MVP-версию сделали сразу, но не остановились на ней;
– Как 4 месяца подготовки включали дорогие исследования и защиты перед топами;
– Зачем сделали отключение подписки всего в 2 шага вопреки опасениям;
– Какие доработки снизили отток подписчиков;
– Почему добавили два тарифа — Личный и Семейный;
– Как обошли Т-Банк в аудите Markswebb на 6 баллов.

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

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

NEO

Я недавно начал следить за ребятами из 1X Tech и всё ждал, когда они релизнут своего робота, который будет практически вашим членом семьи. И вот, вчера релизнули.

Честно говоря, ощущения двоякие. С точки зрения дизайна вопросов нет. Мне нравится и сайт и сам робот, как они его приодели и сделали довольно приятную палитру цветов.

С другой стороны, как говорится, без прикола не обошлось. У робота два режима, простой и экспертный. В простом он может делать простые действия сам + обучаться на встроенной ИИшке, чтобы потом легче и быстрее вас понимать, а вот в экспертном режиме он делает задачи посерьёзнее, но тут прикол — к роботу подключается удалённо чел и стирает вам вещи, разбирает посудомойку и так далее.

То есть, ещё раз, в вашем доме ходит робот, которым управляет чел, сидя на удалёнке на зарплате 32 бакса в час. Видит весь ваш дом, все ваши вещи и так далее) Для меня это какая-то странная хрень, в мире, где все боятся палить свои данные и прочее. А тут индус гуляет по вашему особняку и стирает ваши вещи удалённо. Может и дом обнести в целом, пока вас нет :D

Стоит это удовольствие 500 баксов в месяц по подписке или 20к при полной покупке. Поставлять начнут в 2026. У кого есть лишние деньги — заказывайте)))

Для меня попахивает каким-то скамом, как когда чуваки из humane со своим пином))

➡️ Посмотреть робота

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

📱 Создание дизайна мобильной ОС с нуля за 2 года

Команды НТЦ ИТ РОСА и 65apps рассказали о создании дизайна операционной системы «РОСА Мобайл» для антишпионского смартфона «Р-ФОН». Задача была амбициозной: создать гибрид iOS и Android с интуитивной навигацией для корпоративных пользователей, которым важна безопасность данных.

Исследование показало, что в России лидирует Xiaomi с MIUI 13, а на втором месте Samsung с OneUI 4. Команда изучила 50 смартфонов разных производителей, чтобы найти оптимальные решения. В итоге выбрали овальную форму иконок (так никто не делает), три размера виджетов вместо хаоса Android и систему шорткатов, учитывающую положение пальца при нажатии. Логотип построен на теории множеств с метафорой капли росы.

Внутри:
– Почему оболочка MIUI оказалась ближе всего к iOS среди Android-систем;
– Как 99% совпадение эскизов логотипа родилось за одну ночь;
– Зачем ограничились тремя размерами виджетов;
– Почему выбрали овальные иконки вместо стандартных форм;
– Как учли четыре фактора при проектировании шорткатов;
– Какую награду получила РОСА Мобайл на Tagline Awards 2024.

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

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

🔥🔥 Как создать дизайн-систему: курс о закулисье, а не о кнопках

Миша Шамин сделал бесплатный курс о проектировании дизайн-систем, но не про базовые вещи вроде теней и сеток. Он сразу предупреждает, что не будет учить создавать компоненты или настраивать цвета. Вместо этого курс раскрывает закулисье: какая работа скрывается за красивыми кнопочками и тенюшками.

Курс построен на цитате инженера Дейва Акина о том, что необходимое количество итераций всегда на одну больше, чем уже сделано. Развитие дизайн-системы это бесконечный процесс, поэтому курс закладывает фундамент из принципов и учит самостоятельно развивать проект дальше. Научитесь вайб-кодить, использовать GitHub, Cursor и Docusaurus, перелинкуют Storybook с Figma и бэклогом, узнают про библиотеки pre-commit и lint-staged.

Внутри:
– Как настроить окружение и сформулировать первые задачи в бэклоге;
– Зачем нужно экономическое обоснование дизайн-системы;
– Как контролировать входящие изменения и версионирование;
– Что такое линтинг документации через markdownlint и cspell;
– Почему важны бэкапы и автоматизация деплоя;
– Как работать с фичреквестами и метриками.

➡️ Пройти курс

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

Affinity

Вчера чуваки из Affinity (by Canva) довольно мощно обновились и так, что у Adobe рухнули акции немношк. Это довольно мощный редактор, который в одной приле заменяет три от Adobe.

И да, они пообещали его бесплатно и навсегда. Внутри будут платные только АИ фичи, если нужно

По функционалу:
– Ретушь фото и обработка RAW, работа со слоями, масками, эффектами;
– Векторная графика: лого, иконки, иллюстрации, UI;
– Верстка макетов: презентации, журналы, лендинги, многостраничные проекты;
– Импорт PSD, AI, PDF, IDML и др., чтобы открыть старые проекты из Adobe;
– Готовность к печати: CMYK, ICC, PDF/X, спот-цвета, вылеты, кроп-метки.

И ещё много всего интересного)

Если вы этим ещё не пользовались, очень рекомедную, тем более, это фри форевер 💎

➡️ Качать тут

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

🔔 Inspiration #157

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

– jiddo.ca
– jkrglobal.com
– plainsightventures.co
– capsules.moyra.co
– join.omada.game

———

– lucchaissac.com
– iconists.co/central
– fromscratch.works
– posthmnlab.com
– jingdaily.com

———

– meetyourlegend.com
– herdi.ng
– emilylonetto.com
– dzrgo.com
– chicagokare.xyz

———

– shilly.co
– sebastiancuri.com
– function10.ca
– safetykit.com
– wt.ls

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

📊 Как использовать интерфейс PostHog для анализа продуктов

Виктор из Selectel рассказал о практических приёмах работы с PostHog, которые помогают дизайнерам, аналитикам и продактам экономить время. Главная идея в том, что правильная настройка инструментов аналитики позволяет получать нужные данные с минимумом усилий.

Особенно полезными оказались Wildcard Groups для анализа путей пользователей. Вместо просмотра каждого пользователя отдельно можно заменить ID звёздочкой и увидеть ключевые сценарии. Статические когорты помогают сравнивать поведение разных групп (например, пользователей первого и второго квартала), а фича-флаги позволяют показывать новую функциональность только 20% когорты для тестирования.

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

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

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

🎯 Почему децентрализованное качество побеждает централизованное

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

История Ford с лозунгом «Quality is Job 1» показательна. Компания добилась успеха в 80-х, но как только ослабила контроль в 98-м, сразу столкнулась с проблемами качества и потерей доли рынка. Централизованный подход работает, пока есть сильный лидер, но он хрупок.

В противовес этому Toyota с системой andon дала любому рабочему право остановить конвейер при обнаружении дефекта. Microsoft при Сатье Наделле отказалась от жёсткого контроля Билла Гейтса в пользу хакатонов, где 18000 сотрудников создают инновации вне своих прямых обязанностей.

Внутри:
– Почему McDonald's может считаться качественным продуктом;
– Как Джобс заставил Corning производить невозможное Gorilla Glass;
– Зачем Netflix намеренно ломает свои серверы инструментом Chaos Monkey;
– Почему Valve без менеджмента зарабатывает $3.5 млн на сотрудника;
– Как Barnes & Noble победила Amazon в офлайн-книготорговле;
– Почему LEGO это предел децентрализации качества.

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

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

🎨 Как управлять вниманием читателя с помощью цвета в визуализации данных

Лиза Шарлотт Мут из Datawrapper объясняет, как цвет помогает контролировать, куда смотрит читатель. Главный принцип простой: делайте важное цветным, а всё остальное серым. Серый цвет стал инструментом повествования в визуализации данных, и читатели уже привыкли, что серое означает менее важное.

Автор рекомендует начать с определения приоритетов. Что читатель должен увидеть первым, вторым, третьим? Лучше записать это, если вы новичок. После этого сделайте все категории серыми, а затем верните цвет только важным элементам. Wall Street Journal демонстрирует этот подход в диаграмме, где маленькие красные области привлекают больше внимания, чем большие серые. Ещё один приём — использовать менее насыщенную версию основного цвета вместо серого для второстепенных категорий.

Внутри:
– Почему серый цвет нельзя использовать как обычную категорию;
– Как создать четыре уровня визуальной иерархии одним цветом;
– Зачем FiveThirtyEight использует пять оттенков насыщенности;
– Почему изменение оттенка для неважных категорий это ошибка;
– Как добавить прозрачность через hex-коды (#cc0000cc);
– Когда насыщенный неон побеждает чёрный цвет по привлечению внимания.

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

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

😍 Как давать обратную связь подрядчикам без лишних правок

Михаил Раков из агентства JH agency рассказал о системе обратной связи, которая сокращает количество итераций и сохраняет мотивацию исполнителей. Главная идея в том, чтобы писать комментарии как техническую инструкцию, без эмоций и оценок.

Ключевой приём это использование зелёного цвета вместо красного для комментариев. Красный ассоциируется со школьными ошибками и демотивирует, а зелёный показывает совместную работу над улучшением. Михаил пишет комментарии прямо на макетах скриншотами, чтобы избежать недопонимания. Предложения не длиннее 15 слов, активные глаголы без страдательного залога, никаких двойных отрицаний и жаргона. Если специалист задаёт вопрос повторно, Михаил отвечает снова, а не отсылает искать в переписке, потому что это экономит время проекта.

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

➡️ Смотреть видео

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

7 месяцев без работы

Ну что, время летит очень быстро и я уже 7 месяцев как безработный. В апреле я ушёл со всех проектов, чтобы выдохнуть, расслабиться и просто пожить. Без встреч, без дейликов, руководителей, бесконечных переписок, макетов и прочего.

И знаете — это было лучшим решением в моей жизни. Я 10 лет был в гонке сам не знаю за чем. За деньгами? Их все равно ВСЕ не заработать. Стать лучшим в дизайне? Не стал, да и не нужно, как оказалось. Поработать в крутых компаниях? Поработал.

Но после всего этого внутри ничего не разожглось. А наоборот, я постепенно затухал и в апреле огонь окончательно погас, а я написал всем, что это мой последний рабочий день.

За эти 7 месяцев я много чего переосмыслил и понял для себя, что не в моих интересах заработать кучу миллионов, сделать стартап на миллиард или стать каким-то известным в своей индустрии. Я всего этого просто не хочу.

Сейчас я стараюсь наслаждаться каждым прожитым днём (а не ждать выходных или праздников). Каждое утро для меня в радость, каждый понедельник тоже. В любой момент я могу убрать телефон и не думать о том, что кто-то мне напишет или поставит очередной никому не нужный звонок. Я спокойно делаю свой продукт, в огромное удовольствие веду 3 своих канала и я НЕ ЗНАЮ к чему это приведёт. Но я и не хочу знать. Я просто и, главное, спокойно и без гонок иду по дороге, на которую свернул после найма.

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

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

Я не боюсь остаться ни с чем. Не боюсь оказаться на дне, на котором когда-то был ещё раз. Я поборол этот страх внутри себя и знаю, что смогу выбраться, если в такой ситуации окажусь. Но главное в этом всём для меня — я остаюсь честен с собой, своими желаниями и мыслями.

Я благодарю каждого, кто читает мои каналы, подписывается, пользуется моим сервисом. Это даёт мне энергию в том числе сейчас, в не самый идеальный, но такой новый период моей жизни. Это как начать новую игру. И я знаю, что чего бы мне это не стоило, я дойду до последнего уровня ❤️

Отдельная благодарность моей жене. Мы с ней поддерживаем друг друга каждый день и без этого не было бы ничего вообще. Скоро, кстати, у нас 13 лет 😍

Всем мир. Следуйте только своим желаниям и делайте только то, что хотите делать искренне. Обнял!

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

🔔 Inspiration #158

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

– jackmcdade.com
– entemporada.es
– getty.edu/tracingart
– wonder.so
– jonasbrinkhoff.com

———

– ctrl.xyz/ctrl-token
– maimo.ai
– drop.money
– nivedhanirmal.com
– sunnybonnell.com

———

– duroc.ma
– splitwatches.com
– index.app
– pictoric.com.ua
– rayphoenix.place

———

– traffic.productions
– practical-ui.com
– bygideon.com
– sergiocalcara.com
– destigmatize.ca

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

🤖 Искусство написания промптов для генерации изображений

Алёна Лагойкина из AGIMA рассказала о годе экспериментов с нейросетями для создания изображений. За это время у неё полетела видеокарта, она завела китайскую симку и начала учить китайский язык, чтобы получить доступ к веб-версии Stable Diffusion.

Базовый промпт состоит из четырёх элементов: субъект (главный объект), детали (поза, одежда, эмоции), окружение (пространство вокруг) и стили (художественное направление). Английский язык работает лучше русского, а первое существительное в промпте модель запоминает как главное. В MidJourney вес элементов задаётся двойными двоеточиями, в Stable Diffusion круглые скобки увеличивают вес на 10%, квадратные уменьшают. Оптимальный диапазон для усиления 1,1-1,5, для ослабления 0,7-0,9.

Внутри:
– Как диффузионные модели превращают шум в изображения;
– Почему LoRA позволяет сохранить персонажа неизменным;
– Зачем нужны негативные промпты и список обязательных;
– Как IMG2IMG помогает менять стиль при сохранении композиции;
– Почему Inpaint спасает от артефактов локально;
– Какие нейронки открытые, а какие принадлежат корпорациям.

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

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

🍎 iOS 26: когда дизайн мешает пользоваться телефоном

Ралука Будиу из Nielsen Norman Group разбирает новый визуальный язык Apple Liquid Glass. Интерфейс теперь переливается и мерцает, как будто телефон обернули в желе, но красота оборачивается проблемами с юзабилити.

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

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

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

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

🛡️ Как стать адвокатом пользователя в B2B-продуктах

Павел Литвиненко из «Лаборатории Касперского» рассказал о разработке интерфейсов для Kaspersky NGFW. Главная идея в том, что в ИБ-продуктах недостаточно базового понимания UX. Нужно погружаться в специфику и становиться частично ИБ-специалистом, чтобы понимать реальные потребности пользователей.

Автор приводит интересную аналогию. FortiGate это Android мира NGFW (простой для новичков), а Palo Alto как iOS (сложнее, но функциональнее для опытных). Команда Kaspersky стремилась создать решение, доступное и новичкам, и матёрым специалистам. В процессе исследований выяснилось, что B2B-интерфейсы должны быть максимально насыщенными. Пользователи хотят видеть больше информации на экране.

Внутри:
– Почему дизайнеру ИБ-продуктов нужен подход deep dive;
– Как сократить количество кликов в повседневных сценариях;
– Почему плотность интерфейса критична для B2B-продуктов;
– Как работа с UX-болями помогает приоритизировать улучшения;
– Зачем проводить исследования с реальными сетевыми инженерами;
– Как из «приглашённого аутсорсера» стать полноценным членом команды.

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

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

📊 Дашборды: как найти баланс между красотой и пользой

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

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

Внутри:
– Почему для топ-менеджмента нужны стратегические показатели, а для специалистов детальный анализ;
– Как использовать вкладки и детализацию вместо перегрузки главного экрана;
– Зачем ограничивать яркие индикаторы для управления вниманием;
– Какие библиотеки упрощают разработку (AG Grid, Apache EChart, Recharts);
– Почему Apache Superset может заменить разработку с нуля;
– Когда использовать линейные графики, а когда радиальные индикаторы.

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

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

🔔 Inspiration #159

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

– altcap.com
– mont-fort.com
– workflow.design
– vanta.com
– thenewindustrials.com

———

– tryklack.com
– ziphq.com
– dyte.io
– elimar.lmigroupintl.com
– instant.so

———

– officeofoverview.com
– fruitful.com
– chainzoku.io
– studionuts.com.br
– wise.com/us

———

– totems-soclage.com
– bisougallery.com
– arqui9.com
– devin.ai
– three.studio

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы