Плагин Vector Fields — Это универсальный инструмент, который помогает вам играть, мастерить и создавать узоры из фигур.
Плагин Simple Stripes — позволяет моментально создавать и настраивать полосатые паттерны для дизайна с гибкими параметрами.
Matte Garden Watering Can Mockup
Мокап матовой лейки — с чистыми формами и возможностью нанести брендинг или паттерн. Подходит для товаров для сада, экотоваров и маркетинга на стыке природы и дизайна.
📁 Скачать / #мокапы
Подписывайтесь: @mockup_free
Разный взгляд на слова Якоба Нильсена о смерти интерфейса
Это рубрика «Разный взгляд», где начинающий и опытный специалист отвечают на один и тот же вопрос или делятся мнением о событии.
→ В роли начинающего: Продуктовый дизайнер в Ozon Алёна Фассалова
→ С опытной стороны: Директор по продукту AW BI и автор @proudobstvo Михаил Греков
🔍 Сегодня обсуждаем слова Якоба Нильсена — автора одноимённых эвристик и дизайнера с 40-летнем опытом.
— Якоб считает, что в ближайшем будущем появятся ИИ агенты, которые от имени пользователя будут просматривать веб-странцы, принимать решения и управлять компьютером, не нуждаясь в постоянном участии человека.
— Доступность исчезнет как проблема веб-дизайна, поскольку пользователи с ограниченными возможностями будут использовать только агента, который преобразует контент и функции в соответствии с их конкретными потребностями.
— Ожидается, что ИИ агенты будут выполнять сложные задачи, такие как обслуживание клиентов, здравоохранение и образование, и даже работать на уровне кандидата наук для проведения научных исследований.
— Якоб призывает сосредоточиться на проектировании для агентов, а не для людей.
Михаил: Якоб говорит правильно. Только, что такое недалёкое будущее? Многие уже сейчас работают с ИИ агентами и типа убивают интерфейс. Но на самом деле это не первые попытки и предсказания смерти классического интерфейса. Например, с появлением VR-технологии человечеству пророчили жизнь в нём — но до сих пор мы не видим VR в широком использовании.
А в фантастических фильмах десятки лет назад показывали прозрачные без каркасные системы. И вот мы живём в «будущем», где все технологии для этого есть. Но где же они, пользователи прозрачных интерфейсов, как у железного человека? Их нет. Потому что на практике это оказалось не удобно.
Для ИИ-агентов не нужен пользовательский интерфейс для доступа к данным — они могут использовать API, а может со временем специально для ИИ появится отдельный способ доступа к информации. Что-то вроде отдельной «двери», чтобы собирать данные, делать выводы и работать без использования обычных пользовательских интерфейсов. Но для людей привычные интерфейсы ещё долго никуда не денутся — переход к новым технологиям будет очень плавным, почти незаметным. Мы не заметим как классические интерфейсы исчезнут.
Скорее всего, переход начнётся благодаря имплантам с ИИ в мозг. Это позволит получать информацию напрямую, без экранов и клавиатур, что значительно облегчит жизнь людям с ограниченными возможностями — отсюда и начнётся революция.
Алёна: Пользовательский интерфейс никогда не умрет, независимо от развития технологий. Интерфейс — форма взаимодействия человек-система, и она может быть разнообразной: от голосового ассистента до физического объекта. ИИ-агенты также просто встроятся этот список.
Пользовательский опыт неизбежно меняется и это нормально. Но к полному взаимодействию человек - ассистент не сведётся.
Но вот, что интересно:
— Возможно, появится ещё одна форма, которую нужно будет учитывать команде разработки. Вспомните хайп на фоне появления голосовых ассистентов.
— На выстраивание системы, как описано в статье потребуется время. Поэтому классические интерфейсы никуда не исчезнут и работы повально дизайнеры не лишатся.
— Допустим, у каждой компании появится свой ассистент. Тогда встанет вопрос больше про гиперперсонализацию. Появится челлендж: как отличиться от похожего чата и засчет чего удержать.
— В оригинальном посте Якоб Нильсен скорее призывает учитывать обе стороны при проектировании. Что касается паттернов проектирования таких ассистентов — это незыблемая база, которую мы и так с вами знаем, просто на конкретном примере.
— Важный момент, с которым я 100% согласна — нейронки могут положительно влиять на общую доступность информации и инклюзивный подход в ее преобразовании для пользователя.
По итогу, хоть пост нашего уважаемого дедушки Якоба выглядит ультимативно апокалиптичным, ничего страшного за ним не стоит.
А кто работает с внутренними и сложными продуктами, вы можете выдохнуть, тк вас это заденет в меньшей степени)
Минутка психологии:
Все вероятно уже видели, но давайте подумаем как в дизайне работает аффорданс. При проектировании любых отношений человека и среды стоит учитывать ожидаемое назначение, возможность действия при возникновении у человека привычного паттерна поведения.
Турист сел на «Стул Ван Гога» скульптуру Николы Боллы из кристаллов Swarovski в музее Вероны. Такое действие человека вполне ожидаемо, особенно если доступ к предмету у открыт.
Салют!
Темные паттерны — это дизайнерские уловки, которые вводят пользователей в заблуждение, заставляя их совершать действия, которые в противном случае они бы 😱 не совершили.
📌В статье «Исследуем мир темных паттернов в UX: психология, примеры, лучшие практики (часть 1)» мы разберемся:
— почему они по-прежнему процветают,
— какие психологические 🧠 принципы лежат в их основе,
— а также рассмотрим некоторые из наиболее распространенных темных паттернов в UX и примеры их применения в реальных продуктах.
*****
Бесплатные курсы по UX/UI:
🔥 Продвинутая Figma: Cайты
🔥 Продуктовый дизайн
Телеграм-каналы:
⚡️ UX и продуктовый дизайн
⚡️ UX/UI, Фриланс, Коммерческий дизайн
⚡️ Плакаты: Вдохновение и рефы
⚡️ Личный канал Евгения UPROCK
Полезные материалы:
✨ Бесплатные кириллические шрифты
✨ Бесплатные мокапы
✨ Вакансии для дизайнеров
Про Аэрофлот, казино и тёмные паттерны
Праздники я провёл во Владивостоке и уже собирался лететь домой, когда нас, как и ещё 300 человек, высадили из самолёта из-за поломки.
Про то, как Аэрофлот справляется с кризисами, можно написать отдельный пост. Например, вы знали, что справку о переносе рейса можно получить только в аэропорту вылета? Надеюсь, сотрудник просто ошибся, а не так устроен процесс на самом деле.
После долгих разбирательств нас отправили в отель, который оказался… казино. Азартные игры меня не интересуют, в таких заведениях я не был и только видел во всяких сериалах.
Первая доза — за счёт заведения
Первое, что бросается в глаза — гиперзабота. Сотрудники предельно вежливы, охрана дружелюбна, девушки на ресепшене решают любые проблемы. Все выдержаны и профессиональны — чувствуется, что их сильно тренируют. Наверное, тут был один из самых лучших уровней обслуживания, который мне попадался за всю мою жизнь. Сюда точно хочется вернуться, даже, если ты не игрок.
Второе — пространство. В казино нет окон. Совсем. Не только в залах, но и в номерах. Причём это не дешёвая гостишка — номера чистые, современные и начинаются от 14 000 рублей за ночь. Из-за отсутствия дневного света игроки теряют ощущение времени и они могут не заметить, что просидели за автоматами всю ночь.
Третье — проба. Всем выдали купон на 300 рублей. На нашем рейсе было много консервативныех старушек и мне очень интересно воспользовались ли они этим предложением. Я просадил купон на слотах, жаль, что не заметил видео-покер рядом. Но человек я неазартный и играть дальше не стал, хоть такие мысли и появлялись.
Адвокат дьявола
Азартные игры я, конечно, не продвигаю и думаю, лучше держаться от них подальше. Особенно людям, которые подвержены игромании. Хотя при этом и не осуждаю людей, которые так проводит время. Главное, не начинать продавать бабушкины серберяные ложки прямо вместе с бабушкой.
В то же время кажется, что в этом конкретном случае тёмные паттерны уместны. В казино они слишком очевидны. И ты понимаешь, что всё против тебя и скорее всего ты проиграешь. Тебе говорят прямо: «мы хотим, чтобы ты играл». Кажется, ругаться на такое всё равно что ругаться на аниматоров в Диснейленде. Это просто часть опыта.
если хочешь развиваться в дизайне, полезно знать, какие книги читать на каждом этапе карьеры. стряхнули пыль со своей книжной полки и сейчас расскажем про чтиво на парочку вечеров.
джунам 🙇
если ты только входишь в профессию, не пытайся охватить всё сразу. лучше сосредоточиться на основе.
✎✐ «don’t make me think» стива круга — классика юзабилити, которая учит, как избавить интерфейс от «когнитивного трения» и сделать навигацию очевидной. круга беспокоят те же проблемы, что и тебя: как не раздражать пользователя и не заставлять его думать над кнопками, поэтому вы с автором точно найдёте общий язык.
✎✐ «the design of everyday things» дона нормана — помогает понять связь психологии восприятия и дизайна цифровых продуктов. эта книга научит думать за пользователя и понимать его реальные потребности.
✎✐ «thinking with type» и «graphic design: the new basics» эллен лаптон — базовая типографическая грамота, необходимая для аккуратной вёрстки веб и печатных материалов. вторая систематизирует визуальные принципы — форма, цвет, ритм, — на которых строится любая композиция.
✎✐ «100 things every designer needs to know about people» сьюзан вейншенк — практичный дайджест когнитивной психологии. книга показывает, как люди видят, читают и принимают решения. отличный чек-лист для быстрой ux-проверки.
мидлам 🙆
если ты уже освоил/а базу и хочешь углубить свои знания, переходи к методологии и практическим подходам.
✐✎ «lean ux» джеффа готельфа и джоша сайдена — эта книга интегрирует дизайн-мышление в agile-процессы, помогая тестировать гипотезы, проводить эксперименты и измерять результат, избегая бюрократии.
✐✎ «sprint» джейка кнаппа — даёт конкретный пошаговый алгоритм проверки идей за пять дней, помогая быстро протестировать задумки на пользователях.
✐✎ «hooked» нира эяля — объясняет модель создания привычек («hook model»), которая позволяет удерживать аудиторию через триггеры, действия, переменные награды и инвестиции.
✐✎ «designing interfaces» дженифер тидуэлл — предлагает каталог надёжных паттернов ui, которые можно сразу использовать в работе, чтобы не придумывать решения с нуля.
✐✎ «about face» алана купера — эта книга про goal-directed дизайн, который учит переводить требования в сценарии поведения и персоны, ориентируясь на реальные потребности людей.
синьорам и лидам ⭐️
если ты уже на опыте и руководишь командой, тебе важно развиваться в управлении людьми и процессами.
✐✎ «org design for design orgs» петера мерхольца и кристин скиннер — помогает выстраивать эффективную структуру дизайн-команды, учитывая роли, компетенции и зрелость процессов.
✐✎ «design leadership» ричарда бэнфилда — учит взаимодействовать с продактами, топ-менеджерами и другими участниками команд, развивая софты и усиливая влияние дизайна в компании.
✐✎ «change by design» тима брауна — книга про то, как масштабировать дизайн-мышление на стратегический уровень бизнеса и создавать инновации.
✐✎ «creative confidence» тома и дэвида келли — показывает, как формировать культуру экспериментов и преодолевать в командах страх перед ошибками.
✐✎ «tragic design» джонатана шариата и синтии савард сосье — мастхэв для лидов. объясняет и показывает на кейсах, как плохой ux аффектит на весь бизнес и вредит пользователям.
✦
расти в профессии помогают не только полезные книги, но и опытный наставник или наставница. оставляй заявку и мы поможем тебе обрести точку опоры ✨
Всем привет!
Раздражение — одна из самых недооцененных UX-проблем. Раздражение ⚡️ не всегда приводит к негативным отзывам или гневным сообщениям в поддержку, чаще всего пользователь просто уходит и не возвращается. А значит, дизайн, не учитывающий психологию боли, становится убыточным.
📌В лонгриде «Психология боли: 4 элемента дизайна, которые бесят ваших пользователей» мы разберем четыре раздражительных UX-паттерна: таймеры, автообновление, автозапуск видео и аудио, всплывающие окна. Объясним, почему они работают против вас, и покажем, как можно добиться цели без давления и манипуляций.
*****
Бесплатные курсы по UX/UI:
🔥 Продвинутая Figma: Cайты
🔥 Продуктовый дизайн
Телеграм-каналы:
⚡️ UX и продуктовый дизайн
⚡️ UX/UI, Фриланс, Коммерческий дизайн
⚡️ Плакаты: Вдохновение и рефы
⚡️ Личный канал Евгения UPROCK
Полезные материалы:
✨ Бесплатные кириллические шрифты
✨ Бесплатные мокапы
✨ Вакансии для дизайнеров
Привет! На этой неделе передаём слово Илье Мансурову — продуктовому дизайнеру из команды Маркетинговые инструменты. Он занимается витринами магазинов и новым проектом, о котором мы сможем рассказать чуть позже.
В свободное время Илья изучает нейронки и 3D-графику, бегает, учится в магистратуре по направлению «UX/UI и инструменты цифрового дизайна» и делится опытом в своём канале @ilyamansurov
На учёбе у него группе учится 15 китайцев, и один поделился с Ильёй интересными фактами и внутренней кухней китайского дизайна. Поэтому на этой неделе будем говорить о дизайне в Поднебесной 🇨🇳 — рассмотрим общие паттерны, разберём феномен площадки Poizon, ну и конечно же обсудим зарплаты
#ведущийнедели
⭐️ Retroset
Набор паттернов для создания изображений в ретро-стиле
📁 AI, EPS, PNG
💼 #Паттерны #Illustrator #Photoshop
ℹ️ ПОДРОБНЕЕ | 📥 СКАЧАТЬ
🤖 @HiStockBot - бот для заказа файлов с Envato Elements, Motion Array, Artlist и Freepik
Нововведения с Figma Config ( 7 мая 2025) ч.1
Figma Draw
Figma Draw открывает доступ к инструментам иллюстрации прямо в Figma. Улучшено редактирование векторных объектов, добавлено взаимодействие с паттернами — теперь можно применять паттерны к заливке или обводке объектов. В эффектах появилась встроенная текстура шума. Функции доступны всем пользователям и уже внедрены в Figma
PATTTTERNS — большая и постоянно обновляемая коллекция интерактивных паттернов.
patttterns.com
🎆 Вебдизайнерская
Shapes & Patterns — набор шейпов и паттернов для ваших новых Figma проектов.
Shapes & Patterns by nbcovert
Внутри вас ждёт небольшая коллекция абстрактных шейпов и паттернов.
🌈Скачать набор🌈
#иллюстрации
Pattern Hero — плагин позволяет быстро создавать и настраивать паттерны из выбранных элементов.
SubtlePatterns — огромная коллекция бесплатных паттернов.
toptal.com/designers/subtlepatterns
Design Box
НАКАНЕЦТА! Доделал. Кажется.
В сообщениях выше писал, что на основе около пяти тысяч слайдов начал выделять паттерны вёрстки слайдов. Так вот, только сейчас могу сказать, что состав устаканился. В итоге уложился в 230 вариантов, которые покрывают 90% ситуаций. Проценты конечно взял на основе ощущений. Но думаю, что в общем и целом соответствует действительности.
Осталось всего-то перенести в рукопись все слайд-фреймы и описать их 🫠
