Приложение на коленке! Почему Vial и QMK — шляпа?

Привет, Хабр! В прошлой статье я подробно рассказал про свою макрос-клавиатуру: про железо, характеристики и немного затронул ваши комментарии 🙂 ссылка на статью И теперь пришло время рассказать про софт. Почему лично для меня софт — это очень важная часть клавиатуры . Я считаю что , как бы хорошо была собрана макрос-клавиатура, без нормального и удобного софта она остаётся просто набором кнопок. Да, удобным, но всё равно ограниченным. Ведь именно в софте ты видишь фирменный стиль, графику и подход к деталям, шрифты и фирменные цвета. Это первое, с чем пользователь взаимодействует осознанно. Даже в магазине, выбирая пакет молока, мы в первую очередь смотрим на дизайн упаковки — часто вообще подсознательно. И если дизайн «так себе», появляется ощущение, что и само молоко будет таким же. Если на упаковке сделали всё спустя рукава, то и на производстве, скорее всего, не заморачивались. Не факт конечно! но ощущение возникает именно такое. С софтом всё работает точно так же. Он либо вызывает доверие и желание работать дальше, либо сразу оставляет чувство «ну такое».

https://habr.com/ru/articles/992732/

#Макросклавиатура #DIY #QMK #VIA #Python #GUI #Дизайн_интерфейсов #Опыт_разработки #Мнение #Создание_гаджетов

Продуктовая колористика: основы работы с цветом

Первая часть из микро-цикла статей о продуктовой колористике, который поможет дизайнерам, работающим с интерфейсами, глубже изучить вопросы колористики и её системности в продукте

https://habr.com/ru/articles/991464/

#колористика #цветопередача #цветовая_модель #rgb #oklch #hsl #wcag #дизайнсистема #дизайн_интерфейсов #дизайн

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

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

https://habr.com/ru/articles/983472/

#дизайн #дизайн_интерфейсов #дизайн_игр #интерфейсы #gamedev #игры #game_design #разработка_игр #ui #art

Оформление листинга и превью товаров в интернет-магазине: 7 ключевых правил UX

Всем привет! Меня зовут Саша, и последние 12 лет моя жизнь — это дизайн. Сегодня я руковожу дизайн-командой в KISLOROD, а в прошлом — помогал крупным брендам и миллионным сервисам обрести их уникальный голос и форму. Сегодня публикую материал из внутренней базы знаний — обо всём, что касается правильной работы с листингами. Вы узнаете, почему важно уделить внимание листингам товара с точки зрения UX, что обязательно должно быть в превью карточек товаров, почему стоит избегать функционала «Быстрый просмотр» и чем его заменить.

https://habr.com/ru/articles/989866/

#дизайнсистема #дизайн_интерфейсов #дизайн_студия #ux #ui #usability #вебдизайн #вебсервисы #дизайн_сайта #пользовательский_интерфейс

Дизайн-тренажер: как встроить документы в отчетную таблицу, не перегрузив интерфейс

Мы уже рассказали, как заставить таблицы работать , а теперь предлагаем сосредоточиться на мелочах. Разберем три варианта UI на реальном примере: почему цифровой индикатор и раскрывающийся список оказались эффективнее показа вложений прямо в строке. В корпоративных системах проблемы часто создают именно детали. Казалось бы, что может пойти не так от простой функции «прикрепить файл к строке таблицы»? Но именно такие «мелочи» ломают удобство использования, превращая отлаженный отчет в визуальный хаос, где невозможно быстро работать. В этом дизайн-тренажере разберем реальную задачу: как отобразить прикрепленные документы в отчетной таблице, чтобы пользователь мог мгновенно оценить их наличие, понять контекст и при необходимости открыть — без ущерба для главной функции таблицы: быстрого сравнения и анализа данных . Таблицы в отчетах — это обычно строгие строки, столбцы, цифры, статусы. Их сила в структуре и предсказуемости. Но как только появляются вложения (PDF, сканы, договоры), возникает дилемма:

