#дизайнсистема — Public Fediverse posts
Live and recent posts from across the Fediverse tagged #дизайнсистема, aggregated by home.social.
-
ТОП-10 сайтов мебельных магазинов: лучшие UX-решения и приемы юзабилити
Как сделать интернет-магазин мебели удобным для покупателя? В этой статье собрал 10 мебельных eCommerce-проектов с сильным UX и удачными решениями по юзабилити. Разобрал, как бренды выстраивают навигацию, оформляют каталог, помогают выбирать товары и упрощают путь до покупки. Покажу, какие UX-подходы действительно работают в мебельном eCommerce: от структуры каталога и фильтров до карточек товара, визуальной подачи и сценариев оформления заказа. Статья поможет посмотреть на собственный интернет-магазин со стороны пользователя, найти точки роста и подсмотреть практические решения для улучшения пользовательского опыта.
https://habr.com/ru/articles/1040014/
#вебдизайн #мобильный_интерфейс #интерфейсы #вебразработа #разработка_приложений #дизайнсистема #дизайнстудия #юзабилити #интернетмагазин
-
ТОП-10 сайтов мебельных магазинов: лучшие UX-решения и приемы юзабилити
Как сделать интернет-магазин мебели удобным для покупателя? В этой статье собрал 10 мебельных eCommerce-проектов с сильным UX и удачными решениями по юзабилити. Разобрал, как бренды выстраивают навигацию, оформляют каталог, помогают выбирать товары и упрощают путь до покупки. Покажу, какие UX-подходы действительно работают в мебельном eCommerce: от структуры каталога и фильтров до карточек товара, визуальной подачи и сценариев оформления заказа. Статья поможет посмотреть на собственный интернет-магазин со стороны пользователя, найти точки роста и подсмотреть практические решения для улучшения пользовательского опыта.
https://habr.com/ru/articles/1040014/
#вебдизайн #мобильный_интерфейс #интерфейсы #вебразработа #разработка_приложений #дизайнсистема #дизайнстудия #юзабилити #интернетмагазин
-
ТОП-10 сайтов мебельных магазинов: лучшие UX-решения и приемы юзабилити
Как сделать интернет-магазин мебели удобным для покупателя? В этой статье собрал 10 мебельных eCommerce-проектов с сильным UX и удачными решениями по юзабилити. Разобрал, как бренды выстраивают навигацию, оформляют каталог, помогают выбирать товары и упрощают путь до покупки. Покажу, какие UX-подходы действительно работают в мебельном eCommerce: от структуры каталога и фильтров до карточек товара, визуальной подачи и сценариев оформления заказа. Статья поможет посмотреть на собственный интернет-магазин со стороны пользователя, найти точки роста и подсмотреть практические решения для улучшения пользовательского опыта.
https://habr.com/ru/articles/1040014/
#вебдизайн #мобильный_интерфейс #интерфейсы #вебразработа #разработка_приложений #дизайнсистема #дизайнстудия #юзабилити #интернетмагазин
-
ТОП-10 сайтов мебельных магазинов: лучшие UX-решения и приемы юзабилити
Как сделать интернет-магазин мебели удобным для покупателя? В этой статье собрал 10 мебельных eCommerce-проектов с сильным UX и удачными решениями по юзабилити. Разобрал, как бренды выстраивают навигацию, оформляют каталог, помогают выбирать товары и упрощают путь до покупки. Покажу, какие UX-подходы действительно работают в мебельном eCommerce: от структуры каталога и фильтров до карточек товара, визуальной подачи и сценариев оформления заказа. Статья поможет посмотреть на собственный интернет-магазин со стороны пользователя, найти точки роста и подсмотреть практические решения для улучшения пользовательского опыта.
https://habr.com/ru/articles/1040014/
#вебдизайн #мобильный_интерфейс #интерфейсы #вебразработа #разработка_приложений #дизайнсистема #дизайнстудия #юзабилити #интернетмагазин
-
Рубрика эксперименты (в дизайне): наш опыт генерации и проверки гипотез
Привет! Меня зовут Ксюша, я продуктовый дизайнер в MAGNIT TECH, и уже больше года работаю над карьерными сайтами. Я присоединилась к продуктовой команде, в которой были продакт-менеджер, продуктовый аналитик, исследователь и разработчики, но не хватало меня – дизайнера :) Чтобы находить ценные решения, мы решили раз в спринт устраивать мозговые штурмы. Мы приходили на встречи с разными вопросами и данными: интервью с кандидатами, отчеты аналитика, отзывы пользователей, обратная связь от эйчаров и видение продуктовой команды. Благодаря совместной работе каждую встречу удавалось собрать список гипотез – расскажу, как мы с ними работали.
-
Рубрика эксперименты (в дизайне): наш опыт генерации и проверки гипотез
Привет! Меня зовут Ксюша, я продуктовый дизайнер в MAGNIT TECH, и уже больше года работаю над карьерными сайтами. Я присоединилась к продуктовой команде, в которой были продакт-менеджер, продуктовый аналитик, исследователь и разработчики, но не хватало меня – дизайнера :) Чтобы находить ценные решения, мы решили раз в спринт устраивать мозговые штурмы. Мы приходили на встречи с разными вопросами и данными: интервью с кандидатами, отчеты аналитика, отзывы пользователей, обратная связь от эйчаров и видение продуктовой команды. Благодаря совместной работе каждую встречу удавалось собрать список гипотез – расскажу, как мы с ними работали.
-
Рубрика эксперименты (в дизайне): наш опыт генерации и проверки гипотез
Привет! Меня зовут Ксюша, я продуктовый дизайнер в MAGNIT TECH, и уже больше года работаю над карьерными сайтами. Я присоединилась к продуктовой команде, в которой были продакт-менеджер, продуктовый аналитик, исследователь и разработчики, но не хватало меня – дизайнера :) Чтобы находить ценные решения, мы решили раз в спринт устраивать мозговые штурмы. Мы приходили на встречи с разными вопросами и данными: интервью с кандидатами, отчеты аналитика, отзывы пользователей, обратная связь от эйчаров и видение продуктовой команды. Благодаря совместной работе каждую встречу удавалось собрать список гипотез – расскажу, как мы с ними работали.
-
Рубрика эксперименты (в дизайне): наш опыт генерации и проверки гипотез
Привет! Меня зовут Ксюша, я продуктовый дизайнер в MAGNIT TECH, и уже больше года работаю над карьерными сайтами. Я присоединилась к продуктовой команде, в которой были продакт-менеджер, продуктовый аналитик, исследователь и разработчики, но не хватало меня – дизайнера :) Чтобы находить ценные решения, мы решили раз в спринт устраивать мозговые штурмы. Мы приходили на встречи с разными вопросами и данными: интервью с кандидатами, отчеты аналитика, отзывы пользователей, обратная связь от эйчаров и видение продуктовой команды. Благодаря совместной работе каждую встречу удавалось собрать список гипотез – расскажу, как мы с ними работали.
-
Делюсь большой крутой дизайн-системой, которую мы используем на реальных проектах
Делюсь большой крутой дизайн-системой, которую мы используем на реальных проектах.🎨 Изначально в своей студии веб-дизайна я сам отрисовывал сайты. Поскольку я не считаю себя альтернативно одарённым человеком, быстро пришёл к выводу: нет смысла каждый раз рисовать одни и те же элементы. Кнопки, поля ввода, табы, аккордеоны – это из раза в раз повторяется, не особо нуждается в уникальности, но жрёт уйму времени. Заготовил не только UI-kit, но и библиотеку с UX-логикой, анимациями и шаблон интернет-магазина.
https://habr.com/ru/articles/1036984/
#вебдизайн #ux_дизайн #ui #дизайнсистема #дизайн_сайтов #дизайн_сайта #дизайнеру #kit #фигма #figma
-
Делюсь большой крутой дизайн-системой, которую мы используем на реальных проектах
Делюсь большой крутой дизайн-системой, которую мы используем на реальных проектах.🎨 Изначально в своей студии веб-дизайна я сам отрисовывал сайты. Поскольку я не считаю себя альтернативно одарённым человеком, быстро пришёл к выводу: нет смысла каждый раз рисовать одни и те же элементы. Кнопки, поля ввода, табы, аккордеоны – это из раза в раз повторяется, не особо нуждается в уникальности, но жрёт уйму времени. Заготовил не только UI-kit, но и библиотеку с UX-логикой, анимациями и шаблон интернет-магазина.
https://habr.com/ru/articles/1036984/
#вебдизайн #ux_дизайн #ui #дизайнсистема #дизайн_сайтов #дизайн_сайта #дизайнеру #kit #фигма #figma
-
Делюсь большой крутой дизайн-системой, которую мы используем на реальных проектах
Делюсь большой крутой дизайн-системой, которую мы используем на реальных проектах.🎨 Изначально в своей студии веб-дизайна я сам отрисовывал сайты. Поскольку я не считаю себя альтернативно одарённым человеком, быстро пришёл к выводу: нет смысла каждый раз рисовать одни и те же элементы. Кнопки, поля ввода, табы, аккордеоны – это из раза в раз повторяется, не особо нуждается в уникальности, но жрёт уйму времени. Заготовил не только UI-kit, но и библиотеку с UX-логикой, анимациями и шаблон интернет-магазина.
https://habr.com/ru/articles/1036984/
#вебдизайн #ux_дизайн #ui #дизайнсистема #дизайн_сайтов #дизайн_сайта #дизайнеру #kit #фигма #figma
-
Делюсь большой крутой дизайн-системой, которую мы используем на реальных проектах
Делюсь большой крутой дизайн-системой, которую мы используем на реальных проектах.🎨 Изначально в своей студии веб-дизайна я сам отрисовывал сайты. Поскольку я не считаю себя альтернативно одарённым человеком, быстро пришёл к выводу: нет смысла каждый раз рисовать одни и те же элементы. Кнопки, поля ввода, табы, аккордеоны – это из раза в раз повторяется, не особо нуждается в уникальности, но жрёт уйму времени. Заготовил не только UI-kit, но и библиотеку с UX-логикой, анимациями и шаблон интернет-магазина.
https://habr.com/ru/articles/1036984/
#вебдизайн #ux_дизайн #ui #дизайнсистема #дизайн_сайтов #дизайн_сайта #дизайнеру #kit #фигма #figma
-
Как узнать все, о чем думают пользователи, когда бросают покупки: гайд по онлайн-опросам
У каждого брошенного заказа на сайте есть своя причина — и она не всегда лежит на поверхности. Онлайн-опросы — ключ к пониманию истинных мотивов, по которым люди бросают покупки. В статье разобрал, где и когда задавать вопросы, какие метрики (NPS, CES, CSAT) использовать, как избежать типичных ошибок и превратить фидбек в реальные действия по повышению конверсии, чтобы убрать барьеры на пути клиента.
https://habr.com/ru/articles/1035048/
#опросы #вебдизайн #дизайнсистема #разработка_сайтов #разработка_приложений #интерфейсы #usability #интернетмагазин #интервьюирование
-
Как узнать все, о чем думают пользователи, когда бросают покупки: гайд по онлайн-опросам
У каждого брошенного заказа на сайте есть своя причина — и она не всегда лежит на поверхности. Онлайн-опросы — ключ к пониманию истинных мотивов, по которым люди бросают покупки. В статье разобрал, где и когда задавать вопросы, какие метрики (NPS, CES, CSAT) использовать, как избежать типичных ошибок и превратить фидбек в реальные действия по повышению конверсии, чтобы убрать барьеры на пути клиента.
https://habr.com/ru/articles/1035048/
#опросы #вебдизайн #дизайнсистема #разработка_сайтов #разработка_приложений #интерфейсы #usability #интернетмагазин #интервьюирование
-
Как узнать все, о чем думают пользователи, когда бросают покупки: гайд по онлайн-опросам
У каждого брошенного заказа на сайте есть своя причина — и она не всегда лежит на поверхности. Онлайн-опросы — ключ к пониманию истинных мотивов, по которым люди бросают покупки. В статье разобрал, где и когда задавать вопросы, какие метрики (NPS, CES, CSAT) использовать, как избежать типичных ошибок и превратить фидбек в реальные действия по повышению конверсии, чтобы убрать барьеры на пути клиента.
https://habr.com/ru/articles/1035048/
#опросы #вебдизайн #дизайнсистема #разработка_сайтов #разработка_приложений #интерфейсы #usability #интернетмагазин #интервьюирование
-
Как узнать все, о чем думают пользователи, когда бросают покупки: гайд по онлайн-опросам
У каждого брошенного заказа на сайте есть своя причина — и она не всегда лежит на поверхности. Онлайн-опросы — ключ к пониманию истинных мотивов, по которым люди бросают покупки. В статье разобрал, где и когда задавать вопросы, какие метрики (NPS, CES, CSAT) использовать, как избежать типичных ошибок и превратить фидбек в реальные действия по повышению конверсии, чтобы убрать барьеры на пути клиента.
https://habr.com/ru/articles/1035048/
#опросы #вебдизайн #дизайнсистема #разработка_сайтов #разработка_приложений #интерфейсы #usability #интернетмагазин #интервьюирование
-
Я устал чинить компоненты руками. Поэтому написал плагин
История о том, как боль с потерянными компонентами и слетевшими токенами в Figma превратилась в собственный плагин для аудита дизайн-системы.
https://habr.com/ru/articles/1033452/
#Figma #Figma_plugin #дизайнсистема #Design_Ops #автоматизация_дизайна #Library_Cleanup #Design_Review #Plugin_API #автофикс #дизайнтокены
-
Я устал чинить компоненты руками. Поэтому написал плагин
История о том, как боль с потерянными компонентами и слетевшими токенами в Figma превратилась в собственный плагин для аудита дизайн-системы.
https://habr.com/ru/articles/1033452/
#Figma #Figma_plugin #дизайнсистема #Design_Ops #автоматизация_дизайна #Library_Cleanup #Design_Review #Plugin_API #автофикс #дизайнтокены
-
Я устал чинить компоненты руками. Поэтому написал плагин
История о том, как боль с потерянными компонентами и слетевшими токенами в Figma превратилась в собственный плагин для аудита дизайн-системы.
https://habr.com/ru/articles/1033452/
#Figma #Figma_plugin #дизайнсистема #Design_Ops #автоматизация_дизайна #Library_Cleanup #Design_Review #Plugin_API #автофикс #дизайнтокены
-
Я устал чинить компоненты руками. Поэтому написал плагин
История о том, как боль с потерянными компонентами и слетевшими токенами в Figma превратилась в собственный плагин для аудита дизайн-системы.
https://habr.com/ru/articles/1033452/
#Figma #Figma_plugin #дизайнсистема #Design_Ops #автоматизация_дизайна #Library_Cleanup #Design_Review #Plugin_API #автофикс #дизайнтокены
-
Редизайн интернет-магазина премиальной косметики: как мы увеличили конверсию на 127%
Всем привет! Меня зовут Саша, и последние 12 лет моя жизнь — это дизайн. Как правило, мы выступаем за постепенные изменения: аккуратно дорабатываем продукт, тестируем гипотезы и опираемся на аналитику. Но иногда проекты находятся в таком состоянии, когда точечные улучшения уже не дают результата — требуется полная переработка. Именно с такой ситуацией мы столкнулись в работе над интернет-магазином японской косметики KWC. В статье рассказываю, какие решения были приняты и как они повлияли на бизнес-метрики.
https://habr.com/ru/articles/1033074/
#дизайнсистема #вебдизайн #вебсервисы #разработка_приложений #разработка_сайтов #дизайн_интерфейсов #интерфейсы #usability
-
Редизайн интернет-магазина премиальной косметики: как мы увеличили конверсию на 127%
Всем привет! Меня зовут Саша, и последние 12 лет моя жизнь — это дизайн. Как правило, мы выступаем за постепенные изменения: аккуратно дорабатываем продукт, тестируем гипотезы и опираемся на аналитику. Но иногда проекты находятся в таком состоянии, когда точечные улучшения уже не дают результата — требуется полная переработка. Именно с такой ситуацией мы столкнулись в работе над интернет-магазином японской косметики KWC. В статье рассказываю, какие решения были приняты и как они повлияли на бизнес-метрики.
https://habr.com/ru/articles/1033074/
#дизайнсистема #вебдизайн #вебсервисы #разработка_приложений #разработка_сайтов #дизайн_интерфейсов #интерфейсы #usability
-
Редизайн интернет-магазина премиальной косметики: как мы увеличили конверсию на 127%
Всем привет! Меня зовут Саша, и последние 12 лет моя жизнь — это дизайн. Как правило, мы выступаем за постепенные изменения: аккуратно дорабатываем продукт, тестируем гипотезы и опираемся на аналитику. Но иногда проекты находятся в таком состоянии, когда точечные улучшения уже не дают результата — требуется полная переработка. Именно с такой ситуацией мы столкнулись в работе над интернет-магазином японской косметики KWC. В статье рассказываю, какие решения были приняты и как они повлияли на бизнес-метрики.
https://habr.com/ru/articles/1033074/
#дизайнсистема #вебдизайн #вебсервисы #разработка_приложений #разработка_сайтов #дизайн_интерфейсов #интерфейсы #usability
-
Редизайн интернет-магазина премиальной косметики: как мы увеличили конверсию на 127%
Всем привет! Меня зовут Саша, и последние 12 лет моя жизнь — это дизайн. Как правило, мы выступаем за постепенные изменения: аккуратно дорабатываем продукт, тестируем гипотезы и опираемся на аналитику. Но иногда проекты находятся в таком состоянии, когда точечные улучшения уже не дают результата — требуется полная переработка. Именно с такой ситуацией мы столкнулись в работе над интернет-магазином японской косметики KWC. В статье рассказываю, какие решения были приняты и как они повлияли на бизнес-метрики.
https://habr.com/ru/articles/1033074/
#дизайнсистема #вебдизайн #вебсервисы #разработка_приложений #разработка_сайтов #дизайн_интерфейсов #интерфейсы #usability
-
Маркетинговый сайт без дизайнера: 5 практик с Open Design и Claude Code
Я попробовал собрать маркетинговый сайт через Claude Design - и быстро упёрся в лимиты токенов и непрозрачность облачного тула. Перешёл на Open Design - open-source альтернативу, которая цепляет твой Claude Code, держит дизайн-систему как DESIGN.md в репозитории и работает локально. Под катом - четыре практики, которые сработали на сайте конференции: design-as-code в git, симлинк дизайнера в код сайта, два markdown-файла под бренд и дизайн токены, и как мы учили автономных агентов делать сайт с помощью нашей дизайн системы
https://habr.com/ru/articles/1032924/
#claude_code #claude #anthropic #open_design #aiагенты #дизайнсистема #designascode #nextjs #tailwind_css #маркетинговый_сайт
-
Мы попытались автоматизировать дизайн-систему через ИИ. Не получилось, почти…
Всем привет! Я Никита Сошин, арт-директор и дизайнер в evilUNION. Вместе с Александрой Дёминой, дизайнером в evilUNION, мы в начале 2026 года взялись за проект, который казался решаемым через автоматизацию. Проект жёстко ограничен по срокам и бюджету — всем знакомо? Нам нужно было собрать базу для дизайн-системы мобильного приложения с нуля. Токены, типографика, компоненты, шаблоны, документация — всё сразу и в сжатые сроки. Делать это полностью руками было слишком долго, поэтому я задался вопросом — а как можно это автоматизировать? План был безупречно амбициозный: делегировать и построить настоящий конвейер, который поможет нам не тормозить бизнес. И, не застревая на кропотливой работе с компонентами, экспериментировать с экранами и пользовательскими путями. Спойлер: не вышло 😣. Но случился один сюжетный поворот…
https://habr.com/ru/articles/1030696/
#дизайнсистема #ai #дизайн #uikit #ui_kit #ui #дизайн_студия #дизайн_интерфейсов #chatgpt #claude
-
Мы попытались автоматизировать дизайн-систему через ИИ. Не получилось, почти…
Всем привет! Я Никита Сошин, арт-директор и дизайнер в evilUNION. Вместе с Александрой Дёминой, дизайнером в evilUNION, мы в начале 2026 года взялись за проект, который казался решаемым через автоматизацию. Проект жёстко ограничен по срокам и бюджету — всем знакомо? Нам нужно было собрать базу для дизайн-системы мобильного приложения с нуля. Токены, типографика, компоненты, шаблоны, документация — всё сразу и в сжатые сроки. Делать это полностью руками было слишком долго, поэтому я задался вопросом — а как можно это автоматизировать? План был безупречно амбициозный: делегировать и построить настоящий конвейер, который поможет нам не тормозить бизнес. И, не застревая на кропотливой работе с компонентами, экспериментировать с экранами и пользовательскими путями. Спойлер: не вышло 😣. Но случился один сюжетный поворот…
https://habr.com/ru/articles/1030696/
#дизайнсистема #ai #дизайн #uikit #ui_kit #ui #дизайн_студия #дизайн_интерфейсов #chatgpt #claude
-
Мы попытались автоматизировать дизайн-систему через ИИ. Не получилось, почти…
Всем привет! Я Никита Сошин, арт-директор и дизайнер в evilUNION. Вместе с Александрой Дёминой, дизайнером в evilUNION, мы в начале 2026 года взялись за проект, который казался решаемым через автоматизацию. Проект жёстко ограничен по срокам и бюджету — всем знакомо? Нам нужно было собрать базу для дизайн-системы мобильного приложения с нуля. Токены, типографика, компоненты, шаблоны, документация — всё сразу и в сжатые сроки. Делать это полностью руками было слишком долго, поэтому я задался вопросом — а как можно это автоматизировать? План был безупречно амбициозный: делегировать и построить настоящий конвейер, который поможет нам не тормозить бизнес. И, не застревая на кропотливой работе с компонентами, экспериментировать с экранами и пользовательскими путями. Спойлер: не вышло 😣. Но случился один сюжетный поворот…
https://habr.com/ru/articles/1030696/
#дизайнсистема #ai #дизайн #uikit #ui_kit #ui #дизайн_студия #дизайн_интерфейсов #chatgpt #claude
-
Мы попытались автоматизировать дизайн-систему через ИИ. Не получилось, почти…
Всем привет! Я Никита Сошин, арт-директор и дизайнер в evilUNION. Вместе с Александрой Дёминой, дизайнером в evilUNION, мы в начале 2026 года взялись за проект, который казался решаемым через автоматизацию. Проект жёстко ограничен по срокам и бюджету — всем знакомо? Нам нужно было собрать базу для дизайн-системы мобильного приложения с нуля. Токены, типографика, компоненты, шаблоны, документация — всё сразу и в сжатые сроки. Делать это полностью руками было слишком долго, поэтому я задался вопросом — а как можно это автоматизировать? План был безупречно амбициозный: делегировать и построить настоящий конвейер, который поможет нам не тормозить бизнес. И, не застревая на кропотливой работе с компонентами, экспериментировать с экранами и пользовательскими путями. Спойлер: не вышло 😣. Но случился один сюжетный поворот…
https://habr.com/ru/articles/1030696/
#дизайнсистема #ai #дизайн #uikit #ui_kit #ui #дизайн_студия #дизайн_интерфейсов #chatgpt #claude
-
Геотермальная система работает, но посетители не понимают как. Разрабатываю дашборд для экскурсионной зоны
На входе в техническую зону установлен дашборд, который в реальном времени показывает работу геотермальной системы. Этот экран появился не как декоративный медиаконтент, а как решение на конкретной задачи: посетители видели оборудование за прозрачной стеной, но не понимали, как устроен процесс и что именно происходит внутри системы. В этой статье покажу, как я проектировала дашборд, который связал физическую инженерную установку и её визуальное восприятие.
https://habr.com/ru/articles/1030472/
#figma #ux_дизайн #дашборд #возобновляемая_энергетика #инфографика #дизайнсистема #электротехника #геотермальная_энергия #шоурум
-
Геотермальная система работает, но посетители не понимают как. Разрабатываю дашборд для экскурсионной зоны
На входе в техническую зону установлен дашборд, который в реальном времени показывает работу геотермальной системы. Этот экран появился не как декоративный медиаконтент, а как решение на конкретной задачи: посетители видели оборудование за прозрачной стеной, но не понимали, как устроен процесс и что именно происходит внутри системы. В этой статье покажу, как я проектировала дашборд, который связал физическую инженерную установку и её визуальное восприятие.
https://habr.com/ru/articles/1030472/
#figma #ux_дизайн #дашборд #возобновляемая_энергетика #инфографика #дизайнсистема #электротехника #геотермальная_энергия #шоурум
-
Геотермальная система работает, но посетители не понимают как. Разрабатываю дашборд для экскурсионной зоны
На входе в техническую зону установлен дашборд, который в реальном времени показывает работу геотермальной системы. Этот экран появился не как декоративный медиаконтент, а как решение на конкретной задачи: посетители видели оборудование за прозрачной стеной, но не понимали, как устроен процесс и что именно происходит внутри системы. В этой статье покажу, как я проектировала дашборд, который связал физическую инженерную установку и её визуальное восприятие.
https://habr.com/ru/articles/1030472/
#figma #ux_дизайн #дашборд #возобновляемая_энергетика #инфографика #дизайнсистема #электротехника #геотермальная_энергия #шоурум
-
Геотермальная система работает, но посетители не понимают как. Разрабатываю дашборд для экскурсионной зоны
На входе в техническую зону установлен дашборд, который в реальном времени показывает работу геотермальной системы. Этот экран появился не как декоративный медиаконтент, а как решение на конкретной задачи: посетители видели оборудование за прозрачной стеной, но не понимали, как устроен процесс и что именно происходит внутри системы. В этой статье покажу, как я проектировала дашборд, который связал физическую инженерную установку и её визуальное восприятие.
https://habr.com/ru/articles/1030472/
#figma #ux_дизайн #дашборд #возобновляемая_энергетика #инфографика #дизайнсистема #электротехника #геотермальная_энергия #шоурум
-
Продуктовая колористика: сборка тоновых растяжек в примитивах дизайн-систем
Проблема Как тоновые растяжки решают проблему Тоновые растяжки в Primitives (три уровня переменных) Некорректные методы сборки Корректные методы сборки Лайфхаки Выводы Дальше — больше
https://habr.com/ru/articles/1030018/
#колористика #дизайн #дизайнсистема #дизайн_интерфейсов #дизайн_сайтов #растяжки #тоновые_растяжки #подбор_цветов #variables #primitives
-
Продуктовая колористика: сборка тоновых растяжек в примитивах дизайн-систем
Проблема Как тоновые растяжки решают проблему Тоновые растяжки в Primitives (три уровня переменных) Некорректные методы сборки Корректные методы сборки Лайфхаки Выводы Дальше — больше
https://habr.com/ru/articles/1030018/
#колористика #дизайн #дизайнсистема #дизайн_интерфейсов #дизайн_сайтов #растяжки #тоновые_растяжки #подбор_цветов #variables #primitives
-
Продуктовая колористика: сборка тоновых растяжек в примитивах дизайн-систем
Проблема Как тоновые растяжки решают проблему Тоновые растяжки в Primitives (три уровня переменных) Некорректные методы сборки Корректные методы сборки Лайфхаки Выводы Дальше — больше
https://habr.com/ru/articles/1030018/
#колористика #дизайн #дизайнсистема #дизайн_интерфейсов #дизайн_сайтов #растяжки #тоновые_растяжки #подбор_цветов #variables #primitives
-
Продуктовая колористика: сборка тоновых растяжек в примитивах дизайн-систем
Проблема Как тоновые растяжки решают проблему Тоновые растяжки в Primitives (три уровня переменных) Некорректные методы сборки Корректные методы сборки Лайфхаки Выводы Дальше — больше
https://habr.com/ru/articles/1030018/
#колористика #дизайн #дизайнсистема #дизайн_интерфейсов #дизайн_сайтов #растяжки #тоновые_растяжки #подбор_цветов #variables #primitives
-
«Сделай красиво» — это не промт: бренд-платформа за 8 часов без дизайнера
Зачем стартапу бренд до MVP? Любой продакт на этом месте говорит: «Запусти MVP, проверь гипотезу, бренд потом». Логично. Проблема в том, что без бренд-платформы каждый следующий артефакт — лендинг, баннер, push, карточка в соцсети — генерируется заново с нуля. 20 артефактов по 5 минут — это 20 лотерей. 8 часов один раз — это система, из которой всё выводится. Показываю на кейсе, как собрать constraint-файл на одну страницу и перестать бросать кости
https://habr.com/ru/articles/1027678/
#брендинг #дизайнсистема #стартап_с_нуля #позиционирование #промтинжиниринг #генеративный_дизайн #бренд_платформа #ai_в_дизайне
-
Как контролировать токены: поиск ошибок, версионирование и графы в едином дашборде
Как только дизайн-система разрастается больше, чем на 10-20 кнопок, а брендов у вас становится несколько — JSON-файлы с токенами превращаются в кошмар. Дизайнеры экспортируют токены из Figma, разработчики получают пулл-реквест на 5000 строк измененного кода, и никто в здравом уме не может сказать: "А что именно поменялось и ничего ли мы не сломали?" А если вместо английской буквы "c" в коде будет русская? А что если токен зациклился сам на себя? А если у одних токенов более 3-х уровней вложенности, то как поведет себя система? А если нужного токена нет в одном из модов? Да и вообще, как узнать, какие токены можно вынести в примитивы, а какие в семантику и отдельные файлы для брендов? Чтобы решить эти проблемы, я написал веб-интерфейс Tokens Dashboard — ты кидаешь в него JSON (архив, папку, файл, несколько файлов — не важно), а он выдает красивую и понятную аналитику. И сегодня мы разберемся, как это работает. Программа полностью бесплатная и доступна как для пользователей Mac OS, так и Linux / Windows. Она портативна и не мусорит в системе — вы просто удаляете папку, если она вам больше не нужна. Посмотреть кейс
https://habr.com/ru/articles/1025146/
#дизайнсистема #дизайнтокены #figma #фронтенд #архитектура #кодревью #аудит_кода #json #графы #open_source
-
Как контролировать токены: поиск ошибок, версионирование и графы в едином дашборде
Как только дизайн-система разрастается больше, чем на 10-20 кнопок, а брендов у вас становится несколько — JSON-файлы с токенами превращаются в кошмар. Дизайнеры экспортируют токены из Figma, разработчики получают пулл-реквест на 5000 строк измененного кода, и никто в здравом уме не может сказать: "А что именно поменялось и ничего ли мы не сломали?" А если вместо английской буквы "c" в коде будет русская? А что если токен зациклился сам на себя? А если у одних токенов более 3-х уровней вложенности, то как поведет себя система? А если нужного токена нет в одном из модов? Да и вообще, как узнать, какие токены можно вынести в примитивы, а какие в семантику и отдельные файлы для брендов? Чтобы решить эти проблемы, я написал веб-интерфейс Tokens Dashboard — ты кидаешь в него JSON (архив, папку, файл, несколько файлов — не важно), а он выдает красивую и понятную аналитику. И сегодня мы разберемся, как это работает. Программа полностью бесплатная и доступна как для пользователей Mac OS, так и Linux / Windows. Она портативна и не мусорит в системе — вы просто удаляете папку, если она вам больше не нужна. Посмотреть кейс
https://habr.com/ru/articles/1025146/
#дизайнсистема #дизайнтокены #figma #фронтенд #архитектура #кодревью #аудит_кода #json #графы #open_source
-
Как контролировать токены: поиск ошибок, версионирование и графы в едином дашборде
Как только дизайн-система разрастается больше, чем на 10-20 кнопок, а брендов у вас становится несколько — JSON-файлы с токенами превращаются в кошмар. Дизайнеры экспортируют токены из Figma, разработчики получают пулл-реквест на 5000 строк измененного кода, и никто в здравом уме не может сказать: "А что именно поменялось и ничего ли мы не сломали?" А если вместо английской буквы "c" в коде будет русская? А что если токен зациклился сам на себя? А если у одних токенов более 3-х уровней вложенности, то как поведет себя система? А если нужного токена нет в одном из модов? Да и вообще, как узнать, какие токены можно вынести в примитивы, а какие в семантику и отдельные файлы для брендов? Чтобы решить эти проблемы, я написал веб-интерфейс Tokens Dashboard — ты кидаешь в него JSON (архив, папку, файл, несколько файлов — не важно), а он выдает красивую и понятную аналитику. И сегодня мы разберемся, как это работает. Программа полностью бесплатная и доступна как для пользователей Mac OS, так и Linux / Windows. Она портативна и не мусорит в системе — вы просто удаляете папку, если она вам больше не нужна. Посмотреть кейс
https://habr.com/ru/articles/1025146/
#дизайнсистема #дизайнтокены #figma #фронтенд #архитектура #кодревью #аудит_кода #json #графы #open_source
-
Как контролировать токены: поиск ошибок, версионирование и графы в едином дашборде
Как только дизайн-система разрастается больше, чем на 10-20 кнопок, а брендов у вас становится несколько — JSON-файлы с токенами превращаются в кошмар. Дизайнеры экспортируют токены из Figma, разработчики получают пулл-реквест на 5000 строк измененного кода, и никто в здравом уме не может сказать: "А что именно поменялось и ничего ли мы не сломали?" А если вместо английской буквы "c" в коде будет русская? А что если токен зациклился сам на себя? А если у одних токенов более 3-х уровней вложенности, то как поведет себя система? А если нужного токена нет в одном из модов? Да и вообще, как узнать, какие токены можно вынести в примитивы, а какие в семантику и отдельные файлы для брендов? Чтобы решить эти проблемы, я написал веб-интерфейс Tokens Dashboard — ты кидаешь в него JSON (архив, папку, файл, несколько файлов — не важно), а он выдает красивую и понятную аналитику. И сегодня мы разберемся, как это работает. Программа полностью бесплатная и доступна как для пользователей Mac OS, так и Linux / Windows. Она портативна и не мусорит в системе — вы просто удаляете папку, если она вам больше не нужна. Посмотреть кейс
https://habr.com/ru/articles/1025146/
#дизайнсистема #дизайнтокены #figma #фронтенд #архитектура #кодревью #аудит_кода #json #графы #open_source
-
Одно кольцо, чтоб править всеми. Как гайды собирают большой продукт в единую систему
Когда продукт растёт, хаос в интерфейсах появляется почти незаметно. Одинаковые сценарии начинают решаться по-разному, команда тратит всё больше времени на повторяющиеся вопросы, а пользователи сталкиваются с непредсказуемым опытом. Удержать продукт от такого распада помогают понятные гайды и стандарты проектирования, которые фиксируют общие правила и собирают работу команды в единую систему. Меня зовут Владимир Фрадков, я руковожу группой дизайна «Стандарты и развитие» в личном кабинете продавца Ozon. В этой статье я хочу поговорить о том, как упорядоченность и системность помогают в дизайне и почему единый документ с правилами может стать тем самым «кольцом всевластия» для вашего продукта.
https://habr.com/ru/companies/ozontech/articles/1024114/
#продуктовый_дизайн #стандарты #стандартизация #обучение #регламенты #регламентация #дизайн #дизайн_интерфейсов #дизайнсистема #проектирование_интерфейсов
-
Одно кольцо, чтоб править всеми. Как гайды собирают большой продукт в единую систему
Когда продукт растёт, хаос в интерфейсах появляется почти незаметно. Одинаковые сценарии начинают решаться по-разному, команда тратит всё больше времени на повторяющиеся вопросы, а пользователи сталкиваются с непредсказуемым опытом. Удержать продукт от такого распада помогают понятные гайды и стандарты проектирования, которые фиксируют общие правила и собирают работу команды в единую систему. Меня зовут Владимир Фрадков, я руковожу группой дизайна «Стандарты и развитие» в личном кабинете продавца Ozon. В этой статье я хочу поговорить о том, как упорядоченность и системность помогают в дизайне и почему единый документ с правилами может стать тем самым «кольцом всевластия» для вашего продукта.
https://habr.com/ru/companies/ozontech/articles/1024114/
#продуктовый_дизайн #стандарты #стандартизация #обучение #регламенты #регламентация #дизайн #дизайн_интерфейсов #дизайнсистема #проектирование_интерфейсов
-
Одно кольцо, чтоб править всеми. Как гайды собирают большой продукт в единую систему
Когда продукт растёт, хаос в интерфейсах появляется почти незаметно. Одинаковые сценарии начинают решаться по-разному, команда тратит всё больше времени на повторяющиеся вопросы, а пользователи сталкиваются с непредсказуемым опытом. Удержать продукт от такого распада помогают понятные гайды и стандарты проектирования, которые фиксируют общие правила и собирают работу команды в единую систему. Меня зовут Владимир Фрадков, я руковожу группой дизайна «Стандарты и развитие» в личном кабинете продавца Ozon. В этой статье я хочу поговорить о том, как упорядоченность и системность помогают в дизайне и почему единый документ с правилами может стать тем самым «кольцом всевластия» для вашего продукта.
https://habr.com/ru/companies/ozontech/articles/1024114/
#продуктовый_дизайн #стандарты #стандартизация #обучение #регламенты #регламентация #дизайн #дизайн_интерфейсов #дизайнсистема #проектирование_интерфейсов
-
Одно кольцо, чтоб править всеми. Как гайды собирают большой продукт в единую систему
Когда продукт растёт, хаос в интерфейсах появляется почти незаметно. Одинаковые сценарии начинают решаться по-разному, команда тратит всё больше времени на повторяющиеся вопросы, а пользователи сталкиваются с непредсказуемым опытом. Удержать продукт от такого распада помогают понятные гайды и стандарты проектирования, которые фиксируют общие правила и собирают работу команды в единую систему. Меня зовут Владимир Фрадков, я руковожу группой дизайна «Стандарты и развитие» в личном кабинете продавца Ozon. В этой статье я хочу поговорить о том, как упорядоченность и системность помогают в дизайне и почему единый документ с правилами может стать тем самым «кольцом всевластия» для вашего продукта.
https://habr.com/ru/companies/ozontech/articles/1024114/
#продуктовый_дизайн #стандарты #стандартизация #обучение #регламенты #регламентация #дизайн #дизайн_интерфейсов #дизайнсистема #проектирование_интерфейсов
-
Как превращать дизайнерские требования в архитектуру UI-компонента
Привет! Меня зовут Даниил Замешаев, я frontend-разработчик в компании МойСклад, и в том числе занимаюсь развитием внутреннего UIKIT компании. В этой статье я расскажу про подход к анализу дизайнерских требований для frontend-разработчиков. На примере реального кейса я хочу поговорить о двух практических вещах: - как анализировать дизайнерские требования так, чтобы на выходе получать понятные технические требования, пригодные для реализации; - как решать, какие из получившихся требований можно оставить декларативными (через типизацию), а какими лучше управлять в рантайме. В основном я буду говорить про UIKIT и компоненты дизайн-системы, но сами принципы применимы к любым макетам и требованиям от дизайнеров, аналитиков и продактов.
-
Как превращать дизайнерские требования в архитектуру UI-компонента
Привет! Меня зовут Даниил Замешаев, я frontend-разработчик в компании МойСклад, и в том числе занимаюсь развитием внутреннего UIKIT компании. В этой статье я расскажу про подход к анализу дизайнерских требований для frontend-разработчиков. На примере реального кейса я хочу поговорить о двух практических вещах: - как анализировать дизайнерские требования так, чтобы на выходе получать понятные технические требования, пригодные для реализации; - как решать, какие из получившихся требований можно оставить декларативными (через типизацию), а какими лучше управлять в рантайме. В основном я буду говорить про UIKIT и компоненты дизайн-системы, но сами принципы применимы к любым макетам и требованиям от дизайнеров, аналитиков и продактов.
-
Как превращать дизайнерские требования в архитектуру UI-компонента
Привет! Меня зовут Даниил Замешаев, я frontend-разработчик в компании МойСклад, и в том числе занимаюсь развитием внутреннего UIKIT компании. В этой статье я расскажу про подход к анализу дизайнерских требований для frontend-разработчиков. На примере реального кейса я хочу поговорить о двух практических вещах: - как анализировать дизайнерские требования так, чтобы на выходе получать понятные технические требования, пригодные для реализации; - как решать, какие из получившихся требований можно оставить декларативными (через типизацию), а какими лучше управлять в рантайме. В основном я буду говорить про UIKIT и компоненты дизайн-системы, но сами принципы применимы к любым макетам и требованиям от дизайнеров, аналитиков и продактов.
-
Как сделать онлайн-шопинг удобнее: 50 UX-приемов от лучших интернет-магазинов одежды
В новой статье собрал десятку онлайн-магазинов, которые продают одежду, обувь и аксессуары — и при этом задают планку по удобству интерфейсов. Разобрал, какие приемы дизайна, навигации и взаимодействия с пользователем делают их сайты особенно комфортными и понятными. Эта подборка поможет увидеть актуальные UX-тренды и найти вдохновение для развития собственного e-commerce-проекта.
https://habr.com/ru/articles/1020478/
#дизайнсистема #вебдизайн #разработка_приложений #разработка_сайтов #интерфейсы #дизайн_студия #дизайн_интерфейсов #дизайн_сайтов #usability