Все потоки
Поиск
Написать публикацию
Обновить
83.15

Интерфейсы *

То, что помогает ориентироваться

Сначала показывать
Порог рейтинга
Уровень сложности

Как мы строим дизайн-культуру в InfoWatch

Время на прочтение10 мин
Количество просмотров948

Привет! Меня зовут Вадим, я проектирую интерфейсы в InfoWatch. Но сейчас не о том, как мы строим интерфейсы, а о том, как мы строим дизайн-культуру. Я расскажу о нашем двухлетнем пути, полном ошибок и открытий, который привел к реальным изменениям в продуктах и работе команды.

В этой статье расскажу:

- как мы за два года прошли путь от оформительства до полноценного дизайн‑процесса;

- какие грабли собрали;

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

- как убедить коллег, что дизайн — это важно (спойлер: надо говорить на языке бизнеса).

Это не будет очередной теоретической статьей про «как надо». Только реальный опыт и — самое главное — конкретные примеры того, что сработало именно у нас.

Читать далее

UI за 35 лет: как интерфейсы дошли от Comic Sans до нейросетей

Уровень сложностиСредний
Время на прочтение18 мин
Количество просмотров1.2K

Разбираем тренды, которые выдержали проверку временем, и провальные эксперименты. Почему CSS пережил Flash, а плоский дизайн победил скевоморфизм? Гид по главным урокам эволюции дизайна.

Читать далее

Каĸ организовать 20+ ролей в одном Figma-файле: наш кейс и советы для смельчаков

Время на прочтение4 мин
Количество просмотров382

Представьте: у вас есть приложение с 20 пользовательсĸими ролями. Каждая роль видит интерфейс по-своему — разные элементы, состояния, возможности. И вам нужно поддерживать аĸтуальность всех этих вариантов.

Звучит ĸаĸ nightmare? Таĸ и было.

Читать далее

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

Время на прочтение10 мин
Количество просмотров2.6K

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

Как это обычно происходит? Покажу на примере последнего запроса. Пишет мне потенциальный клиент в Телеграм:

— Добрый день, Егор! Подскажите, пожалуйста, ориентировочную стоимость проектирования и аудита интерфейса. Уже есть готовый проект, думаем о редизайне.

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

Объясняю в переписке, что всё очень индивидуально и предлагаю время созвона. Моя задача — организовать часовой разговор, во время которого я познакомлюсь с человеком и проектом, а также успею провести экспресс-аудит. Это бесплатно и всегда интересно.

Читать далее

Как прокачка UI поможет дизайнеру побороть страх роста от junior к middle?

Уровень сложностиПростой
Время на прочтение6 мин
Количество просмотров1.9K

В статье хочу рассказать, как я проходила путь от Junior до Middle дизайнера, и зачем развивать насмотренность, качать UI и участвовать в хакатонах и стартапах, даже если есть основная работа.

Читать далее

Почему мы до сих пор используем пиксели: графика в играх и UI

Уровень сложностиПростой
Время на прочтение9 мин
Количество просмотров15K

Пиксели пережили всё — от рассвета 8-битных приставок до эпохи 4K-мониторов. Их пытались заменить вектором, 3D-моделями и бесконечным количеством сглаживающих фильтров, но они всё ещё с нами — в играх, иконках и даже модных UI-дизайнах.

Почему же в 2025 году мы по-прежнему рисуем мир точками, как художник XIX века мазками на холсте? Разберёмся, в чём идея растровой графики, когда она незаменима и почему разработчики не спешат от неё отказываться. Детали под катом.

Читать далее

Как я полюбил LESS, избавился от копипасты в CSS-коде, сделал его безопаснее, а разметку семантической (часть 2)

Уровень сложностиСредний
Время на прочтение25 мин
Количество просмотров3.1K

В первой части я рассказывал об основах LESS: переменных, миксинах, и некоторых приёмах. А сегодня мы поговорим о вещах, оставшихся в прошлый раз нераскрытыми...

Читать далее

Работа над ошибками

Уровень сложностиСредний
Время на прочтение7 мин
Количество просмотров1.7K

Разбираемся, почему при заполнении формы возникают ошибки, почему они раздражают, как снизить это раздражение и помочь пользователю не застрять в сценарии

Хочу знать

