Веб-дизайн *

Все дизайнеры обожают сайт 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 = 🔥. Мой эксперимент по созданию софта для себя

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

Допустим, у нас есть блок (скажем, бутстраповская ячейка <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 что делает его универсальным и не требует добавления сторонних библиотек.

Эта статья расскажет о том, что такое Дизайн Системы.

Не какая-то конкретная Дизайн Система от конкретной компании, а в общем и целом. Термин не самый простой, и, на мой взгляд, слишком уж абстрактный.

Я же попробую обобщить свой богатый опыт работы с различными Дизайн Системами и представить понимание о том, что же это такое с довольно интересного ракурса: через жизненный цикл и роль в оргструктуре компании.

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

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

В этой статье я хочу рассказать зачем AI нужен UX/UI дизайнерам. Как его внедрение может улучшать пользовательские интерфейсы, и как AI инструменты облегчают и ускоряют работу дизайнера. Я расскажу об использовании AI в интерфейсах — о возможностях, ограничениях, проблемах и способах их решения. Покажу несколько примеров, из своей практики. В заключении я попробую предположить чего можно ждать от AI в будущем.

Вы хотите создавать веб-приложения и игры при помощи голосовых сообщений Телеграм боту?

Тогда читайте эту статью и вы можете даже поиграть в игру, созданную ИИ ;)

Привет, это Логомашина. Мы — дизайн-студия полного цикла: редизайним и создаем бренды с нуля.

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

В процессе разработки UI для игр Forza Horizon 3 и Forza Motorsport 7 я имел возможность поработать с потрясающими акриловыми матовыми элементами дизайна.

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

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

Меня зовут Аня Дружинина, я Lead Designer WIM.Agency. В этой статье я собрала ключевые выводы из исследований о значении цвета в маркетинге и рекомендации для дизайнеров.

Если в 90-е годы вам приходилось пользоваться интернетом, возможно, вы помните сайты на домене GeoCities. Это популярный веб-хостинг, действовавший в США с 1994 по 2009 год включительно. В Японии он и вовсе продержался вплоть до 2019 года. На пике популярности хостинг GeoCities обслуживал десятки миллионов персональных сайтов. В сегодняшней статье мы кратко пройдемся по истории компании и в заключение посмотрим на наиболее «характерные» сайты ушедшей эпохи 90-х.