Дизайн

Привет всем! Меня зовут Артур Арсёнов, я Product Design Lead в Garage Eight. За свою карьеру я успел и побыть владельцем лаборатории, внутри которой было собственное мини-агентство, и в корпорациях поработать. И сегодня уже знаю: каждый из этих форматов задаёт не только стиль работы, но и разную степень вовлечённости в контекст клиента. Это влияет на то, какие задачи вы решаете, как быстро растёте и что в итоге отдаёте пользователю.

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

Разобрали приложения крупных фэшн-ритейлеров. Рассказали, как ЦУМ, ТВОЕ, Shein и Farfetch убивают UX и что они делают реально круто.

Сегодня мы представляем Figma Make — новую функцию «prompt‑to‑code», которая поможет вам быстро исследовать, итерировать и дорабатывать — будь то создание прототипов высокой точности или углубление в детали проектирования и кода.

Меня AI не пугает. Серьёзно. Пока кто-то паниковал и пересматривал «Her», я просто ковырялся в GPT и думал: «А как бы тебя пристрастить к написанию документации на меня?» Любопытство — штука коварная. Оно сначала просто задаёт вопросы, а потом вдруг выясняется, что ты уже все время работаете в паре с нейросетью. Ну и неплохо, надо сказать, работаете.

или как подсмотреть лучшее у мира и сделать свой продукт сильнее

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

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

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

Привет, Хабр. Я Илья Сластен, продуктовый дизайнер интерактивной карты ПГК Диджитал. Ранее в своих статьях я рассказывал о ключевых аспектах работы с локальными переменными в Figma и подход Atomic Design и о минимализме в дизайне. Сегодня поговорим о нейминге.

Когда создаешь дизайн-систему, кажется, что главное — создать компоненты, настроить сетки, собрать библиотеку в Figma. Но на деле одна из самых сложных частей — это разобраться с токенами: как их называть, как их организовать, и как всё это выстроить так, чтобы было удобно и дизайнерам, и разработчикам. Без этого система быстро превращается в кашу.

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

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

Работа в рамках "Известные неизвестные" помогает нащупать новые зоны роста, выстроить карту развития, понять, чего тебе действительно не хватает, чтобы сдвинуться с мёртвой точки в продуктовой задаче.

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

Привет, это Анна Васичко, методист Академии PIX. В марте мы выпустили новый урок в рамках PIX Триатлона, где вместе с моей коллегой, Анной Климковой, разобрали, как устроены визуализации на дашбордах и какие есть лучшие практики визуализации данных. В этой статье хочу чуть глубже копнуть в принципы UI/UX при разработке дашбордов и разобрать, какие случайные (или не очень) манипуляции в графиках могут привести вас на темную сторону.  

Таблица для цеха отличается от обычной таблицы. Очень сильно:

— «Модные» тонкие шрифты — сразу на свалку. Числа должны читаться даже в маске сварщика.

— Освещение в цехах адаптировано под специфику задач— почти всегда нужна ночная тема.

— Минимум цветов, новый цвет — только привлечь внимание к реально критичной вещи.

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

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

Cтандартные подходы не всегда решали эти задачи.

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

В 70‑е Coca‑Cola пыталась перейти на многоразовые стеклянные бутылки, но понесла убытки из‑за неудобства и слабой системы возврата. В 1983 году Apple представила Lisa с первой в мире графической ОС по цене почти $10 тысяч — продукт опередил время, но не нашёл поддержки. А DeLorean DMC‑12 стал иконой стиля, но обанкротил компанию. Что пошло не так?

🍹 А вот и результаты второго челленджа )

Дизайн приложения с рецептами коктейлей по концепту нейронки.

Вам когда-нибудь хотелось, чтобы можно было написать простой CSS для объявления цвета, после чего браузер сам бы определял, чёрный или белый должен сочетаться с этим цветом? Теперь это возможно благодаря contrast-color(). В статье мы объясним, как это работает.

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

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

Эту историю для моего блога рассказал профессиональный фотограф Олег Цербаев

В начале 2000-х появилась цифровая фотография, мир раскололся на два лагеря: «Это не искусство!» против «Это будущее!». За три года в рекламной индустрии почти не осталось фотографов старше 40 лет. Крупные журналы начали работать с молодыми ребятами, фотоиндустрия в итоге выросла в разы. То, что происходит сейчас с нейросетями — намного масштабнее. Это не просто новый инструмент в нашем арсенале, а целая новая реальность.

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

Моему ТГ-каналу про веб-дизайн из нейронок уже больше двух лет.

И я запустил челлендж для себя и всех желающих дизайнеров :-)

Захотелось рассказать про один из своих старых концептов. Уже можно, NDA закончилось.
На 2023 год задачка была и правда не тривиальной.

А еще, визуально закрепить, что идея не обязана выглядеть как вылизанный проект на Dribbble.

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

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

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

В прошлом году мы объявили до добавлении в наше приложение для работы с изображениями фотографий с HDR, или «High Dynamic Range». Большинство пользователей это порадовало, кого-то сбило с толку, а некоторые проявили откровенное беспокойство. Это связано с тем, что HDR может означать два разных, хотя и близких, понятия.

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

И начался этот процесс еще в Советском Союзе в брежневскую эпоху. И это при том, что ни одного ресторана тогда в стране не работало. Вероятно, корпорация планировала выйти на рынок СССР, но началась Война в Афганистане, и фирма присоединилась к международному бойкоту. Открытие первого ресторана отложить более чем на десятилетие. 

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