Дизайн

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

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

Привет, Хабр! Меня зовут Светлана Моторкина, я Head of Design в компании Friflex. В этой статье расскажу, как мы придумали формулу, чтобы управлять сложными адаптивными интерфейсами с большим количеством повторяющихся элементов в ряду.

Если вы работаете с плотными интерфейсами вроде канбан-досок, галерей, календарей, игровых сеток, другими сложными адаптивами, этот подход поможет сократить количество макетов и сделать отображение предсказуемым. 

Иногда любовь к продукту заходит так далеко, что хочется рассказать о нём всему миру. У меня так случилось с моим любимым гелем для стирки — он пахнет свежестью, а на логотипе у него живёт милая овечка. Я решила: нужна красивая карточка товара! Не просто «банка на белом фоне», а что-то, что передаст уют и чистоту.

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

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

Вы узнаете:

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

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

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

Икко Танака — один из наиболее выдающихся японских дизайнеров XX века, сочетавший в своих работах современность и традиционные живописные основы. Он внес значительный вклад в дизайн и современное искусство. Его работы в том числе повлияли на Андрея Тарковского. О его жизни и творчестве мы сегодня и поговорим. 

Всем привет! Меня зовут Денис Ланин, я один из старших дизайнеров в Юзтехе. В этой статье я поделюсь опытом проектирования своей криптоколлекции Angry!Kids. Хотя она пока так и не увидела свет (и, скорее всего, никогда не увидит), этот проект подарил мне бесценный опыт и прокачал навыки. Здесь расскажу о пути проектирования, возникавших проблемах, способах их решения и том, как всё это повлияло на меня как на специалиста.

Статья будет полезна продуктовым дизайнерам, digital-художникам, NFT-разработчикам, а также всем, кто работает с цифровыми коллекциями или интересуется созданием похожих цифровых проектов. Приятного чтения!

Авторские изображения и минимум текста — так выглядят современные детские книги на Западе. Времена фантазии все больше остаются в прошлом, уступая место современным технологиям. К сожалению, с этим ничего нельзя сделать, поскольку альтернативу в России предложить некому, да и нечем. Поэтому постепенно тренд завоёвывает и российский рынок. С одной стороны, в этом можно отыскать и положительную сторону. Современные художники предлагают оригинальные идеи для дизайна детских кинг. Высокая конкуренция заставляет искать новые области для творчества, порою граничащие со скандалом, особенно если дело касается детей. Более того, авторский дизайн ярко выделяется на фоне засилия ИИ-изображений, что буквально бросается в глаза при просмотре любого онлайн-каталога детских книг. Это помогает сегрегировать качественную детскую литературу и поддерживать стандарт продукции. С другой стороны, высокая планка, а заодно и стоимость, дизайна детской книги часто идёт в ущерб его содержанию. Текст уходит на второе место, если в принципе ещё необходим автору для каких-то совсем прозаических целей. Однако в этом моменте следует отметить ключевую деталь: детские книги теряют свою историческую роль воспитания, становясь объектом развлечения. Теперь самое время оглянуться на историю детской литературы.

Думаю, ни для кого не секрет, что большую часть существования цивилизации детский фольклор передавался исключительно в устной форме. Впрочем, как и любой другой до широкого распространения книгопечатания и легкого доступа к книгам практически для всех слоёв населения. В XIX веке в России стали предпринимать первые попытки систематизации русского фольклора, в том числе и детского. Ярким примером тому служит появление сборника сказок А.Н. Афанасьева, опубликованного в 1855-1863 гг. Впоследствии к вопросу систематизации сотен детских сказок русского народа обращался и Максим Горький, и всем нам хорошо известный В.Я. Пропп в своей книге «Исторические корни волшебной сказки». Вернёмся к устной форме. Стоит выделить два очень важных момента для темы данной статьи. Во-первых, как вы сами понимаете, ребёнку требовалась фантазия для того, чтобы представлять образы фольклора. Полностью детские книги, а уж тем более с иллюстрациями, появятся лишь к концу XIX века. Кстати, кому любопытно, как выглядели такие европейские детские книги, есть бесплатная коллекция литературы на сайте университета Флориды. Во-вторых, детский фольклор нёс в первую очередь в себе воспитательную роль (как нужно поступать, чтобы выжить, что является добром) и бытовую роль (для укачивания ребенка перед сном, к примеру). Равзлечение было скорее сопутствующим фактором, чем запланированным. И если вы вспомните оригинальные сюжеты сказок (Гримм, например), то поймёте, про что идёт речь.

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

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

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

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

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

