Обновить

Дизайн

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

Проектирование экранной клавиатуры для промышленного интерфейса «Инспектор»

Время на прочтение7 мин
Охват и читатели6.2K

Подробнее разобрала, почему выбрала ЙЦУКЕН, как адаптировала клавиатуру под разные типы полей, работу оператора в перчатках и ограниченное пространство 15-дюймового экрана.

Читать далее

Новости

Ай да китайцы! Светосильный фикс 7artisans 50mm f/0.95

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

На одной известной барахолке приметил необычный лот — объектив с фокусным расстоянием 50 миллиметров и необычной светосилой f/0.95 за относительно доступные деньги (10 000 руб.), под байонет любимого «Олимпуса». Не удержался от соблазна и заказал. И этот полностью механический объектив превзошёл ожидания и развеял сомнения. Оказался качественно сделанным, интересным, с характером.

Читать далее

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

Уровень сложностиПростой
Время на прочтение10 мин
Охват и читатели7.2K

Привет, на связи Alfa Research Center — исследовательский центр Альфа-Банка. Обычно мы занимаемся исследованиями банковских интерфейсов, но однажды нашим заказчиком стала Президентская академия (РАНХиГС). Они хотели понять, насколько Личный кабинет студента отвечает ожиданиям и как выглядит на фоне рынка. Проверить продукт на UX никогда не бывает лишним, ведь если вам даже кажется, что у вас все хорошо, то глубокое UX-исследование покажет может показать неожиданные результаты.

В этой статье расскажем, как погрузились в личный кабинет студента Президентской академии. Для этого использовали опросы, айтрекинг Tobii Pro и технологию SenseMachine, которая считывает эмоциональный отклик по микровыражениям лица. В итоге получили более 45 выявленных инсайтов и проблем, и столько же рекомендаций на 150 слайдах в отчете.

Но сначала давайте определимся с тем, что мы считаем за «личный кабинет студента».

Смотреть результаты →

Основы вёрстки для дизайнера. Часть 3. CSS — стили как в макетах

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

В первых двух частях (1, 2) мы разобрали, зачем дизайнеру знать основы вёрстки, и поближе познакомились с языком разметки HTML. Сегодня давайте подбробнее обсудим, как из простой разметки рождается дизайн: поговорим о CSS.

Читать далее

Дизайн сайта с управлением жестами без Фигмы: как остаться автором, когда руки — ИИ

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

Я продуктовый дизайнер. Недавно закончил эксперимент, в котором ни разу не открыл Фигму: сайт-портфолио, где вебкамера работает основным вводом. Страница собирает отражение посетителя из частиц, всё управление через жесты. Код писал Claude Code. За мной замысел, дизайн-решения и полевые тесты.

Потрогать: https://dimbo-design.github.io/dimbo_heavy-cv (десктоп, вебкамера)
Код и история решений: https://github.com/dimbo-design/dimbo_heavy-cv

Эта статья про формат работы: что происходит с дизайном, когда исполнитель ИИ, макета нет, а ревьюить код ты не можешь. Формат рабочий. Главный риск в нём не «ИИ нарисует плохо», а незаметно остаться в шаблонных решениях, которые он выдаёт всем подряд. Про это и поговорим.

Читать далее

Как мы поиграли в «Оракл» и прокачали продуктовое мышление команды исследователей

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

Меня зовут Саша Бобков, я UX-исследователь в Контур.Диадоке. Расскажу, как мы командой исследователей сыграли в «Оракл»: вытянули вслепую по пять карт, за 15 минут собрали из них продукты — местами вполне абсурдные — и защищали их друг перед другом.

Будет полезно, если вы ищете лёгкий формат для встречи команды и хотите размять продуктовое мышление без серьёзных слайдов и долгой подготовки. У нас вышло шумно, весело и неожиданно по делу :)

Читать далее

Ошибки в UX у Хабр

Уровень сложностиСредний
Время на прочтение5 мин
Охват и читатели7.4K

