skillswiki.
Профессии/UX/UI-дизайнер/Middle
Подборка материалов · Middle

102 статей для Middle UX/UI-дизайнера: большая подборка

Материалы для самостоятельного продуктового дизайнера: глубинные исследования, JTBD и CJM, информационная архитектура, дизайн-системы, UX-тексты, аналитика, эксперименты и работа с разработкой.

102 статей · 10 тем · материалы на русском языке

Глубинные исследования

  1. Как проводить качественные исследования: интервью, UX-тестирование и фокус-группы

    Чтобы выявлять реальные потребности пользователей.

  2. UX-исследования в T2.Digital. Советы по популяризации исследований в команде

    Чтобы выявлять реальные потребности пользователей.

  3. Айтрекинг в UX-исследованиях

    Чтобы выявлять реальные потребности пользователей.

  4. Как спроектировать базу данных регулярного UX-исследования. Полный гайд на примере одного продукта

    Чтобы выявлять реальные потребности пользователей.

  5. Маркетинговые исследования и UX-исследования. В чем разница?

    Чтобы выявлять реальные потребности пользователей.

  6. Проверка продуктовых гипотез и немодерируемые UX-исследования c применением внутренних инструментов: кейс команды OK

    Чтобы выявлять реальные потребности пользователей.

  7. Как мы используем триангуляцию в UX-исследованиях

    Чтобы выявлять реальные потребности пользователей.

  8. Почему пользователи врут на интервью и что мы увидели, когда начали за ними наблюдать

    Чтобы выявлять реальные потребности пользователей.

  9. Эмоциональный интеллект в UX-исследованиях

    Чтобы выявлять реальные потребности пользователей.

  10. Танец на граблях или тонкости UX-исследований в узких B2B-направлениях

    Чтобы выявлять реальные потребности пользователей.

  11. Что я понял о жителях России, пока изучал гватемальцев. Опыт UX-исследования с другой стороны планеты

    Чтобы выявлять реальные потребности пользователей.

  12. Не видел, значит не было. Объясняем заказчику, почему в UX-исследованиях важны не только цифры

    Чтобы выявлять реальные потребности пользователей.

  13. 12 вещей, которые мы поняли за 12 месяцев работы в UX-исследованиях

    Чтобы выявлять реальные потребности пользователей.

JTBD, CJM и сервисный дизайн

  1. Взболтать, но не смешивать: как упаковать находки исследования, миксуя JTBD, CJM и компас персон

    Чтобы выявить реальные мотивы пользователей.

  2. Самый подробный разбор JTBD, CJM и персон — что нужно вашей команде и как использовать все эти фреймворки

    Чтобы выявить реальные мотивы пользователей.

  3. Когда CJM нужен через 3 дня (а не месяца)

    Чтобы проверить потребность до разработки решения.

  4. Как мы построили две версии CJM и синхронизировали всю команду Ozon Банка с продуктом

    Чтобы проверить потребность до разработки решения.

  5. Исследуем клиентский опыт на практике: печальный CJM, нейротехнологии и гемба

    Чтобы проверить потребность до разработки решения.

Информационная архитектура

  1. B2B UX: Информационная архитектура и проектирование обзорного экрана в BI-системе

    Чтобы принимать устойчивые архитектурные решения.

  2. Информационная архитектура и технология DITA. По мотивам лекции в Яндексе

    Чтобы принимать устойчивые архитектурные решения.

  3. Информационная архитектура в Интернете часть 4

    Чтобы принимать устойчивые архитектурные решения.

  4. Информационная архитектура в Интернете часть 1

    Чтобы принимать устойчивые архитектурные решения.

  5. Информационная архитектура в Интернете часть 3

    Чтобы принимать устойчивые архитектурные решения.

  6. Информационная архитектура по-буддийски (интервью с Питером Морвилем)

    Чтобы принимать устойчивые архитектурные решения.

  7. Информационная архитектура в Интернет

    Чтобы принимать устойчивые архитектурные решения.

  8. Проектируем информационную архитектуру для e-commerce. Часть 1

    Чтобы принимать устойчивые архитектурные решения.

  9. Проектируем информационную архитектуру для e-commerce. Часть 2

    Чтобы принимать устойчивые архитектурные решения.

