tgindex
Belov Archive

Записная книжка дизайнера. Интерфейсы, структура, решения — личный архив @nikitabelove

Последний пост
4 мая
Последнее чтение
11:16
Постов за неделю
0
Всего постов
26
Тип
открытый
Язык
русский
Категория
Дизайн
В каталоге с
14 авг.
Подписчики
351
−3 за 2 дн.
Сутки
−3
−0,85%
Неделя
 
Месяц
 
Просмотров на пост
446
26 постов
Вовлечённость
127,1%
к подписчикам
Постов в день
0,0
всего 26
Упоминаний
1
каналов
Охват размещения
оценка
1/24сутки в ленте
1/48двое суток
1/72трое суток

Оценка по просмотрам недавних постов: пост набирает почти всё за первые сутки.

Посты

  • видео или голосовое, без подписи

  • 4 мая419405

    Помните, писал про MVP AI-продукта Я тут за вечер накидал концепт e-commerce, где интерфейс работает не как витрина, а как диалог. Не «выбери категорию → поставь 14 фильтров → не найди ничего», а нормальный человеческий сценарий: ты формулируешь задачу, а система собирает ответ в одном потоке — карточки, видео, отзывы, сравнения. Получается уже не совсем магазин в привычном смысле, а скорее слой выбора, собранный вокруг запроса. Пока это быстрый концепт, почти черновой, но сама логика кажется очень перспективной. Вообще, с AI-продуктом я бы с интересом поработал. #portfolio

  • Продолжение предыдущего поста про внутренние интерфейсы и операционные продукты. Когда начинаешь разбирать такие системы глубже, становится понятно, что речь почти никогда не об одном интерфейсе. На самом деле это гораздо более широкая система. От приёмки товаров и контроля сроков годности до оформления заказа на кассе, в мобильном приложении, в киоске и последующей выдачи. Каждый из этих этапов связан между собой. И именно из этих процессов складываются качество продукта и впечатление клиента. Это касается не только фудтеха. Любой бизнес с операционными стандартами и большим количеством сотрудников работает примерно так же. Интерфейсы становятся частью инфраструктуры. Они помогают людям работать быстрее, меньше ошибаться и держать меньше информации в голове. Поэтому в таких задачах я обычно говорю дизайнерам одну простую вещь. Исследования важны. Но попробуйте пойти дальше. Разберитесь, как на самом деле работает процесс. Почему он устроен именно так. Что происходит до интерфейса и после него. Иногда полезно просто встать на место сотрудника и пройти его смену самому. Именно это регулярно делают сильные продуктовые команды. Такой подход помогает не копировать чужие паттерны, а адаптировать решения под реальные процессы и ограничения. А иногда и создавать свои. Посмотреть, что раздражает сотрудника. Где он теряет время. Что приходится держать в голове. После этого решения начинают выглядеть иначе. Очень часто именно в этот момент становится понятно, что задача была намного глубже, чем просто нарисовать кнопку. #workingnotes

  • За несколько лет работы в продукте, сначала как продуктовый дизайнер, а затем как арт-директор, я всё чаще замечаю одну вещь. Самые сложные UX-задачи редко находятся в пользовательских интерфейсах. Они находятся внутри операционных процессов бизнеса. Когда проектируешь B2C-продукты, многое интуитивно понятно. Мы сами пользователи. Но как только продукт начинает управлять реальными процессами внутри бизнеса, всё становится намного сложнее. Простой пример из фудтеха. Со стороны клиента всё выглядит элементарно. Человек сделал заказ. Кухня приготовила. Курьер привёз. Но внутри точки этот же заказ проходит гораздо более длинный путь. Заказ приходит в систему. Кухня готовит. На станции упаковки проверяют состав. Печатают стикер с номером заказа. Кладут на тепловую полку. Курьер собирает заказ по списку в приложении. Забирает и везёт клиенту. И на каждом этапе есть вероятность ошибки. Чаще всего забывают мелочи: соусы, приборы. Для клиента это испорченный вечер. Иногда со стороны это выглядит как мелочь. Например, забыли палочки для роллов. Но если клиент не дома, заказ буквально может быть нечем есть. Или забыли один продукт из заказа. Формально это одна позиция. Но иногда именно из-за неё человек и оформлял заказ, а всё остальное добавил только чтобы добрать до бесплатной доставки. Для бизнеса это повторная доставка, дополнительная загрузка курьера, нагрузка на поддержку, потеря лояльности и возврат клиента. Даже если ошибка происходит в 0.5% заказов, в масштабах сети это тысячи испорченных заказов в месяц. И это напрямую превращается в деньги. Если начинаешь считать этот небольшой процент на объёмах сети, быстро становится понятно, что речь уже идёт о заметной упущенной прибыли. Когда начинаешь разбирать такие процессы, становится ясно, что проблема не только в интерфейсе. Но и в самом процессе. Например: сотрудник несколько раз проверяет один и тот же список важная информация появляется слишком поздно часть контекста приходится держать в голове В таких продуктах дизайн начинается не с экранов. Он начинается с процесса. Иногда самый сильный UX — это просто убрать один лишний шаг. Например, автоматизировать действие, которое сотрудник повторяет десятки раз за смену. Если смотреть на систему целиком, такие изменения дают кратный эффект. Но дальше появляется другая сложность. Любое изменение нужно встроить в живую систему. В одном интерфейсе могут работать люди с разным опытом. Кто-то работает здесь годами. Кто-то пришёл недавно. Кто-то привык к другой логике инструментов. Если резко «улучшить» систему, можно создать новые проблемы. Поэтому большинство изменений в таких продуктах происходят постепенно. Упростить сценарий. Снизить нагрузку на внимание. Аккуратно встроить улучшения в существующий процесс. Вот здесь и начинается настоящий UX. Когда дизайн помогает не только интерфейсу, но и реальной работе людей. Продолжение напишу в следующем посте. #workingnotes

  • 25 апр.4523215

    🙂

  • Очень люблю портативки Nintendo. У меня их аж три: DSi, New 3DS и Switch OLED. В последнее время снова много думаю про emotional design. Кстати, @emo_design классно про это рассказывает, и чем больше я на это смотрю, тем сильнее ощущение, что тема у нас только начинает нормально раскрываться. Если вам вообще интересен эмоциональный дизайн, очень советую просто пощупать приставки Nintendo. Особенно Nintendo 3DS. Там куча вещей, которые до сих пор ощущаются свежо. Например, на 3DS новый контент мог приходить не просто новой иконкой, а в виде подарка. Буквально коробочка на экране, по которой ты нажимаешь, она открывается с анимацией, и только потом ты видишь, что тебе прилетело. Казалось бы, мелочь, но ощущается уже совсем иначе. Не просто «вот вам акция», а маленькое событие. Так же можно подавать промокоды, бонусы, новые функции, награды в loyalty. Или StreetPass Mii Plaza. Консоль в фоне ловила других людей с 3DS рядом, а потом показывала их маленьких аватаров, как будто вы где-то пересеклись. Не агрессивная социалка, а очень тёплое ощущение живого мира. Это можно переосмыслить в продуктах как мягкие сценарии пересечения: вы бывали в похожих местах, у вас совпадают маршруты, интересы, любимые точки. Activity Log тоже супер. По сути это журнал, который показывает, во что ты играл и сколько времени провёл. Но ощущается он не как сухая статистика, а как твоя личная история внутри устройства. Так же можно переосмысливать историю заказов, покупок, привычек, чтобы это был не скучный список, а понятная картина твоего поведения. Темы вообще must-have. Круто, что у всех появилась тёмная тема. Но можно же идти дальше. У Nintendo темы меняли не только фон, но и общее ощущение от системы. Почему бы не делать темы под разную аудиторию, настроение, стиль жизни? В этот момент человек начинает обживать интерфейс, и продукт становится «своим». Mii Maker тоже очень сильная штука. Ты не просто ставишь аватарку, а собираешь маленького персонажа, который потом живёт внутри системы. Это уже не аккаунт, а ощущение присутствия себя внутри продукта. По сути туда же потом пошёл Facebook со своими аватарами, стикерами и мини-анимациями. AR Games и Face Raiders тоже были очень крутые. 3DS через камеру накладывала игровые штуки на реальный мир, а Face Raiders вообще превращала лицо человека в часть игрового сценария. И прикиньте, это ещё работало на 3D-экране без очков. Сейчас с AR на смартфонах это можно развивать ещё сильнее: примерка, визуализация товара, интерактив вокруг продукта, полезные и просто весёлые сценарии. И да, ребят, куда вообще пропали звуки? У 3DS интерфейс звучал. Нажатия, открытия, переключения, маленькие отклики. Не как сайты из 2000-х, а аккуратно, как в играх. Когда телефон не на мьюте, это даёт очень классное ощущение живого интерфейса. Мне кажется, звук в продуктах сейчас очень недооценён. Ну и Switch с профилями и отдельными сохранениями тоже отличный пример. На одной консоли может играть несколько человек, и у каждого будет свой прогресс. Никто никому ничего не ломает. Это вообще шикарный паттерн для семейных, банковских и общих сервисов, где внутри одной среды может жить несколько пользовательских сценариев. Короче, у Nintendo очень круто получается превращать функцию в эмоцию. И мне кажется, если смотреть на такие референсы шире и правильно их интерпретировать, можно придумать реально сильные продуктовые решения. #workingnotes

  • 21 мар.4623910

    Когда-то очень давно мне запала одна песня из рекламы Apple. Вообще мне всегда нравился их маркетинговый стиль, и в какой-то момент я решил найти именно этот трек. Пытался шазамить, искать, копаться. И в какой-то момент случайно наткнулся не просто на этот трек, а на целый плейлист в Apple Music с музыкой из рекламы Apple. Как говорится, искал медь, нашёл золото. И вот это реально одна из тех находок, которыми хочется делиться. Потому что плейлист до сих пор обновляется, и он правда очень стильный. Там собраны очень разные треки, с разным настроением, разной энергией и разной подачей. Но при этом всё это ощущается очень стильно. Мне кажется, это вообще очень классная находка для тех, кто монтирует рилсы, сторис или просто ищет музыку не из совсем уж банального набора. Понятно, что часто хочется использовать что-то более узнаваемое, особенно если думаешь ещё и про охваты. Но когда хочется сделать что-то более эстетичное, атмосферное и не такое очевидное, такие подборки очень выручают. Короче, делюсь. Держите ссылку на плейлист #Belov

  • Каждый раз одна и та же история. Сейчас в продукте делали срочный апдейт. Быстро собрали, всё готово, нужно просто проверить через TestFlight. И потом три дня ждёшь, пока он там появится. Сам апдейт занял меньше времени, чем ожидание. Смотрю, это уже у всех болит. #workingnotes

  • 19 мар.438375из fancysolutions

    Просыпаемся после небольшого затишья 🤪 И возвращаемся со второй часть поста от Никиты 😃 Первая, кстати, тут. Проект — https://c2mtl.koki-kiko.com/ 😀😀😀😀😀😀😀 😀😀😀😀😀😀😀 😀😀😀😀😀😀😀 😀😀😀😀😀😀😀 😀😀😀😀😀😀😀 😀😀😀😀😀😀😀 😀😀😀😀😀😀😀 ➡️ Визуальная логика В рефе используется журнальная, почти редакционная подача: крупная антиква работает как главный визуальный элемент, а фотографии — как фоновые сюжетные пласты. Такая логика создает ощущение «агентского медиа», где каждый слайд читается как самостоятельный разворот. Контраст плотного текста и живых бытовых сцен дает четкую структуру и удерживает внимание. ➡️ Сила жеста Основной жест — гипертрофированная типографика, которая смело перекрывает кадр и становится центром композиции. Это сразу задает тон: уверенность, прямота, отсутствие страха занимать пространство. Слайды выглядят как утвержденная идентичность, а не случайная стилизация — все держится на масштабе, насыщенности и чистоте композиции. ➡️ Технологичность решения Микроанимации, переходы и интерактивные триггеры создают ощущение собранности — будто каждое действие пользователя запускает маленький механизм. Анимация не декоративная, она связывает контент между собой и поддерживает иммерсивность: сайт ощущается как динамичная среда, в которой дизайн, звук и движение работают в едином темпе. Проект — сторис Яндекс Музыки 😀😀😀 😀😀😀 😀😀😀 😀😀😀 😀😀😀 ➡️ Визуальная логика Система строится на принципе «один экран — один смысл»: крупные числа, читаемые заголовки и выверенные градиентные фоны создают ясную навигацию и ритм. Визуальный язык не распыляется — он ведет пользователя по году через серию атмосферных, цельных сцен, где каждая карточка работает как самостоятельный постер. ➡️ Сила жеста Главный жест — превращение статистики в эмоциональные моменты: большие цифры, много воздуха, акцентные 3D-объекты и мягкие анимации подают данные как события, а не отчет. Экран ощущается как highlight, где дизайн делает удар в нужную точку и формирует персональную драматургию года. ➡️ Технологичность решения Технологичность проявляется не в усложнении, а в качестве исполнения: глянцевые 3D-формы, глубокие световые эффекты, плавные переходы и ощущение единой физической среды создают премиальный digital-опыт. Все выглядит дорого и продуманно — как продукт, в котором каждая деталь служит ощущению качества.

  • видео или голосовое, без подписи

  • 19 мар.439355из fancysolutions

    А вот и первый полезный пост от дизайнера Никиты 😃 в этом году. Он поделился проектами, которые ему нравятся визуально. Это первая часть поста 🤩 Проект — https://benditomockup.com/ ➡️ Визуальная логика В рефе используется журнальная, почти редакционная подача: крупная антиква работает как главный визуальный элемент, а фотографии — как фоновые сюжетные пласты. Такая логика создает ощущение «агентского медиа», где каждый слайд читается как самостоятельный разворот. Контраст плотного текста и живых бытовых сцен дает четкую структуру и удерживает внимание. ➡️ Сила жеста Основной жест — гипертрофированная типографика, которая смело перекрывает кадр и становится центром композиции. Это сразу задает тон: уверенность, прямота, отсутствие страха занимать пространство. Слайды выглядят как утвержденная идентичность, а не случайная стилизация — все держится на масштабе, насыщенности и чистоте композиции. ➡️ Технологичность решения Технологичность рефа — в продакшн-качестве мокапов и фотографии: правильный цвет, четкая фактура материалов, аккуратно выстроенный свет. Картинка выглядит дорогой и собранной, даже если композиционно минималистична. Такое решение повышает доверие к презентуемому бренду. Проект — https://bennettandclive.com/ ➡️ Визуальная логика Bennett & Clive строят композицию на предельной смелости: гигантская типографика живет поверх видео, а верстка намеренно «ломает» привычные правила. Но внутри есть строгий порядок — крупные бренды работают как визуальные якоря, а пустоты и минималистичная сетка удерживают ритм. Это структурный хаос: выглядит дерзко, но читается мгновенно. ➡️ Сила жеста Главный жест — масштаб как авторское высказывание. Имена брендов превращены в большие визуальные объекты, которые буквально конкурируют с контентом и создают ощущение статуса. Это демонстрация уверенности: компания не рассказывает о работе, а бросает ее в лицо зрителю крупными мазками, как фэшн-редакция или галерея современных медиа. ➡️ Технологичность решения Техническая сторона подчеркивает editorial-характер: плавные переходы, фокус-шифты, блюр-эффекты и работа с видео подстраивают интерфейс под атмосферу дорогого продакшена. Навигация минимальна, сайт держится на динамике контента и анимации, что создает ощущение легкого high-end продукта без перегруза функциями — все работает ради имидж

  • С ребятами разобрали несколько рефов, делюсь.

  • Как раз к теме прошлого поста недавно сами прошли похожий путь и за несколько дней собрали MVP с AI-интерфейсом. Задача была простая и прикладная сделать удобный инструмент для трекинга питания без лишнего трения. Обычные приложения в этом плане перегружены, хотелось проверить, можно ли упростить это через AI. За два выходных (~4 дня) накидали робочий MVP бота. С моей стороны сценарии, логика взаимодействия, tone of voice и визуальная часть. Важно было, чтобы бот не ломался на нестандартных запросах и нормально вел диалог без типичных заглушек. Из интересного добавили работу с голосом и видео. Можно просто отправить кружок и сказать что съел, бот сам это интерпретирует и считает. Это заметно проще, чем ручной ввод. Пока это MVP, поэтому есть ошибки где-то теряется контекст, где-то неточные расчеты. Сейчас это дорабатываем. Отдельно быстро собрал простой сайт на Framer чтобы зафиксировать проект как отдельную точку: ссылка на сайт Делали это вместе с Никитой, он подробно разобрал техническую часть у себя в LinkedIn, там же есть ещё серия постов на эту тему: ссылка на LinkedIn С результатом можно ознакомиться прямо в боте: @nori_ai_bot В целом для MVP это реально ускоряет работу. Но дальше все равно многое упирается в сами решения и качество проработки. #portfolio

  • Наткнулся на хороший материал про AI в продуктовой разработке, как за час пройти путь от идеи до MVP не в теории, а руками. Автор довольно трезво раскладывает, где AI реально ускоряет процессы, а где без человеческого решения всё начинает рассыпаться. Особенно полезно смотреть на это не как на «волшебную кнопку», а как на инструмент внутри нормального PDLC. В целом мой вывод простой: для запуска MVP AI сейчас действительно очень продуктивен. Он не заменяет сильную команду — и вряд ли когда-нибудь заменит. Но для маленьких команд и стартапов это кратное усиление. На ранних этапах AI помогает быстро пройтись по гипотезам, собрать первичную структуру и прототип, проверить идею, не сжигая месяцы и бюджет. Это снимает лишнее трение и позволяет быстрее перейти к разговору о продукте, а не о процессе. Дальше всё равно решает человек — приоритеты, вкус, ответственность. Ссылка на статью на Medium В целом тема близкая недавно как раз проходили похожий путь с запуском MVP в сжатые сроки. Позже аккуратно разберу этот опыт.

  • С наступающим Новым годом! Пусть в следующем сезоне будет больше ясности, тёплых людей рядом и проектов, которые действительно двигают вперёд. Желаю выдержки, внимания к деталям и той тихой внутренней опоры, которая остаётся с нами в любое время года — даже в самую глубокую зиму. Картинка к посту — мой небольшой символ этого года. Гирлянда на фоне холодной пустоты: простая деталь, которая держит в себе и тяжёлые месяцы, и тот небольшой свет, который мы всё равно ищем. Иногда этот свет всего лишь маленькое украшение, наше собственное смягчение серого мира. Но даже такое свечение помогает продолжать идти.

  • Вот такой вот Фан-факт)

  • Year summary 2025 Написал статью на vc про прошедший год Получилась фиксация ритма, процессов и того, как всё сложилось внутри работы. VC: Link Dsgners: Link

  • 18 дек.55439из fancysolutions

    На Tagline Awards подавали три кейса в номинации Сапожник с сапогами. И взяли все три места 🤩 Часть нашей команды тоже была на церемонии, но она так затянулась, что ребята просто не дождались награды 🍎

  • Теперь уже можно спокойно показать этот момент: фрагмент из лайв-трансляции Tagline Awards, где Krome Group взял серебро, а Friends — золото. Это хорошо дополняет контекст проектов и фиксирует итог сезона.

  • Оставлю здесь небольшой фрагмент отзыва с сайта Fancy Solutions — просто как тёплую деталь к нашей работе с Романом. Всегда приятно видеть, что ваша работа для клиента превращаются в ощутимую ценность.

Belov Archive — tgindex