Прохожу полный путь новичка на Хабр от регистрации до заполнения профиля и отмечаю критические ошибки в интерфейсе с позиции UX/UI дизайна и принципов эвристики доступности

Читать далее

Как измерить «здоровье» дизайн-команды? Полтора года опыта с ретроспективой Spotify Health Check

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

Привет! Я Владимир Крылов, продуктовый дизайнер и тимлид. В этой статье я поделюсь опытом проведения ретроспектив по методологии Squad Health Check, придуманной в Spotify. Расскажу, почему нам не подошел стандартный формат ретроспектив, в чём суть метода, какие темы для анализа проблем мы выбрали и к каким результатам в итоге пришли.

Как мы измеряем здоровье команды →

Основы вёрстки для дизайнера. Часть 2. HTML и семантическая вёрстка

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

В первой части мы разобрали, зачем дизайнеру знать основы вёрстки и как это помогает создавать реализуемые макеты и экономить время. Теперь перейдём от теории к практике и познакомимся с главным языком разметки — HTML.

Если CSS отвечает за то, как выглядит страница (цвета, шрифты, отступы), то HTML (HyperText Markup Language) отвечает за то, что на ней находится и какую смысловую роль играет каждый элемент. Это скелет вашего сайта.

Читать далее

Декомпозиция промптов для презентации: почему «сделай красиво» не работает

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

Послезавтра у меня выступление на бизнес-встрече.

И, как это обычно бывает (по крайней мере у меня), за два дня до выступления я решила, что презентация никуда не годится. Причем не в смысле «пару слайдов поправить», а полностью пересобрать фокус выступления.

Часы до дедлайна тикают, времени немного, а перспектива сидеть полночи в Figma вообще не вдохновляет.

И тут я вспомнила простую истину. Лень – двигатель прогресса. Значит, будем искать способ, как сделать быстрее.

Читать далее

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

Время на прочтение4 мин
Охват и читатели15K

К моменту, когда заказ доходит до этапа формирования производственной панели, основная проверка данных уже проведена: слои проверены на соответствие технологии, выявлены и исправлены потенциальные проблемы. Теперь перед производителем стоит задача — объединить несколько заказов в одну панель и подготовить её к запуску в производство.

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

Читать далее

Видеомонтаж в blender, бесплатный и надёжный

Уровень сложностиСредний
Время на прочтение8 мин
Охват и читатели13K

В статье расскажу про незаслуженно неизвестный, надёжный, стабильный и по-своему красивый монтажный стол, интегрированный в программу blender. Дам краткое пошаговое руководство по созданию клипа вместе с его исходниками, которые вы сможете скачать и изучить.

Читать далее

Возможно, я дурак… Как делать эффективные продукты в ситуации, когда никто ничего не понимает

Уровень сложностиПростой
Время на прочтение10 мин
Охват и читатели7.7K

Видели ли вы, как пользователи объясняют неудачи в продукте собственной глупостью? Может, слышали в кулуарах, как разработчики соглашаются с пользователями и не знают, чем помочь, — ведь «всё предельно понятно», «для дураков сделано». А бизнес-команда между тем опускает руки и задаётся вопросом, не дураки ли они сами, если не могут донести логику продукта до пользователя?

Меня зовут Анастасия Лестова, и я социальный антрополог с инженерным бэкграундом, а сейчас исследую опыт пользователей в Контур.Маркировка. В своём докладе на CodeFest 2026, опираясь на социальные науки и нейробиологию, я рассказала, что жизненный контекст и плохие интерфейсы делают с психикой и мозгом пользователя (спойлер: буквально снижают его когнитивные способности). А в сегодняшней статье раскрою тему более детально. Понимая психофизиологические механизмы происходящего, мы разберёмся, как всё это лечить с помощью конкретных инструментов в интерфейсе. 

Читать далее

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

О триангуляции в UX-исследованиях на одном примере

Уровень сложностиСредний
Время на прочтение10 мин
Охват и читатели6.5K

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