Дизайн-системы и компоненты

  1. Автостопом по дизайн-системе. Путеводитель с оглавлением

    Чтобы сохранять единообразие интерфейсов.

  2. Мультипродуктовая дизайн-система: как сделать так, чтобы она реально работала

    Чтобы сохранять единообразие интерфейсов.

  3. Как сделать консистентный UX для 40+ продуктов. Уроки, которые я извлекла из перезапуска дизайн-системы

    Чтобы сохранять единообразие интерфейсов.

  4. Кодогенерация токенов дизайн-системы для Android по Figma API

    Чтобы сохранять единообразие интерфейсов.

  5. Как контролировать токены дизайн-системы: поиск ошибок, версионирование и графы в едином дашборде

    Чтобы сохранять единообразие интерфейсов.

  6. Нейминг без боли: архитектура токенов в дизайн-системах через библиотечную структуру

    Чтобы сохранять единообразие интерфейсов.

  7. UI-дзен: как мы познали гармонию, обновив библиотеку компонентов для дизайн-системы Shoelace

    Чтобы сохранять единообразие интерфейсов.

  8. Дизайн-системы в 2025 году: 6 актуальных трендов

    Чтобы сохранять единообразие интерфейсов.

  9. Лучшие практики модальных окон. Компоненты дизайн системы

    Чтобы сохранять единообразие интерфейсов.

  10. Почему компонент дизайн системы — это часть процесса создания дизайна

    Чтобы сохранять единообразие интерфейсов.

  11. Как подружить дизайнера, верстальщика и «Фигму» с помощью дизайн-системы, ломика и какой-то матери™

    Чтобы сохранять единообразие интерфейсов.

  12. Делюсь большой крутой дизайн-системой, которую мы используем на реальных проектах

    Чтобы сохранять единообразие интерфейсов.

  13. Как мы превратили BI в полноценный корпоративный инструмент: дизайн-система, виджеты и self-service

    Чтобы сохранять единообразие интерфейсов.

UX-тексты и контент

  1. UX-текст на языке Шекспира: заповеди, грехи и табу

    Чтобы делать интерфейс понятным без пояснений.

  2. Разбор текстов интерфейса на Букинге — как я делал им аудит

    Чтобы делать интерфейс понятным без пояснений.

  3. Как обойтись без UX-редактора и сделать текст в интерфейсе понятным?

    Чтобы делать интерфейс понятным без пояснений.

  4. Как писать UX-тексты: изучаем интерфейсы мессенджеров

    Чтобы делать интерфейс понятным без пояснений.

  5. Как исследовать текст в интерфейсе

    Чтобы делать интерфейс понятным без пояснений.

  6. Писатели в ИТ: кто и как придумывает тексты для интерфейсов

    Чтобы делать интерфейс понятным без пояснений.

  7. Влияние UX Writing на конверсию через A/B тестирование

    Чтобы проверить влияние изменения на метрики.

  8. Ваш продукт без UX текстов: потрачено

    Чтобы делать интерфейс понятным без пояснений.

  9. Roxy-WI: немного о текстах интерфейсов

    Чтобы делать интерфейс понятным без пояснений.

Доступность и инклюзивность

  1. Доступность сервиса: экспресс-тестирование

    Чтобы интерфейсом могли пользоваться все.

  2. Чек-лист: проверяем веб-страницы на соответствие стандартам WCAG

    Чтобы интерфейсом могли пользоваться все.

  3. Выгода от обеспечения доступности сервисов

    Чтобы интерфейсом могли пользоваться все.

  4. Как быстро въехать в доступность, выстроить обучение и рабочий процесс

    Чтобы интерфейсом могли пользоваться все.

  5. Доступность сервиса: встраивание в существующие процессы

    Чтобы интерфейсом могли пользоваться все.

  6. Как проверить доступность сервиса

    Чтобы интерфейсом могли пользоваться все.

  7. Тестирование доступности с использованием Shadow DOM

    Чтобы интерфейсом могли пользоваться все.

  8. Делаем онлайн-кинотеатр для слепых (WCAG 2.0 AAA)

    Чтобы интерфейсом могли пользоваться все.

  9. Разбор доступности Moni для незрячих пользователей: взгляд незрячего разработчика

    Чтобы интерфейсом могли пользоваться все.

  10. Доступность сервиса: виды ограничений

    Чтобы интерфейсом могли пользоваться все.

  11. Доступность интерфейсов. Лекция Яндекса

    Чтобы интерфейсом могли пользоваться все.

  12. Большой отчёт об изменениях в веб-доступности

    Чтобы интерфейсом могли пользоваться все.

  13. Анализ доступности Open Academy для незрячих и текстовых ИИ-моделей + рекомендации по улучшению удобства использования

    Чтобы интерфейсом могли пользоваться все.