Вёрстка не поехала: как тестировать интерфейсы без боли

Уровень сложностиПростой
Время на прочтение11 мин
Количество просмотров3.6K

Привет, Хабр!

Мы — Алевтина Чугунова (владелец продукта дизайн‑системы) и Дарья Каткова (QA‑инженер). В этой статье расскажем, как создаём и тестируем дизайн‑систему, с какими проблемами сталкивались и какие инструменты разработали, чтобы упростить жизнь себе и командам.

Вы узнаете:

— Что такое дизайн‑система и зачем она нужна.

— Как тестировать интерфейсы без боли.

— Какие инструменты помогают автоматизировать проверки.

Читать далее

Happy Mac и бомбочка: дизайнер Сьюзен Кэр и ее работы

Уровень сложностиПростой
Время на прочтение3 мин
Количество просмотров2.9K

Сьюзен Кэр — американская художница и графический дизайнер, которая разрабатывала элементы интерфейса и шрифты для первого Apple Macintosh. Она также работала консультантом по дизайну в Microsoft, IBM, Sony и Pinterest и других компаниях. Рассказываем в нашей статье, как Кэр, не имея опыта в графике и шрифтах, создала визуальный дизайн для Mac.

Читать далее

10 принципов удобного интерфейса

Уровень сложностиПростой
Время на прочтение7 мин
Количество просмотров6.2K

Привет! Меня зовут Гриша, я UX-проектировщик Спортмастера. В этой статье я расскажу про все 10 эвристик Нильсена с советами по применению и простыми примерами. Независимо от того, создаете ли вы продукт с нуля или проводите UX-аудит — эти принципы помогут вам принимать более обоснованные решения. Ведь хороший интерфейс — это не только про красивую картинку, но и про удобство, понятность и предсказуемость взаимодействия. Именно это делает продукт по-настоящему дружелюбным к пользователю. 

Чтобы создавать такие интерфейсы, UX-дизайнеры по всему миру опираются на проверенные временем принципы — эвристики юзабилити. Их сформулировал в 1994 году эксперт по пользовательскому опыту Якоб Нильсен, и с тех пор они остаются основой для анализа и проектирования интерфейсов. Это не строгие правила, а скорее универсальные рекомендации, которые помогают находить и устранять проблемы в дизайне. Зато они успели стать своеобразной классикой и базой для тех, кто работает в этой сфере. Да-да, несмотря на то, что прошло 30+ лет.

Итак, давайте по порядку.

Читать далее

По следам GPT-5: как LLM все сильнее превращается в айфон

Уровень сложностиПростой
Время на прочтение7 мин
Количество просмотров17K

LLMки можно любить и ненавидеть, но нельзя отрицать того, что это что-то очень большое и сильно трансформирующее все вокруг. Я регулярно и помногу размышляю над AI-агентами и в целом траекторией genAI движения и после вчерашней презентации GPT-5 мой личный паззлик окончательно сложился. Все это очень похоже на то, что мы уже видели.

И это — iPhone.

Читать далее

Дизайнер х Аналитик: где заканчивается аналитика и начинается дизайн?

Уровень сложностиПростой
Время на прочтение9 мин
Количество просмотров604

Рынок IT меняется с такой скоростью, что за ним иногда трудно угнаться: новые технологии, методологии, роли — всё постоянно меняется. Из-за этого границы между профессиями часто становятся размазанными. Если разработчики чётко знают свой стек, задачи и техдолг, то у дизайнеров и аналитиков всё гораздо более гибко, потому что их работа опирается на коммуникацию, логику и потребности людей. Часто дизайнеры и аналитики начинают работать вместе еще на самых ранних стадиях проекта — именно там, где чаще всего царит хаос.

И вот здесь начинается путаница. Часто не совсем ясно, кто за что отвечает. В одной команде UX-дизайнер делает всё: от сбора требований до создания прототипов, а в другой — он ждет четкого ТЗ от аналитика. И тогда возникает вопрос: где заканчивается аналитика и начинается дизайн? Давайте разберемся.

Читать далее

Ближайшие события

Comet от Perplexity: обзор ИИ-браузера будущего

Уровень сложностиПростой
Время на прочтение6 мин
Количество просмотров17K

