На днях VC выложил вакансию с тестовым заданием на продуктового дизайнера. За вечер я прикинул решение, откликнулся и получил отказ. Но чтобы вечер не пропал зря, делюсь решением тут. Приглашаю искушенных авторов оценить мою версию помощника.
Сегодня много говорят о том, что ИИ уже может полностью генерировать интерфейсы и сокращать процесс ревью. В Surf мы проверили это на практике: поручили ИИ вёрстку UI-компонентов и замерили эффект.
Иконочные шрифты — лучшие!
Их очень легко сгенерировать, использовать и кастомизировать. Они имеют широкую поддержку в браузерах, а код выглядит максимально чистым. Но, к сожалению, есть и большой минус: иконочные шрифты не поддерживают более одного цвета.
Узнайте о недостатках иконочных шрифтов и почему SVG-спрайты — лучшая из возможных альтернатив.
Как за год перезапустить онлайн-банк для бизнеса, влюбить в него клиентов и повысить продажи. Опыт продакт-лида
Привет! Меня зовут Альберт Геворкян, я Product Lead в МТС Финтех. Здесь поделюсь опытом, как за время моей работы радикально обновился онлайн‑банк для бизнеса, доля продаж через платформу выросла на 25 п.п., а удовлетворённость клиентов — на 50%.
Это небольшое дополнение к статье Проект по Air Quality sensor, идея, концепция, дизайн и почти: реализация. Если вы её не читали, то лучше начать с неё, будет понятна предыстория и как развивалась концепция взаимодействия с пользователем и AQ. А мы пойдем по классикам и коротко разберем, разработку проекта от потребностей до дизайна.
Программисты любят апгрейды железа, но забывают апгрейдить главное устройство ввода — глаза. Я собрал в этой статье то, что мне самому пришлось изучить: как устроено зрение, почему мониторы иногда работают против нас, чем тёмная тема отличается от светлой на уровне физиологии, и как пара строк кода может реально продлить жизнь вашим глазам.
Осенью 2025 года заканчивается официальная поддержка Windows 10. Для миллионов пользователей и компаний окончание поддержки ставит вопрос о выборе дальнейшей стратегии. Наиболее очевидный путь — переход на Windows 11, однако его могут ограничивать более строгие аппаратные требования. Конечно, найдутся пользователи и организации, которые предпочтут продолжить эксплуатацию Windows 10 и после окончания официальной поддержки. У такого подхода есть свои плюсы, в первую очередь — отсутствие немедленных затрат на обновление железа или переобучение персонала. Однако минусы этого решения крайне серьезны: растущие уязвимости из-за отсутствия обновлений безопасности, потенциальная несовместимость с новым программным обеспечением и риски несоблюдения требований регуляторов, особенно для бизнеса. Таким образом, каждая стратегия требует тщательной оценки рисков и затрат.
На мой взгляд, стратегически верным шагом в данной ситуации является миграция на Linux. Но что делать армии программистов, годами создававших приложения под экосистему Microsoft? Приложения на .NET Framework, WPF и WinForms — это кровь тысяч корпоративных и бизнес-систем. Полное переписывание их на другие технологии — это колоссальные затраты времени и денег. Однако существует элегантный и экономически выгодный путь, который не только решает проблему совместимости с Linux, но и открывает новые горизонты для разработки. Этот путь — кроссплатформенный фреймворк Avalonia UI и современная платформа .NET.
Плавный переход вместо болезненного переучивания
Картинка: prostooleh, freepik.com
Есть один очень интересный вызов для разработчиков робототехники (или тех, кто хотел бы ими стать), который почему-то на данный момент большинство начинаний обходят стороной — управление массивом приводов. Ещё одна категория людей, кому будет явно интересна эта тема — разработчики мобильных приложений.
Задача эта весьма простая и сложная одновременно, так как массив приводов требуется для создания «управляемых выпуклостей», предназначенных для чтения незрячими людьми…
Остаться в темноте... Это страшно даже представить, а ведь множество людей так и живут, и это для них суровая реальность...
Хорошо, если слух есть, а если его нет... Сложно представить, насколько осложняется коммуникация, когда пропадает зрительная составляющая в мире, где так много информации передаётся в визуальном, в частности текстовом, формате. По сути, человек остаётся изолированным один на один...
Ниже будет некоторый обзор темы, после чего, мы плавно придём к ОЧЕНЬ интересной (на мой взгляд) идее, думаю, что будет интересно!
Мы видели будущее, и будущее в основном синее.
Или, другими словами: в наших представлениях о будущем в научно-фантастических фильмах синий цвет кажется доминирующим цветом наших интерфейсов, работающих с технологиями, которые ещё предстоит создать. И это один из многих уроков дизайна, которые мы можем извлечь из научной фантастики.
Дизайнеры и поклонники научной фантастики Крис Носсел и Натан Шедрофф потратили годы на сбор реальных уроков, которые дизайнеры могут, должны и уже извлекают из научной фантастики. Их книга «Make It So: Interaction Design Lessons From Science Fiction» («Сделай так: уроки дизайна взаимодействия из научной фантастики») представляет собой исчерпывающий сборник их выводов.
Это небольшое дополнение к статье https://habr.com/ru/sandbox/258638/. Если вы её не читали, то лучше начать с неё, будет понятна предыстория и как развивалась концепция взаимодействия с пользователем и AQ. А мы пойдем по классикам и коротко разберем, разработку проекта от потребностей до дизайна ):
Одна из наиболее востребованных и горячих тем, связанных с дизайном — это, конечно же, трудоустройство, портфолио, собеседования и все, что связано с профессиональной реализацией. На Youtube такие видео набирают просмотры даже на небольших каналах.
За год изучения вопроса и погружения в тематику посмотрел большое количество текстов и видео. Если все эти материалы сжать в одну эмоцию, то это однозначно будет «страдание». Дизайнеры страдают… Недавно попалось видео в котором молодая дизайнерка рассказывала трагическую и поучительную историю своего трудоустройства, сравнимую по накалу страстей ни много ни мало с самим Гамлетом. Фабула: заказчики дураки, а я в белом пальто стою красивая. Ну, и конечно, не обошлось без советов космического масштаба и космической же глупости…
Высокая конкуренция — это всегда стресс, но это не значит, что действовать нужно наугад в надежде, что в итоге количество перейдет в качество… может не перейти. Про графический дизайн не берусь судить, но в дизайне интерфейсов, UX/UI главная задача — сделать удобно, понятно и эстетично. Ровно эти же требования предъявляются и к хорошему портфолио т.е. умелый UX/UI дизайнер вынужден подходить к своему портфолио «юиксово», но к сожалению так бывает далеко не всегда.
Я задумал написать серию небольших статей в жанре «что такое хорошо и что такое плохо» в отношении портфолио UX/UI дизайнера. Надеюсь, эти скромные труды хотя бы немного снизят градус страданий от отказов и игнора со стороны потенциальных работодателей.
Интерфейсы уже давно соревнуются не только в параметрах красоты и скорости, но и за внимание пользователя, которое сегодня — самый дефицитный ресурс. Маленькие поощрения в интерфейсе могут помочь вовлечь аудиторию, но если переборщить, то пристрастие к «дофаминовым триггерам» в дизайне может начать мешать и даже вызвать раздражение и отторжение.
Привет, Хабр! Меня зовут Роман Горшков, и я арт-директор в Битрикс24. Я работаю с комплексным B2B-продуктом, у которого множество пользовательских сценариев. И это та среда, где любое лишнее движение стоит времени и денег бизнеса, а внимание аудитории и так рассеивается между звонками, чатами и отчётами.
В этой статье я хочу отделить рабочие дофаминовые стимулы от манипулятивных приёмов и показать, как именно нейромеханики внимания можно применять в B2B-системах.
Меня зовут Света, я дизайнер интерфейсов в DNS. В этой статье хочу рассказать про то, как мы за 6 месяцев прошли путь от интерфейсного хаоса до целостной дизайн-системы, которая изменила не только продукт, но и процессы внутри команды.
Вы открываете приложение «на минутку», через полчаса понимаете — залипли. Это не магия и не слабая сила воли, это хорошая работа интерфейсов. Они устроены так, чтобы держать внимание и не отпускать.
В прошлой статье я показывал, как главная страница решает судьбу продукта. Теперь — о приёмах, которые работают после неё. Они незаметны, но именно они удерживают нас внутри экрана.
Привет, Хаброжители! Дизайнеры и разработчики организуют единую систему с компонентами, стилями и гайдлайнами для многократного использования, чтобы каждый раз не изобретать велосипед. Но превратить набор шаблонов в гибкую, надежную и масштабируемую систему — задача не из легких.
Эксперт по дизайн-системам Дэн Молл раскрывает проверенные стратегии, инструменты и ключевые концепции, показывая на реальных примерах, как выстроить дизайн-систему, которая будет работать в любой среде.
В книге собраны фундаментальные знания и практические подходы для разработки, внедрения и поддержки дизайн-системы. Не просто дизайн-системы, которая будет работать здесь и сейчас, а устойчивой и масштабируемой практики, которая ускорит работу команды, оптимизирует ресурсы и поможет избежать лишних затрат в будущем.
Статья для тех, кто хотел бы написать свой плагин для Figma с помощью нейросетей. Рассказываю о лучшем бесплатном способе, чтобы вам не пришлось страдать.
«Покажи мне главную и я скажу какая стратегия у компании»
Главная — отражение основной ценности и бизнес модели продукта. На ней пользователь либо делает шаг к конверсии, либо уходит навсегда. Рассмотрим 5 основных рынков
Всем привет! Я — Матвеев Денис, Product Lead крупнейшего синего маркетплейса. Отвечаю за навигацию, плитку, ЛК и in‑app push. Когда год назад ко мне перешла и главная страница, мы быстро вывели её «в деньги» и я заметил повторяющийся паттерн: независимо от индустрии сильные команды приходят к схожей структуре. Чтобы не опираться на интуицию, я пообщался с коллегами из других компаний (маркетплейсы, классифайды, недвижимость) и разобрал 60+ популярных приложений на разных рынках.Ниже — что такое главная для бизнеса, какие паттерны работают и где отход от них бьёт по метрикам.
1. Какие бывают главные страницы и какую цель они решают для бизнеса
1.1. Маркетплейсы
Цель бизнеса: привлекать трафик для продажи товаров/услуг, расширять ассортимент закрываемых работ пользователей
Целевое действие: продажа товаров/услуг
Компоненты главной:
— товары (закрытие основной потребности)
— сервисы (распределение трафика)
— баннеры (монетизация)
— распродажи (привлечение/удержание)
Когда я начал разбираться с Motion для React, то оказалось, что свежих обзорных статей почти нет — нашёл только несколько старых постов про framer-motion. Поэтому я решил написать свой обзор: перевёл и разобрал документацию (ссылки в конце), попробовал библиотеку в деле и собрал всё в одном месте.
В статье есть примеры кода, GIF-анимации и описание хуков, которых, по моему личному мнению, достаточно, чтобы понять Motion, и, возможно, попробовать его руками, сэкономив время на чтении документации.
В первой статье я разобрал, что такое метрика активации и почему она важна при проектировании первой сессии. Но есть один вопрос, который всегда следует за этим:
Как повысить активацию?
Привет! Меня зовут Богдан, я дизайн-директор в ВТБ. Перед тем, как мы продолжим разбираться с активацией и онбордингом подпишитесь на мой тг-канал https://t.me/designfintech — тут я делюсь полезными материалами по дизайн-менеджменту, коомуникации и продуктовым кейсам.