Тестирование, аналитика и эксперименты

  1. Юзабилити-тестирование сайта

    Чтобы проверять влияние изменений на метрики.

  2. Модерирование юзабилити-тестирования

    Чтобы проверять влияние изменений на метрики.

  3. Не UX-тест, а UX-квест: как отойти от стандартных юзабилити-тестирований, когда они совсем наскучили

    Чтобы проверять влияние изменений на метрики.

  4. Юзабилити‑тестирование без иллюзий, или почему технических тестов недостаточно?

    Чтобы проверять влияние изменений на метрики.

  5. Как составить сценарий юзабилити-тестирования

    Чтобы проверять влияние изменений на метрики.

  6. Как провести юзабилити-тестирование с респондентом и не провалить его

    Чтобы проверять влияние изменений на метрики.

  7. Юзабилити-тестирование: как формулировать гипотезы

    Чтобы проверять влияние изменений на метрики.

  8. Планирование юзабилити-тестирования. Часть 2

    Чтобы проверять влияние изменений на метрики.

  9. 10 основных юзабилити-метрик

    Чтобы проверять влияние изменений на метрики.

  10. Модерируемое юзабилити-тестирование: от идеи до задачи в таск-трекере

    Чтобы проверять влияние изменений на метрики.

  11. Планирование юзабилити-тестирования. Часть 1

    Чтобы проверять влияние изменений на метрики.

  12. Юзабилити-тестирование: хотите ли вы узнать правду о своих пользователях?

    Чтобы проверять влияние изменений на метрики.

  13. Проведение юзабилити-тестирований или опыт набитых шишек

    Чтобы проверять влияние изменений на метрики.

Работа с разработкой и продуктом

  1. Как измерить успешность дизайна в техническом продукте? Погружаемся в UX-бенчмаркинг

    Чтобы согласовать требования с реализацией.

  2. Как мы за 3,5 часа обучили продуктовую команду быстрым тестированиям интерфейса

    Чтобы согласовать требования с реализацией.

  3. Как дизайнеры тестируют, или Что такое дизайн-ревью

    Чтобы согласовать требования с реализацией.

  4. AI не заменит продактов, дизайнеров и разработчиков. Но быстро покажет, где в команде нет доверия

    Чтобы согласовать требования с реализацией.

  5. Взаимодействие продуктового дизайнера с командой

    Чтобы согласовать требования с реализацией.

  6. Оценка компетенций продуктовых дизайнеров. Часть 3: Дизайн-чекап команды

    Чтобы согласовать требования с реализацией.

  7. Что ждёт начинающего дизайнера в продуктовой команде

    Чтобы согласовать требования с реализацией.

  8. Парочка полезных роликов по работе с дизайн-системами от больших продуктовых команд

    Чтобы согласовать требования с реализацией.

  9. Совет дизайнеру: работа в продуктовой команде

    Чтобы согласовать требования с реализацией.

  10. Наглядное пособие по разработке продуктов: дизайн

    Чтобы согласовать требования с реализацией.

  11. Как встроить в процессы UX-редакторов, чтобы продуктовая команда работала с удовольствием

    Чтобы согласовать требования с реализацией.

  12. Пять признаков, что в вашей продуктовой команде не хватает UX-редактора

    Чтобы согласовать требования с реализацией.

  13. Разработка возвращает макет: базовая гигиена Figma‑макетов

    Чтобы согласовать требования с реализацией.

Мобильные и адаптивные интерфейсы

  1. Когда закончится эра безграмотных мобильных интерфейсов? Воспоминания о курсе эргономики 1985 года

    Чтобы строить адаптивные макеты без костылей.

  2. Дизайн-система Gravity UI: как легко построить свой интерфейс

    Чтобы строить адаптивные макеты без костылей.

  3. Универсальный подход к адаптивному веб-дизайну интерфейсов Stretch, Scale, Switch (SSS)

    Чтобы строить адаптивные макеты без костылей.

  4. Можно ли сделать мобильный интерфейс без человека. Эксперимент с ИИ. Часть 1

    Чтобы строить адаптивные макеты без костылей.

  5. Стресс-тест оплаты по QR на кассе в супермаркете. Сравниваем мобильные интерфейсы банков

    Чтобы строить адаптивные макеты без костылей.

  6. Мобильный интерфейс для одной руки

    Чтобы строить адаптивные макеты без костылей.

  7. Как мы перевернули подход к мобильным интерфейсам с Backend Driven UI

    Чтобы строить адаптивные макеты без костылей.

  8. Можно ли сделать мобильный интерфейс без человека. Эксперимент с ИИ. Часть 2

    Чтобы строить адаптивные макеты без костылей.

  9. Неправильно использованные шаблоны мобильного интерфейса

    Чтобы строить адаптивные макеты без костылей.

  10. Мобильный UX/UI дизайн: 10 лайфхаков для создания безупречных мобильных приложений

    Чтобы строить адаптивные макеты без костылей.

  11. Психологическая составляющая скорости взаимодействия в мобильных интерфейсах

    Чтобы строить адаптивные макеты без костылей.

  12. Мы давно хотели нормальный мобильный UX для заводских цехов

    Чтобы строить адаптивные макеты без костылей.

  13. Дизайн интерфейсов в России и других странах. Бигтехи и супераппы

    Чтобы строить адаптивные макеты без костылей.

Организация UX-исследований

  1. Юзабилити-тестирование

    Чтобы проверять решения на реальных пользователях.

Все подборки для UX/UI-дизайнера →