Design & UX

• Дизайн пользовательских интерфейсов и опыта (UI/UX) small

  UI/UX — не один навык, а область, которая идёт от понимания людей до пикселей, которых они касаются.

• Дизайн-мышление medium

  Дизайн-мышление — рабочий цикл для задач, которые ещё не поняты.

• Фасилитация и проектирование воркшопов small

  Фасилитация — проведение структурированной сессии, которая приводит группу к решению.

• Скетчинг small

  Скетчинг — быстрое рисование с низкой точностью, чтобы продумать идею до того, как её зафиксируют в инструменте дизайна.

• Пользовательские исследования large

  Пользовательские исследования выясняют, что людям на самом деле нужно и что они делают, прежде чем вы что-то для них спроектируете, и охватывают выбор…

• Google Analytics 4 (GA4) medium

  Google Analytics 4 — стандартный инструмент веб-аналитики: сюда стекаются события с сайта или приложения, чтобы их читали как воронки, отчёты по…

• UX-тексты и микрокопирайтинг small

  UX-текст живёт внутри интерфейса: это подписи кнопок, подсказки к полям, пустые состояния, сообщения об ошибках и подтверждения.

• Контент-стратегия medium

  Контент-стратегия решает, какой контент существует, для кого он написан, каким голосом и как его поддерживают после запуска.

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

  Информационная архитектура организует контент и даёт ему имена — так, чтобы люди могли этот контент найти.

• Визуальный дизайн medium

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

• Юзабилити small

  Юзабилити — это качество дизайна: насколько легко реальный пользователь достигает своей цели без ошибок и путаницы.

• Figma (программа для дизайна) small

  Figma — это инструмент совместного дизайна, в котором вся команда работает в одном файле прямо в браузере.

• Miro small

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

• Notion small

  Notion — это инструмент для документов и лёгких баз данных.

• Человеко-ориентированное проектирование small

  Человеко-ориентированное проектирование — это привычка выводить решения из задачи и ограничений пользователя, а не из организационной схемы, предпочтений…

• Сторибординг small

  Сториборд рисует последовательность шагов пользователя как короткий комикс: ряд панелей, и в каждой подпись о том, что человек делает и о чём думает.

• Jobs-to-be-Done small

  Jobs-to-be-Done описывает потребность как работу, которую пользователь «нанимает» продукт выполнить.

• Исследования UI/UX small

  Исследование UI/UX — это пользовательское исследование, суженное до интерфейса: что работает, что путает, чего не хватает.

• Дизайн-исследования small

  Дизайн-исследование изучает пользователей, их контекст и продукты, которыми они уже пользуются, — и так формулирует проектную задачу.

• Пользовательские интервью medium

  Пользовательское интервью — это разговор один на один, который вскрывает цели, мысленные модели и болевые точки.

• Проектирование опросов medium

  Проектирование опросов — это написание вопросов, которые измеряют именно то, что вы имеете в виду.

• Картирование пути пользователя medium

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

• Персона (пользовательский опыт) small

  Персона — это названный профиль группы пользователей, построенный на доказательствах; он нужен, чтобы проектное решение опиралось на реальный набор людей,…

• Количественные UX-исследования medium

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

• Hotjar small

  Hotjar записывает реальный трафик: записи сессий того, что люди на самом деле делали, тепловые карты того, куда они кликали и как прокручивали, и опросы…

• Сортировка карточек small

  Сортировка карточек раскладывает названия тем по отдельным карточкам и просит людей самим сгруппировать и назвать их.

• Вайрфрейминг small

  Вайрфрейм — это макет из серых блоков: прямоугольники там, где будут изображения и элементы управления, настоящий текст для важных подписей и никакого…

• Типографика medium

  Типографика — это выбор и набор шрифта для экрана: шкала размеров, мера, которая остаётся читаемой, высота строки, достаточная для того чтобы глаз находил…

• Теория цвета small

  Теория цвета отвечает за выбор оттенка ради контраста, гармонии и смысла, а также за то, как этот оттенок прочитается в конкретных условиях: на тусклом…

• Макетирование и сеточные системы medium

  Содержимое привязывается к набору колонок, промежутков и полей, а на точках перелома это расположение меняется — так колонки, поля и точки перелома вместе…

• Визуализация данных medium

  Визуализация данных превращает числа в графики, которые неспециалист читает правильно, и последнее слово здесь и есть вся работа: график, который точен,…

• Дизайн-системы large

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

• Юзабилити-тестирование medium

  Юзабилити-тестирование — это наблюдение за тем, как люди выполняют задачи в вашем дизайне, и запись того, где именно он ломается.

• Эвристическая оценка small

  Эвристическая оценка — это экспертный обзор дизайна по набору устоявшихся правил юзабилити, который проводят до сессий с пользователями или параллельно с…

• Adobe XD small

  Adobe XD покрывает ту же область, что Figma: артборды, переиспользуемые символы, связанные прототипы и общий доступ.

• Framer small

  Framer — это инструмент дизайна, который публикует.

• Lean UX small

  Lean UX заменяет длинную спецификацию заранее короткими циклами: сформулируйте, во что вы верите, соберите самое маленькое, что это проверит, измерьте,…

• Сервис-дизайн medium

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

• A/B-тестирование medium

  A/B-тестирование показывает два варианта сопоставимым группам: одна переменная меняется, всё остальное остаётся прежним, а разницу в результате…

• Прототипирование medium

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

• Дизайн-токены small

  Дизайн-токен — именованное значение, общее для дизайн-инструментов и кода.

• Передача дизайна и спецификации small

  Передача дизайна — упаковка замысла так, чтобы инженер собрал всё правильно с первого раза: состояния, крайние случаи, токены и поведение, записанные там,…

• Maze small

  Maze — инструмент немодерируемого тестирования: вы публикуете прототип и набор задач, делитесь ссылкой и собираете результаты тех, кто проходит всё сам,…

• Интерактивный дизайн medium

  Интерактивный дизайн отвечает за поведение интерфейса в каждый отдельный момент: что происходит, когда человек нажимает, что интерфейс говорит, пока…