Дизайн и разработка — как передать макеты чтобы не было слёз

Привет, Хабровчане! Я Рома — продуктовый дизайнер Tomoru.Team. Дизайнеры и разработчики работаю вместе над перекладываем макетов из Фигмы в прод. В этой статье хочу рассказать как за полгода мы с командой смогли выстроить достаточно рабочую схему по передаче макетов без болей и горения пятой точки

https://habr.com/ru/articles/880278/

Сложный интерфейс: Рисуем состояния экрана без помощи системного аналитика

Когда дизайнер проектирует что-то сложнее посадочной страницы, возникает необходимость в разных состояниях экранов. Чаще всего дизайнеры получают одни и те же правки: «Тут нужен лоадер» или «Как выглядит ошибка?». Полный набор состояний никогда не появляется без пинка аналитика. Годами я наблюдаю бессмысленный пинг-понг. Дизайнер рисует экран и ждёт ревью. Аналитик через пол дня открывает ссылку и просит дорисовать состояние загрузки. Задачка висит в статусе «ин-прогресс» и не уходит в разработку. Сроки растягиваются, релизы переносится. Сегодня разберёмся с запросами и состояниями экрана раз и навсегда. На примере ресторана узнаем, как приложение общается с сервером и как процессы на бэкенде влияют на интерфейс. Чек-лист по отрисовке всех состояний экрана ждёт вас в конце статьи. Получить чек-лист

https://habr.com/ru/articles/858524/

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

Эта статья для начинающих и взрослых дизайнеров. Новички поймут, в какую сторону смотреть, где искать первую работу. Опытные ребята ответят себе на вопросы: «Тем ли я занимаюсь?» и «Стоит ли менять профессию?».

https://habr.com/ru/articles/853100/

Метрики продуктового дизайна в Домклик

В статье я затрону важную тему — какие метрики должен знать и использовать продуктовый дизайнер. На примере Домклик мы посмотрим с какими метриками работает наш дизайн-отдел и ответим на следующие вопросы: 1) Какие метрики должен знать и использовать продуктовый дизайнер? 2) Почему это так важно и какие метрики стоит держать под рукой? 3) Изучим методы сбора и анализа полученных данных. * бонусом разберём несколько примеров. Читать далее →

https://habr.com/ru/companies/domclick/articles/828034/

Как проводить количественные исследования и зачем они нужны

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

https://habr.com/ru/articles/814311/

#исследования_пользователей #uxисследования #дизайн #дизайнеру #гайд #ux #продуктовый_дизайн #продуктовая_аналитика #сервисы #ui/ux_дизайн

Что делать если отключат Figma? Есть ли альтернативы?

Существуют ли альтернативы Figma? Обзор основных конкурентов. Есть ли те, которые способны потеснить дизайн-гегемона с первого места?

https://habr.com/ru/companies/bimeister/articles/815519/

#figma #sketch #дизайн #дизайнеру #ux/ui #ux_design #ui/ux_дизайн #adobe

Гайд по работе с ветками (Figma Branch)

Figma Branch (или «ветка») — это функционал, который позволяет создать копию проекта и изменять его независимо от основной версии. Когда работа завершена и нужно внести изменения в основной проект — ветка сливается с master-версией. Всё как у разработчиков. Но чтобы использовать Branch, ваш тариф должен быть Organization или Enterprise. Предпосылки При коллективной работе над проектом, всегда встречаются классические проблемы: что/когда/кем было добавлено в проект и почему компоненты сломались. Я часто видел костыльное решение — складывать готовые экраны и компоненты куда-то в угол канваса, тегать лида комментом, а после ревью — чистить за собой, мрак. Проще, быстрей, дешевле использовать функционал Branch, тем более они идеально подходят для следующих сценариев:

https://habr.com/ru/articles/793772/

Как уменьшить вес продуктовой анимации в 400 раз (без AI)

Все любят красивую и качественную графику, но обычно такая графика весит много и влечёт проблемы с её добавлением в дистрибутив проекта. А, возможно, и доработки по внешней загрузке или самое частое — сжатие с потерей качества. Каждый дизайнер хоть раз, да говорил «Вот бы можно было и качество сохранить, и отдать разработчикам легкие файлы…». Сегодня нет классных AI-решений для этой задачи, но в этой статье мы расскажем о том, как нам удаётся значительно ужимать графику с использованием растровых и векторных элементов, содержащей альфа-канал. В статье мы ответим на следующие вопросы: Какой формат анимации с растровыми элементами выбрать для использования в мобильном приложении? Как уменьшить вес файла и не потерять качество картинки? И как со всем этим связаны Lottie-анимации?

https://habr.com/ru/articles/793260/

5 методик, которые необходимо использовать продуктовому дизайнеру в 2024-м

5 методик, которые необходимо использовать продуктовому дизайнеру в 24-м Практическое руководство по использованию фреймворков, которые помогут вам создавать лучшие продукты с разбивкой по этапам

https://habr.com/ru/companies/bimeister/articles/783822/

#ux/ui #product #product_design #product_development #дизайн #дизайн_интерфейсов #дизайнеру #продукт #продуктовый_дизайн #продуктовая_разработка

Как работать с нейросетью Midjourney, чтобы получать желаемый результат

Привет, Хабр! Меня зовут Алина, я дизайнер в Friflex . Отвечаю за красоту мобильных и веб-интерфейсов и делаю иллюстрации для медиаканалов компании. Midjourney — одна из самых известных моделей искусственного интеллекта в области создания изображений. С её помощью можно создавать уникальный графический дизайн, визуальный контент, а также оптимизировать рутинные задачи: собирать референсы, разрабатывать концепции, стилизовать картинки и многое другое. Для веб-приложений Midjourney особенно полезна на ранних стадиях процесса проектирования: можно сравнивать различные стили, создавать мудборды и определять направление дизайна. Вместе с коллегами мы собрали лучшие примеры, которые помогут получить качественный результат в работе с Midjourney.

https://habr.com/ru/companies/friflex/articles/775142/