https://habr.com/ru/articles/988968/

#дизайн_интерфейсов #таблицы_в_интерфейсе #отчётные_системы #документы_в_таблице #шаблоны_интерфейсов #выпадающие_списки #удобство_использования #корпоративные_интерфейсы

Поиск для интернет-магазина: 24 обязательных элемента, которые помогут покупателям найти нужное и увеличат конверсию

Всем привет! Меня зовут Саша, и последние 12 лет моя жизнь — это дизайн. Сегодня я руковожу дизайн-командой в KISLOROD, а в прошлом — помогал крупным брендам и миллионным сервисам обрести их уникальный голос и форму. Эффективность конверсионной воронки сайта во многом зависит от того, насколько хорошо реализован интерфейс и функционал разных этапов воронки с точки зрения удобства для пользователя. В этой статье перечислим основные элементы, которые позволяют нам повышать качество поиска в клиентских проектах.

https://habr.com/ru/articles/987394/

#дизайнсистема #дизайн_студия #дизайн_интерфейсов #дизайн_сайта #вебдизайн #вебприложения #ux #ui #поиск #интернетмагазин

Мегатренды в дизайне интерфейсов. Технологии и наука

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

https://habr.com/ru/companies/severstal/articles/985538/

#тренды_2026 #дизайнтренды #uxui #пользовательские_интерфейсы #дизайн_интерфейсов

Когда своровали дизайн интерфейса: 5 судебных процессов и чем это закончилось

Использование чужих графических наработок может привести к суду. Таких примеров — масса. Расскажем о самых примечательных.

https://habr.com/ru/companies/onlinepatent/articles/983300/

#интерфейсы #воровство_контента #копирайт #дизайн #судебный_процесс #дизайн_интерфейсов #дизайн_сайтов

Скорость vs качество: как находить баланс в дизайне при MVP-разработке

Привет, Хабр! Меня зовут Павел Литвиненко, я продуктовый дизайнер в группе проектирования пользовательских интерфейсов B2B «Лаборатории Касперского». Периодически нам приходится разрабатывать новые продукты с нуля. По сути, мы создаем интерфейс для MVP (minimum viable product), то есть продукта, обладающего минимальными, но достаточными для потребителя функциями. Как правило, это тот случай, когда больше всего необходим баланс между скоростью разработки и качеством: чтобы и гипотезы быстро обкатать, и не пасть в грязь лицом перед юзером. Время почти всегда работает против вас. Продуктовая команда хочет запуститься «вчера», но дизайн требует проработки, системности и исследований. Один друг описал мне этот подход так: «Тебе надо добраться из пункта А в пункт Б. Ты стартуешь пешком и развиваешь способы перемещения на ходу: бег, ролики, самокат, велосипед, мопед, мотоцикл, авто и так далее. Каждый новый метод — отдельный релиз». Чтобы все это «поженить» и не нарушить баланс, нужен хороший инструментарий. Об этом и статья: поделюсь личным опытом, подходами и инструментами для дизайнеров B2B-продуктов, которые я применял сам в рамках разработки в «Лаборатории Касперского», в частности при работе над нашим NGFW (Next Generation Firewall). Поговорим о вездесущей ИИшке, дизайн-системах и прототипах для фронтенда.

https://habr.com/ru/companies/kaspersky/articles/974562/

#дизайн #дизайн_интерфейсов #дизайнсистема #интерфейсы #фигма #ии #mvp #редизайн #обновление #ux_design

Bento в модульных интерфейсах: почему компании их выбирают и нужны ли вашему продукту

Модульность, сетки, аккуратные блоки — всё это стало привычной частью интерфейсов. Многие из них визуально напоминают японские bento-боксы. Но ровные скругленные блоки сами по себе не делают дизайн bento. За визуально похожей компоновкой стоят разные принципы: где-то это удобная сетка, а где-то — осознанная композиция со своими акцентами. В статье веб-дизайнер студии комплексной разработки цифровых решений CleverPumpkin Александр Попов вместе с лид-дизайнерами команд «Авито», «Альфа-Банк» и «Детский мир» разбирают, чем bento-стиль отличается от других модульных подходов к созданию дизайна; ситуации, где модульность помогает и в каких мешает. Внутри — примеры продуктовых интерфейсов, выводы и практические рекомендации по работе с bento.

https://habr.com/ru/companies/cleverpumpkin/articles/978024/

#дизайн_интерфейсов #дизайн_сайтов #дизайн_цифровых_продуктов #bento #разработка_приложений

Визуальный шум в игровых интерфейсах

Визуальный шум — это избыточные элементы, которые мешают воспринимать информацию, повышают когнитивную нагрузку и усложняют работу с интерфейсом Как это работает Визуальный шум усложняет восприятие информации. Например, на картинке ниже есть две надписи "Шевелись, Плотва!". Левую надпись прочитать заметно сложнее, потому что она лежит на полосатом гамбезоне Геральта и перемешивается с ним, а правую надпись читать проще, потому что она лежит на однородном фоне

https://habr.com/ru/articles/977464/

#дизайн #дизайн_интерфейсов #дизайн_игр #интерфейсы #gamedev #usability #игры #геймдизайн #разработка_игр #игровая_индустрия

35 удачных UX-решений для интернет-магазинов электроники

Всем привет! Меня зовут Саша, и последние 12 лет моя жизнь — это дизайн. Сегодня я руковожу дизайн-командой в KISLOROD, а в прошлом — помогал крупным брендам и миллионным сервисам обрести их уникальный голос и форму. В этой статье мы проанализировали 11 интернет-магазинов электроники и техники, которые выделяются продуманным пользовательским опытом. Разобрали, какие приемы дизайна, навигации и взаимодействия с пользователем делают их сайты особенно комфортными и понятными. Эта подборка поможет увидеть актуальные UX-тренды и найти вдохновение для развития собственного e-commerce-проекта.

https://habr.com/ru/articles/976922/

#вебдизайн #вебприложения #дизайн_студия #дизайн_интерфейсов #usability #ux #ui #электроника #дизайн_сайтов #дизайнсистема

Фронтенд-ревью без боли: наш опыт перехода в GitLab

Привет! Я Вика, старший продуктовый дизайнер в

https://habr.com/ru/companies/cloud_ru/articles/974542/

#техническая_документация #фронтенд #дизайн #дизайн_интерфейсов #дизайнеры #gitlab #figma

UX, который говорит «да»: шесть принципов Чалдини в интерфейсах

Вы можете бесконечно улучшать визуал, выравнивать пиксели и менять цвета кнопок — но все это не имеет смысла, если интерфейс не говорит с пользователем на человеческом уровне. Настоящий UX начинается не с сетки, а с понимания, почему человек вообще что-то делает. Маркетологи, которые когда-то штудировали Роберта Чалдини, знают: эмоции и поведенческие триггеры конвертят не хуже скидок. И если раньше принципы влияния применяли в рекламе и продажах, то сегодня они стали еще и фундаментом эффективного UX. В статье разобрал, как крупные e-Com-бренды используют «невидимые» психологические триггеры в дизайне — и как вы можете применить их уже завтра.

https://habr.com/ru/articles/974406/

#ux #ui #дизайн_студия #дизайн_интерфейсов #вебдизайн #дизайн_сайтов #разработка_сайтов #разработка_приложений #графические_интерфейсы #графический_дизайн

Как создать интуитивно-понятный дизайн: гештальт-принципы в UX

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

https://habr.com/ru/articles/970956/

#ux #ui #вебдизайн #разработка_сайтов #графический_дизайн #дизайн_интерфейсов #интерфейсы #дизайн_студия #дизайн_сайта

Как мой отзыв помог улучшить UX приложения 2GIS

Существует ряд ошибок, которые подрывают доверие к продукту. Одна из таких — потеря пользовательских данных. Мне пришлось столкнуться с этим лично, когда мой отзыв пропал при попытке публикации. В этой заметке — разбор UX-проблем и то, как мой фидбек привёл к конкретным изменениям в алгоритмах 2GIS.

https://habr.com/ru/articles/970840/

#uiux #интерфейсы #пользовательские_сценарии #пользовательский_опыт #usability #продуктовый_дизайн #ux_дизайн #дизайн_интерфейсов #вебдизайн #мобильные_приложения

Мегатренды в дизайне интерфейсов. Часть 2. Природа и окружающая среда

Привет, Хабр! Мы продолжаем изучать влияние глобальных мегатрендов на дизайн интерфейсов. В прошлых статьях мы уже разобрали, что такое тренды, как они рождаются и по каким законам живут ; и изучили влияние культурных и социальных мегатрендов на дизайн интерфейсов . В этой статье мы посмотрим, как глобальное потепление и устойчивое развитие меняют подходы к дизайну. Не переживайте, мы не будем пугать вас ужасами климатических и природных катастроф — просто разберемся, как это все связано с интерфейсами и какие приёмы в дизайне помогают нам адаптироваться к этим вызовам.

https://habr.com/ru/articles/969258/

#тренды_2026 #дизайнтренды #ux #ui #пользовательские_интерфейсы #дизайн_интерфейсов

Не интерфейсом единым — куда движется дизайн в 2026 году

Рассказываем, почему главный инструмент дизайнера будущего — эмпатия Меня зовут Саша, и последние 12 лет моя жизнь — это дизайн. Сегодня я руковожу дизайн-командой в KISLOROD , а в прошлом — помогал крупным брендам и миллионным сервисам обрести их уникальный голос и форму. Помните, пару лет назад мы всерьез обсуждали, что ИИ скоро оставит дизайнеров без работы? На дворе уже почти 2026-й — а мы все еще здесь. Алгоритмы научились рисовать и подбирать цвета, но считывать контекст, настроение, тревогу, усталость клиента — все еще наша зона ответственности. Поэтому тренды 2026 года — именно про ощущения. Проанализировал и собрал, что, на мой взгляд, будет максимально востребовано.

https://habr.com/ru/articles/968312/

#usability #тренды #вебдизайн #ux #ui #дизайн_интерфейсов #ux_design #дизайн_сайтов #дизайнерам #дизайн_студия

Опросили 1000 пользователей о недочётах в интерфейсах, которые осложняют им процесс совершения покупок в интернете

Всем привет! Я Саша, арт-директор

https://habr.com/ru/companies/kislorod/articles/965036/

#uxисследования #ux_design #дизайн_интерфейсов #прототипирование #вебдизайн #usability #ui #опрос_клиентов #дизайнсистема #тренды

Как это сделано: процесс проектирования Figma-плагина Mirage для быстрой генерации тестовых данных в таблицах

Я проектирую высоконагруженные интерфейсы для B2B и B2E-сегментов, где работа с большими таблицами — практически повседневная задача. Заполнять такие таблицы вручную неудобно и занимает массу времени. Я пробовал разные плагины, помогающие генерировать тестовые данные, но большинство из них англоязычные и поддерживают только западные форматы. У всех решений, что я тестировал, находилось одно критичное ограничение: нельзя сгенерировать сразу несколько типов данных за один раз. Приходится действовать пошагово — сначала выбираю текстовые блоки из одной колонки и генерирую имена, затем в другой колонке генерирую почты, потом телефоны. Такой процесс сильно тормозит работу. Так у меня появилась идея — сделать плагин, адаптированный под наш российский рынок, который будет автоматизировать заполнение таблиц и экономить время дизайнеров. Так родился на свет плагин Mirage , который помогает быстро генерировать тестовые данные в таблицы и текстовые блоки.

https://habr.com/ru/articles/964674/

#ui #ux #оптимизация_рабочего_процесса #инструменты_дизайнера #работа_с_таблицами #плагины_для_figma #дизайнинструменты #дизайн #дизайн_интерфейсов