Как стать автором
Поиск
Написать публикацию
Обновить
90.49

Веб-дизайн *

Дизайн спасет мир

Сначала показывать
Порог рейтинга
Уровень сложности

Часть 3: Создание пользовательского интерфейса на дисплее Guition с ESPHome и библиотекой LVGL

Уровень сложностиСредний
Время на прочтение13 мин
Количество просмотров367

Привет Habr! Продолжаем серию статей о LVGL в ESPHome. В третьей части статьи речь пойдет о создании своего пользовательского виджета, который может быть подключен к проекту. И не только к данному проекту, а вообще даст небольшое представление как делать виджеты в ESPHome. Итак, Создавать будем виджет умной розетки с индикацией мощности, напряжения и силы тока. Поехали...

Читать далее

Новости

Как создать нечитаемый слайдер для Вашего сайта, или свойство BlurText, которого нет

Уровень сложностиСредний
Время на прочтение4 мин
Количество просмотров1.1K

На просторах сети немало сайтов, и у значительной их части на главной странице находится ОН — Самый Главный Слайдер.

Как правило, у него есть некоторый набор отличительных черт: он большой, у него красивые картинки, он содержит очень важную информацию!

А самое главное — зачастую, часть его слайдов... нечитаема. И это очень коварная проблема, ведь поначалу ничто не предвещает беды. Дизайнер делает красивый дизайн, верстальщик - качественную вёрстку. Всё идёт отлично!

А спустя время заказчик начинает вводить текст, загружает картинку, иии... Оказывается, что картинка подходит совсем не любая. На самом деле, даже не любая картинка зачастую тоже не подходит!

А ещё есть разные... кхм... разрешения... кхм... экрана... Простите, слеза в горле застряла.

Читать далее

Ресурс исследователя: как проводить интервью и не поехать кукUXой

Уровень сложностиПростой
Время на прочтение19 мин
Количество просмотров376

Команда UX-исследователей Островка делится опытом работы с эмоциями и подробным чек-листом проведения и восстановления после интервью 

Читать далее

Дизайн для ленивых: как интерфейсы учатся думать за пользователя

Уровень сложностиПростой
Время на прочтение6 мин
Количество просмотров1.5K

Современные пользователи цифровых продуктов подсознательно стремятся к минимальным когнитивным затратам. Это порождает новый тренд — «ленивый UX», где система берет на себя рутинные решения.

В этой статье разберем:

- Как алгоритмы упрощают взаимодействие

- Примеры удачных и провальных предугадываний

- Грань между удобством и навязчивостью

Читать далее

anton@gmail.com, anton+habr@gmail.com, an.ton@gmail.com — почему всё это один и тот же имейл

Уровень сложностиПростой
Время на прочтение5 мин
Количество просмотров6.1K

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

Меня зовут Антон Григорьев, я работаю продуктовым дизайнером в финтех-компании и веду телеграм-канал UX Notes. В этой небольшой статье я расскажу, как такое случилось, может ли произойти у вас и о чём стоит дополнительно подумать при проектировании форм регистрации и входа.

Спойлер: это не связано с европейским регламентом по защите данных (GDPR) и правом клиента быть забытым (потребовать от компании удаления всей информации о себе).

Читать далее

Почему работать эскортницей лучше, чем дизайнером?

Уровень сложностиПростой
Время на прочтение4 мин
Количество просмотров5.2K

Когда начинающий специалист стоит перед выбором карьерной лестницы, то самыми очевидными вариантами являются специальности с низким порогом входа. Я решил провести детальный анализ схожих специальностей, чтобы помочь определиться в выборе лучшей профессии для молодых выпускников ВУЗов и колледжей, а может и задуматься о выборе своего пути опытным специалистам.

Читать далее

Три брата UX’a: PX, AiX и MX

Уровень сложностиПростой
Время на прочтение5 мин
Количество просмотров2.2K

Когда мы говорим о дизайне цифровых продуктов, чаще всего имеем в виду UX — пользовательский опыт. Но в 2025 году UX — уже не просто про «как удобно кликнуть», он вырос и больше не живёт только в рамках фигмы или прототипа.

Сейчас у UX появилось трое братьев PX, AiX и MX. У каждого — свой характер, свои задачи и влияние на восприятие продукта. Вместе они формируют полноценный пользовательский опыт, где важно всё: то как работает продукт, как он разговаривает с нами, и какие чувства вызывает. Об этом и многом другом читайте далее

Читать далее

Как не подготовить проходной доклад и что сделать, чтобы на конференциях вас слушали

Время на прочтение7 мин
Количество просмотров2.1K

Привет! Меня зовут Ксения Ершова. Я работаю младшим UX-проектировщиком в Selectel. Помимо проектирования интерфейсов и исследования пользовательского опыта, я регулярно посещаю митапы, слушаю доклады, читаю статьи — и иногда ловлю себя на мысли: «Зачем я трачу на это время?». Обычно лейтмотив интересующих меня тем это менеджмент, UX, soft skills или созидание чего-либо. Уверена, вы тоже не раз сталкивались с такими материалами — и замечали, как часто они повторяют друг друга, не неся за собой ничего нового и полезного.

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

Читать далее

Джун, ты просто не жил без автолэйаута

Уровень сложностиПростой
Время на прочтение4 мин
Количество просмотров5.6K

И другие штуки, которые ты можешь не любить, но без них ничего бы не заработало

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

Их никто больше не объясняет. Но надо бы.

Читать далее

Артефакты интернета: GeoCities, «Народ», uCoz и другие хостинг-экспонаты нулевых