Доброго времени суток, друзья! Мое утро на днях началось не с кофе, а с того, что мой старый верный товарищ, ультраширокий Xiaomi Mi Curved Gaming Monitor 34", который мне еще года четыре назад подарил лучший друг, приказал долго жить. Вдвойне обидно.

Симптомы классические: черный экран, мигающий светодиод, и чтобы его запустить, нужно пошаманить с вилкой. Судя по всему, накрылась плата T-CON. А поскольку работа не ждет, нужно было немедленно приступать к поиску замены.

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

Apple OS 26 — крупнейшее обновление экосистемы за последние годы. Система получила новый дизайн Liquid Glass с прозрачными и полупрозрачными элементами, что визуально сближает её с iOS и visionOS. Глубокая интеграция Apple Intelligence позволяет использовать перевод звонков в реальном времени, автоматизацию на основе AI и расширенные возможности Continuity, включая полноценное приложение Phone и Live Activities с iPhone. Spotlight переработан в мощный инструмент поиска с поддержкой естественного языка и быстрых действий, а новые приложения Journal и Games делают macOS более персонализированной и ориентированной на пользователей. Обновление совместимо с Mac на базе Apple Silicon и ограниченным набором Intel‑моделей, при этом оно станет последним релизом с поддержкой Intel. macOS 26 выходит осенью 2025 года и позиционируется как шаг к более интеллектуальному и интегрированному пользовательскому опыту.

Многие разработчики при обсуждении основ Clean Code называют одни и те же принципы — чаще всего упоминаются DRY, KISS и YAGNI. Эти концепции прочно закрепились в профессиональном сообществе и воспринимаются как обязательная часть хорошего кода.

Принцип RUG упоминается значительно реже. Чаще всего о нём узнают с опытом, а многие применяют его интуитивно, даже не подозревая, что для этого подхода существует отдельное название и формулировка.

Сегодня я хочу поговорить о принципе RUG и о том, какие рекомендации он даёт по написанию программного обеспечения.

RUG (Repeat Until Good) — это принцип, который говорит: можно повторять один и тот же код, пока это разумно.

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

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

Я буду использовать TypeScript, так как этот язык знаком большинству разработчиков. 😁

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

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

Привет, Хабр! Меня зовут Дмитрий Волков, я Head of Product Design в MANGO OFFICE.

Недавно мы провели внутренний митап на тему универсального языка работы SCRUM-команды при проектировании пользовательского опыта. Решил поделиться выводами и практическими инструментами, которые помогают решить проблему коммуникации в продуктовых командах.

На просторах сети немало сайтов, и у значительной их части на главной странице находится ОН — Самый Главный Слайдер.

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

А самое главное — зачастую, часть его слайдов... нечитаема. И это очень коварная проблема, ведь поначалу ничто не предвещает беды. Дизайнер делает красивый дизайн, верстальщик - качественную вёрстку. Всё идёт отлично!

А спустя время заказчик начинает вводить текст, загружает картинку, иии... Оказывается, что картинка подходит совсем не любая. На самом деле, даже не любая картинка зачастую тоже не подходит!

А ещё есть разные... кхм... разрешения... кхм... экрана... Простите, слеза в горле застряла.

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

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

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

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

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

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

Команда UX-исследователей Островка делится опытом работы с эмоциями и подробным чек-листом проведения и восстановления после интервью 

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