Привет! Мы — Юля, Лика и Настя – UX-исследователи из Alfa Research Center, профессионально ломаем голову над креативными проектами. Разберём, как работает этот метод на примере одной истории, в которой исследователи разрываются между внешними ограничениями и желанием «сделать хорошо». На нашем примере покажем, как работает триангуляция и чем полезнее простого юзабилити-тестирования зрелых сервисов.

Читать далее

Архитектура продолжений: как в цифровой среде одни ходы становятся легче других

Уровень сложностиСложный
Время на прочтение7 мин
Охват и читатели8.8K

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

Следующий ход

Дизайнеры не должны договариваться о том, как оформлять макеты. Как мы сформировали дизайн-стандарт

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

Привет! Хочу рассказать вам о том, как мы применили продуктовый подход к исследованию опыта разработчиков при работе с Figma, чтобы создать единый стандарт оформления макетов в компании.

На Хабре уже есть несколько отличных разборов того, как разные команды наводят порядок в Figma: аннотации, стрелки, сценарии, раскладки макетов и так далее. Я видел материалы Ozon Tech, t2, Иннотех — это классные справочники правил, можно брать и пользоваться. Но, когда в 2024 году я взялся за задачу подготовки стандарта для нашей компании, то столкнулся с вопросами, о которых нигде ничего не нашел. Как разработать единый подход? Что считать правильным и почему? Как упаковать эту идею и «продать» остальным членам команды, а главное: что делать дальше?

В этой статье поделюсь нашим методом поиска ответов на эти вопросы.

Избавиться от страха и ненависти

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

Время на прочтение9 мин
Охват и читатели8.9K

Всем привет! Мы — команда Облака Mail: редактор Наташа, дизайнер Саша и исследователь Лена.

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

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

Читать далее

Figma больше не первый инструмент дизайнера. И это не выбор

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

Сначала был громкий тезис: «ИИ заменит дизайнеров». Потом пришел другой, помягче: мол, ничего он не заменит, наоборот — открыл возможности, дизайн теперь может больше. Звучит добрее, а врет сильнее.

«Может» — слово с лазейкой. Оно намекает на выбор: хочешь — берешь новые инструменты, не хочешь — работаешь как привык. Но выбора нет. Дело не в том, что кто-то работает хуже: если рядом коллега проходит тот же путь заметно быстрее, разрыв в скорости рано или поздно заметят — сначала команда, потом рынок. Вопрос только в том, когда это коснется вас.

Я продуктовый дизайнер в Cloud.ru, проектирую интерфейсы для ИИ-агентов. У нас в компании активно внедряют ИИ-инструменты в работу, и между дизайнерами принято делиться практиками — кто что попробовал, что зашло, что нет.

Эта статья из таких: показываю свой опыт. Недавно я с нуля собрал раздел проверки безопасности для одного из наших продуктов. Раньше задача в таком виде заняла бы у меня недели полторы — здесь я уложился в три рабочих дня до согласованного флоу макетов. Разберу по шагам, где ИИ сократил путь, а где встал намертво и заставил все объяснять руками. Если вы продуктовый дизайнер и пока приглядываетесь к этим инструментам со стороны — статья для вас.

Читать далее

Основы вёрстки для дизайнера. Часть 1. Введение: как дизайн превращается в живой сайт

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

Хочу рассказать об основах вёрстки для дизайнеров. Научить базовым принципам и показать, как проверять реализацию макета в коде. Статья будет полезна начинающим дизайнерам, которые пока не представляют, как их макеты оживают на реальных сайтах.

Читать далее

Симулятор восприятия: три секунды побыть тем, кто не видит вашу кнопку

Уровень сложностиСредний
Время на прочтение4 мин
Охват и читатели14K

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

Дело не в том, что они плохие дизайнеры или им всё равно. Дело в том, что доступность невозможно понять головой. Её можно только почувствовать. А пока проблема не твоя — ты её не чувствуешь.

Я долго думала, как это починить. И в итоге перестала объяснять словами. Я сделала штуку, которая даёт побыть тем самым пользователем — на несколько секунд. Расскажу, как она устроена и почему чек-листы не работают.

Читать далее
1
23 ...