Уровень сложностиПростой
Время на прочтение5 мин
Количество просмотров9.9K

Нескончаемые гостевые книги, яркие анимированные баннеры и счётчики визитов… В нулевых каждый компьютерный энтузиаст мечтал о «своём месте» в интернете — даже если это был крохотный персональный сайт. Для этого существовали бесплатные хостинги: GeoCities, Tripod, FortuneCity, «Народ.ру», uCoz и им подобные. Сейчас это web-артефакты, но без них вряд ли были бы возможны современные соцсети и CMS. Я решил немного поностальгировать и вспомнить, как они работали и чем запомнились. Приглашаю под кат.

Читать

Как я улучшил свой промпт для генерации кода в OpenAI 4.1 — простой трюк, который РАБОТАЕТ

Уровень сложностиПростой
Время на прочтение3 мин
Количество просмотров20K

Несмотря на обилие моделей (а я время от времени использую четыре топовые), всё-таки на стыке моих технологий GPT-4.1 даёт лучший результат по сравнению с другими.

 ... я каждый раз сохраняю эти компоненты в файл Google Документы. И каждый раз при генерации новой функции или целого компонента я "вскармливаю" текст из этого документа именно в формате текста. В общем, эта штука работает хорошо.

Пожалуйста, объясни как ты понял мою проблему, почему я считаю что это важно, как ты собираешься это решать и что будет правильным решением.

Читать далее

Нейродизайн: как мозг воспринимает интерфейсы и почему пользователи действуют нелогично

Уровень сложностиПростой
Время на прочтение8 мин
Количество просмотров3.4K

Вы замечали, что пользователи часто игнорируют важные элементы интерфейса или совершают действия, которые кажутся нелогичными? Нейродизайн изучает, как люди на самом деле воспринимают цифровые продукты, а не как нам кажется, что они должны это делать.

В этой статье разберём:

— Как глаз сканирует страницу и почему 90% информации мозг просто отфильтровывает

— 5 когнитивных искажений, которые рушат конверсию (и как их обойти)

— Практические приёмы дизайна, основанные на нейронауке

Читать далее

Карточка товара через 10 лет

Уровень сложностиПростой
Время на прочтение5 мин
Количество просмотров26K

Последнее время, карточка товара — моя Римская империя, с мыслями о которой я засыпаю. Попалась на глаза статистика от WB, где они обрабатывают 750 тысяч заказов в день. И это только один магазин.. Миллионы сценариев..

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

Читать далее

Ближайшие события

AI-генератор сайтов на ChatGPT и Next.js 15: Создаем SEO-оптимизированные страницы с нуля (аналог v0)

Уровень сложностиСредний
Время на прочтение62 мин
Количество просмотров9.4K

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

На практике это сводится к простому циклу: вы отправляете промпт в ChatGPT, получаете в ответ конфигурационный файл, загружаете его в приложение и одной командой сборки создаёте готовые, стилизованные страницы. Всё это уже настроено в стартовом шаблоне, включая авторизацию и многоязычный AI-чат.

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

Читать далее

Интернет против капчи: есть ли будущее у тестов вроде «найдите все картинки с велосипедами»?

Время на прочтение7 мин
Количество просмотров1.8K

Капчи, которые должны «отделять» людей от ботов, стали настоящей головной болью для пользователей. Порой приходится не выбирать светофор или «зебру», а решать сложные головоломки или математические примеры, многие из которых ставят в тупик — а вот боты, кажется, щёлкают их как орешки. Мы в beeline cloud решили разобраться в теме.

Читать далее

5 ошибок на сайте, которые убивают ваш бизнес

Время на прочтение2 мин
Количество просмотров1.3K

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

Читать далее

Лучшие конструкторы сайтов со встроенным ИИ в 2025 году

Уровень сложностиСредний
Время на прочтение8 мин
Количество просмотров2.6K

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

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

Мы отобрали 5 лучших ИИ-конструкторов сайтов в 2025 году. Они помогут заниматься разработкой намного эффективнее и выгоднее, чем классическими методами.

Читать далее

Дружеское знакомство с SVG

Уровень сложностиСредний
Время на прочтение13 мин
Количество просмотров3.2K

SVG – одна из самых интересных технологий браузера. С его помощью можно делать массу полезных и интересных компонентов. Это неотъемлемая часть моего стека.

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

Для понимания этой статьи не требуется специальных знаний и опыта работы с SVG, но предполагается, что вы знакомы с основами HTML/CSS/JS.

Читать далее

Аудит дизайна сайта: как выявить слабые места и улучшить пользовательский опыт

Уровень сложностиПростой
Время на прочтение9 мин
Количество просмотров1.6K

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

В этой статье разберём:

- Что такое аудит дизайна и зачем он нужен?

- Как провести аудит самостоятельно: пошаговая инструкция

- Основные ошибки дизайна и способы их исправления

- Инструменты для проверки юзабилити и визуальной привлекательности

Читать далее

UX и ограничения памяти: как принципы геймдева помогают проектировать интерфейсы

Уровень сложностиСредний
Время на прочтение6 мин
Количество просмотров1.5K

Привет, Хабр! Меня зовут Рома, я арт-директор Битрикс24. Я не могу назвать себя заядлым геймером, но после того как приобрёл PS5, стал замечать, насколько точно видеоигры управляют вниманием. А после прочтения книги Селии Ходент «Мозг Игрока» и множества исследований по когнитивной психологии понял, что некоторые механики из геймдева можно успешно «переложить» на разработку интерфейсов для ежедневных B2B и B2C сервисов. Делюсь своими наблюдениями с вами.   

Читать далее
1
23 ...

Вклад авторов