Дизайн

Проанализировал более 200 портфелей. Показываю фишки, слабые места, структура, самые необычные решения и портфели на века

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

В выборке — портфолио продуктовых и UX/UI-дизайнеров из Т-Банка, Додо, Figma, Альфы, Revolut и других сильных компаний.

Как мы уже убедились, Eurostile Bold Extended замечательно подходит для определения временного периода действия фильма. Но если Eurostile недостаточно, то этой цели можно достичь и другими способами. Представляю вашему вниманию шесть простых правил, которые чётко дадут понять, что текст используется именно в будущем.

Начнём с простого текста без засечек, например, произвольно выбранного слова, написанного Eurostile Bold. Пока он выглядит, как будто действие происходит в 2016 году.

Делюсь большой крутой дизайн-системой, которую мы используем на реальных проектах.🎨

Изначально в своей студии веб-дизайна я сам отрисовывал сайты. Поскольку я не считаю себя альтернативно одарённым человеком, быстро пришёл к выводу: нет смысла каждый раз рисовать одни и те же элементы. Кнопки, поля ввода, табы, аккордеоны – это из раза в раз повторяется, не особо нуждается в уникальности, но жрёт уйму времени.

Заготовил не только UI-kit, но и библиотеку с UX-логикой, анимациями и шаблон интернет-магазина.

На этой неделе прочитала свежую статью Кьяры Пеллегрини из NN/g: «AI-агенты теперь тоже пользователи наших интерфейсов». Автор — серьёзный исследователь, статья хорошо аргументирована. У агента есть цели, агент сталкивается с интерфейсом, агент пытается достичь целей через наш дизайн. По функциональному определению — пользователь.

Я не согласна с этой рамкой. И думаю, что разница принципиальная.

Восемь лет я работала клиническим врачом, потом перешла в продуктовый дизайн. Сейчас веду UX/UI в крупной российской IT-компании. Этот переход дал мне странное двойное зрение: я постоянно вижу в дизайне проблемы, которые медицина решала десятилетиями. Вопрос с агентами — один из них.

Агент — это не новый пользователь. Это новый посредник.

Несколько лет назад я стал соавтором курса по UX/UI-дизайну и записал для него модуль про анимацию интерфейсов. Я давно занимаюсь обучением своей команды дизайнеров, но видеоуроки готовил впервые и не знал, как технически устроено производство онлайн-курса.

Меня зовут Алексей Нибо, я дизайн-директор в диджитал-агентстве Атвинта. Расскажу, что входит в работу приглашённого автора и почему после неё я стал иначе смотреть на свои проекты.

Как сделать удобный интернет-магазин для техники премиум-класса, если у вас сотни городов и тысячи товаров?

Делюсь новым кейсом, как мы разработали дизайн-концепцию для KINGSTORE, упростили навигацию в большом каталоге и адаптировали ключевые сценарии под мобильных пользователей.

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

За долгие годы Eurostile, и в частности его вариант Bold Extended, появлялся во множестве научно-фантастических проектов. Дошло до того, что само присутствие Eurostile Bold Extended в названии заявляет, что дело происходит в будущем, намного эффективнее, чем кадр с дорогостоящими эффектами.

И в самом деле, Eurostile стал настолько быстрым способом задания временных рамок произведения, что когда я вижу этот шрифт в реальной жизни (а в Калифорнии это происходит довольно часто), то ощущаю, что попал в какую-то футуристическую антиутопию, в которой дом престарелых больше похож на зловещее правительственное учреждение для научных опытов.

Чаще всего в произведениях Eurostile встречается в виде Bold Extended, однако время от времени встречаются Regular, Bold и Regular Extended. В статье я решил показать как можно больше примеров.

Точка — самый простой элемент дизайна. И один из самых недооценённых. Рассказываем, как точки работают в интерфейсном, графическом и веб-дизайне на примере цифровых продуктов «Северстали».

После нескольких экспериментов с созданием диалога между виртуальным клиентом и виртуальным банковским ИИ я успел заметить несколько вещей.

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

Меня зовут Алёна Байкова, я отвечаю за проверку тестовых заданий кандидатов на роль UX-исследователей. 

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

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

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

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

В статье разобрал, где и когда задавать вопросы, какие метрики (NPS, CES, CSAT) использовать, как избежать типичных ошибок и превратить фидбек в реальные действия по повышению конверсии, чтобы убрать барьеры на пути клиента.

Недавно я выпустил ONYX open-beta 1.5 — одно из самых крупных обновлений моего мессенджера за всё время разработки.

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

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

Привет, Хабр! Давайте посмотрим, как «внутри» работает музей цифрового искусства teamLab Borderless в Токио, который только за первый год посетили 2,3 миллиона человек. Как создаётся экспозиция площадью 10 000 м², которая возникает на глазах у посетителей. Как работают сенсоры, проекторы, симуляции и projection mapping и как всё это связано в одном из самых технологичных музеев мира.

Конкуренция растет, SaaS растут как грибы после дождя, теперь продукту мало «быть» и решать проблему пользователя тоже мало.

Я люблю читать книги вместе со своим 8-летним сыном по ролям. Это превращает обычное чтение в маленький спектакль: у каждого персонажа свой голос, характер и настроение. Ребёнок вовлекается в историю гораздо сильнее, чем при обычном чтении.

История о том, как боль с потерянными компонентами и слетевшими токенами в Figma превратилась в собственный плагин для аудита дизайн-системы.

Прототип сайта на Тильде нельзя рассматривать только как черновик будущего дизайна.

Тильду часто воспринимают как инструмент, где можно быстро собрать сайт из готовых блоков. Это правда, когда структура заранее ложится на логику платформы. Но если сначала нарисовать свободный макет, а потом пытаться перенести его в конструктор без учета стандартных блоков, Зеро-блока, адаптива, форм, SEO-структуры и будущего редактирования, скорость быстро исчезает.

Всем привет! Меня зовут Саша, и последние 12 лет моя жизнь — это дизайн.

Как правило, мы выступаем за постепенные изменения: аккуратно дорабатываем продукт, тестируем гипотезы и опираемся на аналитику. Но иногда проекты находятся в таком состоянии, когда точечные улучшения уже не дают результата — требуется полная переработка. Именно с такой ситуацией мы столкнулись в работе над интернет-магазином японской косметики KWC.

В статье рассказываю, какие решения были приняты и как они повлияли на бизнес-метрики.