🗂 Вкладки работают, пока не пытаются заменить всю навигацию

Статья разбирает вкладки как простой, но часто неправильно используемый паттерн. Они хорошо помогают, когда нужно быстро переключаться между несколькими понятными разделами, сэкономить место и не уводить человека на отдельные экраны. Например, внутри страницы, карточки, настроек, дашборда или мобильного приложения, где есть 5–7 близких по смыслу категорий.

Проблемы начинаются, когда во вкладки пытаются засунуть слишком много всего. Длинные названия не помещаются, категории начинают конкурировать, вложенные вкладки путают уровни, а важный контент оказывается спрятан. Вкладки не должны становиться складом для всего, что некуда положить. Если пользователю нужно сравнивать данные между разделами, много скроллить по табам или гадать по коротким названиям, лучше выбрать другой способ навигации.

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

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

———

💻 Вакансии в IT и digital
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

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

Всем привет, кто продолжает следить за развитием HireHi. Увлекательная история получается. Кому рассказываю, многие не верят, что продукт сделан исключительно AI инструментами без привлечения команды разработки. Для многих это шок) И тут я соглашусь. Я потратил много сил и времеин, чтобы продукт не выглядел нейрослопом, а выглядел как достойный, быстрый и удобный. И кажется, это получилось.

С момента 33 части случилось несколько важных вещей и все положительные

Рекорд1
Сервис за последние 30 дней показал рост выручки на 100%. У меня до сих пор не укладывается это в голове, но теперь я точно могу не работать в найме, ведь чистая прибыль покрывает больше 2х зарплат Senior дизайнера в продукте. Ну и каждую неделю рост пробивает предыдущую.

Рекорд2
Также, доля использования сервисов растёт и показывает рост от 5 до 110% по некоторым фичам. Динамика положительная и это офигеть как круто. Например, за последний месяц добавили 4000 резюме и по новым категориям, которые только появились уже тоже добавляют. Кайф!

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

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

Параллельно с SEO работой я сделал достаточно много технических улучшений и правок. Добавил в админке себе воронку когорт, чтобы смотреть что к чему и какие конверсии. Посидел над целями в яндекс метрике.

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

Скоро я хочу начать привлечение UGC-креаторов, чтобы заполнить сервисом Запретграм. Идеи как это сделать уже есть и генерить сотню роликов тоже. Осталось найти подходящих креаторов, чтобы начать с ними работать. Это уже в процессе)

В общем, пока новости такие) Спасибо всем, кто пишет тёплые слова поддержки и пользуется ❤️

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

Обнял!

ч.33

🎄 Как 2ГИС сделал новогодний слой не просто украшением

В 2ГИС каждый декабрь включают зимний слой: меняются цвета карты, появляются праздничные 3D-модели, гирлянды, украшения и анимации. В этот раз команда решила не просто обновить набор объектов, а собрать цельный визуальный стиль: мягкий, тёплый, дружелюбный и достаточно простой, чтобы нормально жить внутри карты с её техническими ограничениями.

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

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

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

———

💻 Вакансии в IT и digital
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

ChatGPT 5.6 безумен

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

Ну и ещё я за сегодня только сделал кучу фиксов в HireHi. Добавил себе массу фич в админку, поправил UI местами и баги. Ускорил в целом сайт и работу БД. И все это почти ваншотами без переделок. Со времён Fable так не кайфовал.

А как вы используете нейронки? У кого какие кейсы есть интересные? Ток без ботов в ТГ для ведения каллорий по фотке плс))) Есть чет сложное у кого-то прям, мб и другим интересно будет)

———

💻 Вакансии в IT и digital
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

Тут много новеньких, поэтому короткой строкой напомню

Кроме моего основного канала есть ещё два:

1. Вакансии для дизайнеров – каждый день кроме выходных 8 вакансий из 40+ источников для графических, ux/ui и продуктовых дизов.

2. Референсы интерфейсов – каждый день по 3 поста самых разных интерейсов: веб, мобилка, дашборды, графика и прочие.

Буду рад всех видеть) И рекомендациям тоже ❤️

Спасибо всем, кто меня читает. Я это очень ценю и благодарен каждому лично ❤️

🔔 Inspiration #192

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

– passbase.com
– aneshk.design
– 0.xyz
– dylanbrouwer.design
– cash.app/studios

———

– idlehourmatcha.com
– flora.ai
– untamedheroinegame.maxmara.com
– shadergradient.co
– aave.com/app

———

– obsidianos.com
– stripe.com
– yuga.com
– discord.com
– en.cahuparis.com

———

– studioprimal.com
– letslevitate.com
– dilli.house
– dulcedo.com
– brewitty.com

———

💻 Вакансии в IT и digital
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

Если вы давно хотели работать 7 дней в неделю по 12 часов, выгореть через год и уйти пасти коров, то Револют там фаст-трек запустил для дизайнеров. Таких штук от них ещё не было.

➡️ Газ

———

💻 Вакансии в IT и digital
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

🔁 Макет не должен созревать в одиночестве

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

Итеративный подход помог разделить работу на более короткие циклы. Сначала грубая схема и логика, потом интерактивный прототип, потом крайние случаи, ошибки, состояния и уже после этого финальный визуал. На некоторых проектах пошли ещё дальше: брали одну небольшую user story на спринт, быстро собирали прототип, отдавали в разработку и к концу недели показывали заказчику работающий кусок продукта. Это не всегда комфортно, особенно если привык показывать только вылизанный результат, зато команда раньше видит проблемы и дешевле меняет направление.

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

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

———

💻 Вакансии в IT и digital
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

🔥 Ошибка пользователя часто начинается в интерфейсе

Лиза Давыдова из «Лукоморья» разбирает человеческий фактор через два сильных примера: пожар в Нотр-Даме и аварию на АЭС «Три-Майл-Айленд». В обоих случаях система вроде бы передала данные, но человек в конкретной ситуации не смог быстро понять, что происходит и какое действие нужно выполнить. Код датчика, сотня тревожных сигналов, непонятный статус клапана, закрытые бумажками индикаторы, всё это превращает «сам виноват» в плохое объяснение.

Для UX здесь полезная оптика: проектировать надо не только успешный сценарий, где пользователь всё понял, но и места, где он может ошибиться. Пропустить шаг, выбрать похожий объект, применить не то правило, не заметить обязательное поле, неверно понять статус системы. Авторы показывают, как для этого использовать HTA и SHERPA: сначала разложить сценарий на действия, потом для каждого шага описать возможные ошибки и уже под них искать решения в интерфейсе.

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

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

———

💻 Вакансии в IT и digital
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы