Фронтенд-ревью без боли: наш опыт перехода в 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 #дизайнинструменты #дизайн #дизайн_интерфейсов

От проблемы к запуску: как превратить результаты исследований в реальные продукты

Привет! Я — Лёша, принципал дизайнер, решаю бизнес-задачи с помощью дизайна уже больше 15-ти лет. Это моя вторая статья из серии посвященной дизайн-процессам, и в ней мы поговорим о втором ромбе системы Double Diamond и о том как же нам теперь закрыть выясненную боль пользователя, и превратить наши идеи в живой, простой, понятный и удобный продукт. Поехали! В первой статье мы выяснили настоящие проблемы и боли наших пользователей, какие у нас есть технические, финансовые и временные ограничения. Благодаря этому мы обзавелись надёжным фундаментом для решения реальных проблем, подтвержденных реальными данными. Теперь пора перейти от проблем к решениям. Если первый ромб был про " Что ?" и " Почему ?", то второй — про " Как ?". Второй ромб так же состоит из двух, потенциально бесконечно повторяющихся внутри до нахождения нужного решения, фаз: Develop (Разработка) и Deliver (Доставка/Внедрение)).

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

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

Яндекс, Ozon или Wildberries, что взять за референс при разработке собственного маркетплейса?

На что ориентироваться? Сильные стороны и лучшие пользовательские сценарии с актуальной статистикой за 2025 год. Как микровзаимодействия повышают конверсию в приложениях

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

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

UX-прожарки: что жарим и с кем едим? Или как мы дополнительно исследуем интерфейсы

Всем привет, меня зовут Двенадцатова Таня. Я руководитель команды исследователей в БКС Банке. Почти 2 года назад у нас в БКС появились Прожарки. Это мероприятие придумала не я. Более того, его концепция и идея мне изначально не нравились и не были на 100% понятны. Встреча называлась дерзко “Поясни за UX” и явка для всей команды исследователей на нее была строго обязательной. Прожарка может стать заменой исследованию. Это происходит, если человек приносит на встречу флоу, собирает комментарии от толпы коллег (среди которых дизайнеры, писатели, исследователи, другие продакты), отрабатывает их и приходит снова. Как “Поясни за UX” превратилось в Прожарку, зачем мы стали собираться и что обсуждать, а также как Прожарка стала регулярным и востребованным ритуалом мы поделились в этой статье.

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

#дизайн #дизайн_интерфейсов #финтех #исследование #исследование_пользователей #исследования_в_it #исследования_и_прогнозы_в_it #исследование_рынка #продуктовая_разработка #продуктовый_дизайн

Мегатренды в дизайне интерфейсов. Часть 1. Культура и общество

Мы продолжаем нашу серию материалов о трендах в дизайне интерфейсов и начинаем с самого широкого пласта — культуры и общества. Как постмодерн и метамодерн влияют на визуальные решения? Почему «ирония», «новая этика» и «необрутализм» становятся не просто стилями, а инструментами коммуникации? Мы собрали более 50 источников — от Awwwards и Behance до академических публикаций — чтобы выделить ключевые мегатренды и показать, как они формируют язык современного UX/UI. Это не короткий лонгрид, а полноценная исследовательская статья — на чашку кофе (или даже две). Запасайтесь вкусными напитками — будет объёмно, живо и очень интересно.

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

#тренды #графический_дизайн #пользовательские_интерфейсы #тренды_2025 #ux_ui #ux_ui_дизайн #дизайн_интерфейсов

Сгенерировано ИИ: прятать или показывать у себя в продукте

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

https://habr.com/ru/companies/skbkontur/articles/957186/

#ai #дизайн_интерфейсов #сгенерированный_контент #искусственный_интеллект

Создание интерактивного макета. Упаковка кругов в квадрат и прямоугольник. Жадный алгоритм

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

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

#упаковка #упаковка_кругов #жадный_алгоритм #математика_для_программистов #оптимальное_решение #дизайн_интерфейсов #фронтенд #javascript #визуализация_объектов #разбор_задач

От хаоса к порядку | Как систематизировать макеты UX/UI-дизайнеру

Привет всем, меня зовут Черныш Татьяна, я – веб-дизайнер в компании «Северсталь» и это рубрика «Опять что-то на дизайнерском». Сегодня мы поговорим о том, как система макетов в Figma сэкономила на нашем проекте неплохой объём времени во время редизайна и разработки. Каждая команда, чаще всего, ведёт проект по-своему, и нет единой и универсальной методики. В этой статье я хотела бы поделиться с вами своим опытом организации дизайн-макетов.

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

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

Как мы разработали дизайн-систему и победили хаос во внутреннем продукте

Меня зовут Света, я дизайнер интерфейсов в DNS. В этой статье хочу рассказать про то, как мы за 6 месяцев прошли путь от интерфейсного хаоса до целостной дизайн-системы, которая изменила не только продукт, но и процессы внутри команды.

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

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

Холистический азиатский UX: беспощадный, но осмысленный

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

https://habr.com/ru/companies/alfa/articles/946984/

#UX #Азия #wechat #Китай #япония #корея #дизайн #дизайн_интерфейсов

Создание интерактивного макета. Задача упаковки кругов в круг. Метод отжига

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

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

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

«Стеклянный мир» iOS 26. Адаптируем приложение под новые гайдлайны

Уже скоро релиз iOS 26 и обновления SDK приложений. Apple снова вносит корректировки, а разработчики и дизайнеры снова подстраиваются. У текущих приложений будет переходный период, но вопрос с обновлением интерфейсов рано или поздно настанет и придется адаптировать под новый SDK и стиль Liquid Glass, чтобы продукт выглядел современно. Наш дизайнер интерфейсов Фёдор Миронов поделится наблюдениями о новых гайдлайнах и расскажет, какие изменения принесёт Liquid Glass. А ещё покажет несколько примеров обновления интерфейсов тестового приложения и нашего финтех-проекта Moneon .

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

#разработка_мобильных_приложений #разработка_приложений #liquid_glass #ios26 #дизайн_интерфейсов #интерфейсы #разработка_дизайна

Как создать дизайн-систему для сайта, если ты не дизайнер

Дизайн-система — это набор правил, компонентов и инструментов, который помогает дизайнерам и разработчикам программного обеспечения работать наиболее эффективно и согласованно. Она включает в себя всё: от цветовых палитр и шрифтов до кнопок, форм и правил взаимодействия с ними. Когда в проекте есть своя дизайн-система, команды могут быстро создавать новые элементы и страницы, избегая неразберихи и повышая качество своего продукта, а пользователи в свою очередь получают интуитивно понятный интерфейс, с которым приятно иметь дело. Я разработчик в компании bpm (ранее “ЛАНИТ - Би Пи Эм”). Столкнувшись с хаосом в интерфейсах и постоянными правками, я решила изучить, как можно организовать процесс создания дизайн-системы самостоятельно. Результат вы видите в этой статье. Очень надеюсь, что описанные правила помогут вам сделать первые шаги в создании дизайна для вашего проекта.

https://habr.com/ru/companies/lanit/articles/938734/

#ланит #ланитби_пи_эм #дизайн_интерфейсов #дизайнсистема #компания_bpm #uxui #интерфейс #юзабилити