В этой статье я расскажу, как я работаю, когда «подгорает» на примере модуля планирования рабочего времени в нашем корпоративном портале.
В 2025 году веб-дизайн выходит на новый уровень взаимодействия с пользователем, где технологии и креативность работают вместе на одну цель. Пользователи проводят на веб-странице в среднем 54 секунды — за это время сайт должен не просто привлечь внимание, но и вовлечь посетителя в осмысленное взаимодействие. Поэтому дизайнеры используют нестандартные форматы, продуманную анимацию и интерактивные элементы, превращая обычный просмотр сайта в увлекательный опыт взаимодействия.
Ниже 9 актуальных трендов, предлагающих синтез смелых идей и практических решений.
Всем привет!
Меня зовут Курилкина Арина, я почти год являюсь фронтенд-разработчиком интеграционных и инфраструктурных сервисов склада. Также я 2,5 года разрабатывала мессенджер для сайтов Покупателя (Buyer Experience или же, как мы у себя говорим, — BX) и Продавца (Seller Experience — SX). Таким образом, я успела поработать с продуктами трёх крупных структур Ozon: BX, SX и Warehouse (Складские сервисы*).
Каждая структура уникальна, имеет свои потребности, свои проблемы и свои решения. И каждая является неотъемлемой частью функционирования компании Ozon. Своеобразные три кита, на которых стоит маркетплейс. Поработав с каждым из них, я посмотрела на клиентскую разработку и на работу с дизайн-системами и UI-kit’ами, в частности, с разных сторон. И теперь я хочу поделиться своим опытом.
Моя статья может быть полезна всем тем, кто хочет разобраться в принципах взаимодействия с дизайн-системами и UI-kit и научиться эффективно использовать их в своих проектах.
Всем привет! Меня зовут Денис, я руководитель департамента дизайна в DLS, а также ревьюер в Яндекс Практикуме на курсах «UX/UI дизайнер интерфейсов» и «Дизайн мобильных и кросс-платформенных приложений».
В этой статье я хочу поделиться подборкой отечественных дизайн-систем. Сначала разберёмся с терминами и главными преимуществами дизайн-систем для команды, продукта и бизнеса. Если тема вам уже знакома, переходите сразу ко второй части, где я собрал все ссылки.
Здравствуйте! Меня зовут Богдан, я являюсь автором телеграм канала про нейросети в телеграме, посчитал эту статью очень интересной для перевода, приятного прочтения
На переполненном рынке инструментов разработки с поддержкой ИИ выделяются три платформы для прототипирования компонентов и приложений: v0 от Vercel, Bolt от StackBlitz и Lovable. В этой статье рассматриваются их практическое применение для начальной загрузки MVP, ограничения и компромиссы с инженерной точки зрения.
Обзор: v0, Bolt, Lovable
Основная задача, которую пытаются решить эти инструменты, не нова: уменьшить трение между идеей и реализацией. Однако их подходы существенно различаются как по архитектуре, так и по исполнению.
v0.dev преуспел в быстром прототипировании пользовательского интерфейса, и несколько компаний используют его для поддержки библиотек компонентов и дополнения своих дизайн-систем. Он хорошо работает с популярными UI-фреймворками, такими как Tailwind или Material-UI. v0 теперь поддерживает генерацию не только UI-компонентов, но и серверных служб, включая интеграцию с базами данных и API-маршрутами, демонстрируя стремление Vercel к разработке полного стека. Хотя эта поддержка полного стека находится на ранней стадии, в будущем она может стать конкурентоспособной.
Я часто предоставляю v0 макет (загружаю изображение или выбираю входные данные Figma), а затем предлагаю интерактивную версию, которая меня устраивает. Он также хорошо работает с чистым текстом, если вам удобно отложить дизайн. Если вам нужна дополнительная поддержка бэкенда, например, БД для хранения данных, v0 также может работать с такими поставщиками, как Prisma, создавая для вас схему.
Все дизайнеры обожают сайт awwwards – площадку с платной публикацией, где собраны самые классные работы в сфере веб-дизайна. А поскольку мы душнилы по части performance, мы собрали почти 5000 сайтов, определили их фреймворк и проверили производительность в Lighthouse. Также собрали статистику по их авторам. И вот что получилось.
Сегодня дизайн-система — это неотъемлемая часть процесса разработки цифровых продуктов. Однако не всегда очевидно, как именно такой инструмент помогает работать с UI-компонентами и улучшать качество продукта.
Меня зовут Артур Иванов, я тимлид B2B Product Design департамента Design & Research Office (DRO) «Лаборатории Касперского», и именно перед нашей командой встал вызов по внедрению дизайн-системы под названием Hexa UI в уже существующие рабочие процессы отдела дизайна.
Привет! Меня зовут Мария, я ux/ui дизайнер и по совместительству организатор Книжного Клуба Product offline. Книжный Клуб Product offline — это небольшое закрытое комьюнити в Санкт — Петербурге, которое объединяет под своим крылом всех причастных к созданию айтишных продуктов людей, которые в чтении находят инсайты и стремятся обсуждать их с единомышленниками и применяют полученные знания в работе и коммуникации с пользователями/командой/продуктом/бизнесом.
Для меня, как для горящего и восторженного новичка, стала открытием книга, которую мы читаем на данный момент: Даниэль Канеман »Thinking slow and fast». Эта книга перевернула для меня работу подсознания и помогла увидеть, как можно работать с пользовательским опытом в ux/ui дизайне через призму когнитивных искажений.
И вот, я загорелась идеей написать пост для Хабра.
Опытным единомышленникам мой пост скорее покажется тривиальным или очевидным. Возможно, кому — то напомнит о важности принятия в серьёз когнитивных искажений. Новичкам, как и мне, покажет мир пользовательского опыта с другой — глубокой, психологической стороны и, возможно, завлечёт прочитать эту удивительную книгу. Кому — то этот гайд послужит помощью в проектировании интерфейсов.
Располагайтесь поудобнее, запаситесь чаем/кофе, печеньем и приятного прочтения!
Начну с представления действующих лиц этой книги. Канеман предлагает нам познакомиться с Системой 1 и Системой 2 (далее С1 и С2)
Гифки + FFMPEG + Gemini 2.0 Flash Thinking Experimental = 🔥. Мой эксперимент по созданию софта для себя
Меня интересовало, как ускорить свою работу с помощью AI. И чтобы разбираться с этим и быстро узнать, что об этом думают другие, я нашла курс и пошла учиться. Не пожалела, и здесь я рассказываю о 4-х инсайтах, которые пополнили список моих скиллов продуктового дизайнера.
Курс рассчитан на четыре недели. Я проходила его 4 месяца. Не спешила. Читала все дополнительные материалы. Применяла на текущих проектах всё, о чем узнавала. Приобрела хорошую привычку описывать то, что делаю и написала 6 стади-кейсов о своих текущих проектах.
Дисклеймер: хотел создать скромный пост, а не статью, но не справился с управлением новым редактором. А старый редактор не поддерживает посты.
Допустим, у нас есть блок (скажем, бутстраповская ячейка <div class="col-12">) и мы хотим её схлопывать (скажем, по клику на кнопке).
Всемирная паутина (WWW) — это не просто набор веб‑страниц, это революция, изменившая наше восприятие информации и общения. С момента своего появления в начале 1990-х годов WWW кардинально трансформировала мир, открыв новые горизонты для бизнеса, образования и повседневной жизни. История веб пестрит взлетами, падениями и уходами в крайности, но здесь мы пройдемся только по самым ярким моментам! Следить за эволюцией технологии, которая навсегда изменила наше общество, мы будем глазами фронтенд‑разработчика.
Привет! Меня зовут Артём Литвин, последние три года я работаю дизайн-лидом в компании Домклик и руковожу командой из девяти продуктовых дизайнеров. Хочу поделиться своим опытом, как выстроить эффективную работу в дизайн-отделе. Мы рассмотрим три ключевые темы, которые могут помочь улучшить работу в вашей команде:
— Продуктовые активности: как делать продукты лучше.
— Коммуникационные активности: как дизайн‑отделу работать слаженно и с удовольствием.
— Форматы коммуникации: как эффективно доносить информацию и обмениваться идеями.
Всем привет! Меня зовут Серёжа. Я дизайн‑лид: 10 лет в дизайне, 6 из них в B2B, застал ребрендинг в Сбере, а ещё делал сайт для Челябинского трубопрокатного завода и выиграл два хакатона для дизайнеров.
В статье мы будем говорить о Discovery и дизайне. Я расскажу, как выглядит наш дизайн‑спринт, чем он отличается от подхода Google и как мы помогаем нашим клиентам решать их проблемы с помощью новых сценариев в продукте.
Вы сможете сверить свой подход с нашим и выстроить такой же процесс у себя по детальному плану.
Запуск нового сайта — момент ответственный. Надо сделать 1000 и 1 дело. Чтобы вы не потерялись в дедлайнах и задачах, вот вам чек-лист. Подрядчикам он поможет структурировать все действия, а заказчикам — понять и проверить, все ли пожелания учла команда разработки.
Интересно, почему одни интерфейсы цепляют нас с первого клика, а от других хочется поскорее убежать и никогда не возвращаться? Я занимаюсь UX-дизайном уже более 8 лет и, разрабатывая интерфейсы для сложных систем (ERP, CRM, EAM), нашла ключик к сердцам пользователей — уважение к их времени. Время — самая ценная валюта, имеющаяся у человека. И чем бережнее мы к нему относимся, тем проще получается влюбить пользователей в свой продукт.
Представим, что наш продукт — это человек, стремящийся завоевать сердца максимально широкого круга людей. Обольщение через качественный UX — это своего рода доброжелательные манипуляции, которые заключаются не в ярких визуальных эффектах или пустых обещаниях, а в стремлении упростить жизнь человеку. Чтобы покорить сердца пользователей и пробудить в них желание возвращаться снова и снова, необходимо создавать простые и интуитивно понятные интерфейсы, в которых люди ощущают пользу от каждой потраченной секунды. Для внедрения подобных подходов важно понимать, как думает человек и что им движет при принятии решений. Здесь на помощь приходят базовые психологические принципы, помогающие разрабатывать не только функциональные, но и ориентированные на пользователя интерфейсы.
В этой статье я расскажу, как основные UX-манипуляции (принципы) связаны с фундаментальными аспектами человеческой психики. Также приведу простые примеры, которые бесспорно сразят пользователей наповал — just try it ;)
Примечание: У меня нет образования в психологии. Все, что описываю в этой статье, основано на моем многолетнем опыте в сфере UX и безграничном интересе к человеческому поведению.
Автообновление завтрашнего дня в Тильде. Как добавить +1 день внутри текста в Tilda. Пошаговая инструкция.
Если вы сделали сайт на Tilda и вам требуется добавить дату завтрашнего дня, то эта статья для вас. Данный метод позволяет добавить дату куда угодно в любое место на сайте и с наступлением нового дня будет автоматически добавлять завтрашний день. Код сделан на чистом JavaScript что делает его универсальным и не требует добавления сторонних библиотек.
Эта статья расскажет о том, что такое Дизайн Системы.
Не какая-то конкретная Дизайн Система от конкретной компании, а в общем и целом. Термин не самый простой, и, на мой взгляд, слишком уж абстрактный.
Я же попробую обобщить свой богатый опыт работы с различными Дизайн Системами и представить понимание о том, что же это такое с довольно интересного ракурса: через жизненный цикл и роль в оргструктуре компании.