Comet от Perplexity— браузер будущего с AI-ассистентом, который помогает автоматизировать рутину. В статье делюсь опытом недельного теста, плюсами и минусами, и рассказываю, чем новый подход отличается от привычных решений.

Читать далее

Библиотека визуализации графов: как мы решили дилемму Canvas vs HTML в Gravity UI

Время на прочтение17 мин
Количество просмотров11K

Меня зовут Андрей, я разработчик интерфейсов в команде User Experience инфраструктурных сервисов Яндекса. Мы развиваем Gravity UI — опенсорсную дизайн‑систему и библиотеку React‑компонентов, которую используют десятки продуктов внутри компании и за её пределами. Сегодня расскажу, как мы столкнулись с задачей визуализации сложных графов, почему существующие решения нас не устроили, и как в итоге появилась @gravity‑ui/graph — библиотека, которую мы решили сделать открытой для сообщества.

Эта история началась с практической проблемы: нам нужно было рендерить графы на 10 000+ элементов с интерактивными компонентами. В Яндексе много проектов, где пользователи создают сложные пайплайны обработки данных — от простых ETL‑процессов до машинного обучения. Когда такие пайплайны создаются программно, количество блоков может достигать десятков тысяч.

Существующие решения нас не устраивали:

— HTML/SVG‑библиотеки красиво выглядят и удобны в разработке, но начинают тормозить уже на сотнях элементов.

— Canvas‑решения справляются с производительностью, но требуют огромного количества кода для создания сложных UI‑элементов.

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

Читать далее

Они говорят «неудобно», но продолжают пользоваться

Время на прочтение4 мин
Количество просмотров18K

Сидим с другом в машине. Скидываю ему в Телегу ссылку на сайт по продаже щёток стеклоочистителей.

— Попробуй найти здесь дворники для своего Пассата.

Друг переходит по ссылке, видит форму подбора щёток по автомобилю. Открывает выпадающий список с перечнем марок. Листает вниз.

— Блин, неудобно же! Volkswagen — в самом низу. А машина популярная. Могли бы, не знаю, поиск какой-нибудь сделать. Или вынести несколько популярных марок наверх.

Кстати, друг — профессиональный дизайнер интерфейсов. В общем, долистывает до конца списка, выбирает Volkswagen и попадает на шаг с выбором модели…

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

Читать далее

Дизайн для ленивых: как интерфейсы учатся думать за пользователя

Уровень сложностиПростой
Время на прочтение6 мин
Количество просмотров2.8K

Современные пользователи цифровых продуктов подсознательно стремятся к минимальным когнитивным затратам. Это порождает новый тренд — «ленивый UX», где система берет на себя рутинные решения.

В этой статье разберем:

- Как алгоритмы упрощают взаимодействие

- Примеры удачных и провальных предугадываний

- Грань между удобством и навязчивостью

Читать далее

anton@gmail.com, anton+habr@gmail.com, an.ton@gmail.com — почему всё это один и тот же имейл

Уровень сложностиПростой
Время на прочтение5 мин
Количество просмотров12K

Однажды у нас в CRM появились 3 загадочных клиента. С каждым вёл переговоры отдельный продавец. А потом выяснилось, что эти клиенты — один и тот же человек с одним и тем же имейлом.

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

Спойлер: это не связано с европейским регламентом по защите данных (GDPR) и правом клиента быть забытым (потребовать от компании удаления всей информации о себе).

Читать далее

Какого китайца выбрать? DeepSeek vs Qwen vs Baidu

Уровень сложностиПростой
Время на прочтение5 мин
Количество просмотров24K

Китайские нейросети вышли на арену: DeepSeek, Qwen и Baidu ERNIE стремительно догоняют западные аналоги. Я протестировал их лично — на коде, логике и креативе. Где тупят? Кто реально выдаёт GPT‑4‑уровень? В статье — примеры, таблицы, фейлы и вывод: что выбрать в 2025 году, если тебе важны мощность, стабильность и интерфейс без иероглифов.

Читать далее

Почему в интерфейсах со сложной логикой недостаточно показать макеты в Figma?

Уровень сложностиПростой
Время на прочтение4 мин
Количество просмотров5.6K

В принципе, в меме всё честно. Но я всё же решила объяснить более детально, почему не кидаю ссылку на Figma по первому запросу.

Читать далее