UI/UX и продуктовый дизайн, страница 2

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

Как устроена умная примерочная Sela Во флагмане Sela в петербургской «Галерее» работают примерочные, которые сами распознают принесённые покупателем вещи. На экране появляются их цена, доступные цвета и размеры. В основе технологии, RFID: система считывает электронные метки, вшитые в одежду.…

Продолжаю работу над финтех-продуктом для рынка США + советы по использованию ИИ Сам продумываю логику, а Figma-агент дорабатывает детали, а порой и более сложные элементы. Раньше я подумывал взять в команду дизайнера, но теперь в этом нет смысла. ИИ забрал на себя всю рутину.…

ПОДРОБНЫЙ ТУТОРИАЛ: Создаем дизайн приложения с нуля [с помощью нейросетей]

Вы не представляете, как я довольна, что смогла сделать то, что было у меня в голове - впервые! Эта возможность дает очень большую свободу

Сохраняйте, чтобы не потерять: Pinterest → референсы Chat GPT → фоны…

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

📊 Anthropic выкатили Claude Dashboards и Claude Motion - теперь Claude умеет сам строить живые дашборды и анимированные объяснения.…

OpenAI показал Intelligent UI: ChatGPT теперь отвечает не только текстом, но и интерактивным интерфейсом. Мы в команде последние пару месяцев тоже сильно думали ровно над этим вопросом - как изменится UI, когда в систему приходит LLM.…

Такого я ещё не встречал. Globe просто чемпион по выстрелам себе в ногу! Попап в приложении, внутри личного кабинета клиента, на весь экран, без возможности закрыть при оплате счёта за свои же услуги. Ссылка ведёт на сайт с выбором тарифа для нового клиента 🤦‍♂️ #philippines #ux

В этом видео автор подробно разбирает создание стен в Autodesk Revit. Показывает, как задавать параметры и свойства для разных типов конструкций: от простых перегородок до сложных наружных стен с несколькими слоями.…

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

Новый. Обновил все иконки 'mySchema', авторские © и добавили настройку их толщины. Привел к общему стилю линии, стрелки, узлы и отступы, плотность иконки. Похожие команды получили более различимые обозначения. В основе оформления — два цвета: основной передаёт форму объекта,…

Короче, есть такой сервис Lexy (lexygpt) — недавно услышал, что он типа очень популярный и один из крупнейших в РФ! Но сам, если честно, до этого вообще не знал и не слышал о нем! Как они говорят у них 3 млн пользователей, не знаю, но как минимум 200к подписчиков в тг точно есть.…

🔐 Managing resource access from a plugin page in OpenSearch Dashboards В OpenSearch 3.9 настройку совместного доступа перенесли непосредственно на страницы плагинов.…

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

#ссылка дня В комментариях к посту про моргающее меню а-ля macOS HIG всплыл вопрос: а есть ли вообще ресурсы, где можно подсмотреть, как одни и те же интерфейсные штуки сделаны в разных продуктах? Есть как минимум два. На самом деле их сотни были и есть, но почти все достаточно банальны.…

Bloo Lo-Fi Wireframe Kit Бесплатный wireframe-кит с 250+ компонентами и 150+ готовыми мобильными экранами 💾 Открыть Dropzz #UI

Нихренашечки-себешечки! Фигма переехала внутрь кодекса. Теперь мышкой тыкаешь куда надо и голосом объясняешь что сделать. Ну все, это точно финиш для верстальщиков и всяких веб-прогеров под WP.

Как вам интерфейс Figma из 2016? Почти ровно 10 лет назад, оказывается, у неё был официальный релиз и выглядила она примерно так.…

Figma 10 лет. А ведь где-то даже есть запись с конференции, как я показываю ее дизайнерам и журналистам и говорю, что за ней будущее ))) Тогда она была без регистрации и абсолютно бесплатной

Елена Плинер написала о юзерфлоу. — User flow — это блок-схема пользовательского пути в рамках отдельного сценария с конкретными точками старта и финиша; — Она позволяет посмотреть на продукт сверху, увидеть его реальный объём и заранее избавиться от лишних шагов и экранов;…

Opus 5.5 оказался крутым моушн-дизайнером. Новая модель Claude умеет генерировать стильные ролики с динамичными интерфейсами. Кто хочет повторить, вот промт:

<inputs> Ask me for: 8 to 12 UI states I want the shape to become (e.g.…

Анимация фона Теперь в Figma есть возможность шейдеры! А это значит, что анимированный фон на слайде можно создать всего за пару минут. В видео показала два варианта реализации анимации — встроенную в шейдер и с помощью Motion.

Удобный доступ к файлам В идеале нужно использовать подшивки, но есть более удобный способ. Переходим в меню приложения - Открыть (Хотим открыть какой-либо файл и начинаем копаться, искать файл) Для того, чтобы получить удобный доступ к папке с рабочими файлами делаем следующее:…

Иконки для тех, кому надоели обычные SVG Isocons — библиотека изометрических иконок, где можно прямо перед экспортом настроить внешний вид:

ракурс fill / line sharp / rounded толщину обводки SVG или PNG

Можно быстро собрать единый набор иконок под интерфейс, не рисуя всё вручную.…

А вот интересный кейс для улучшения… … мог бы быть.…

Images Preview На некоторых сайтах, где надо показывать изображения в высоком качестве, для UX применяются изображения-заполнители низкого качества. Они дают представление о некоторых деталях и цветах оригинала, пока тот загружается.…

Кратко про Union в Фигме Вау! Дизайн — о вау и креативном дизайне

посмотрите какой прекрасный сервис для вдохновения и если купить доступ, то для вёрстки 🥖 skiper-ui.com

Glow Edge Titles Шаблон для создания светящихся плашек с текстом приобрести этот шаблон #шаблог #плашки Бесплатный ChatGPT

Полезный лайфхак для проверки отступов, о котором до сих пор не все знают. #полезное #уроки Только Figma