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

Единственные партнеры из алкогольных, кого лично не было на Круизе – сидрерия из Московской области D-CIDERS.Пусть будут первыми в череде наших историй, раз, к сожалению, сами с нами не отдохнули, а только свои хиты любезно прислали Наши гости попробовали сидры от Решал с добавками: Мята, Жасмин, Слива, Черника и Вишня (и да, я перечислила порядок, в котором образцы разлетелись со стенда).База – яблочный сок прямого отжима, все как мы любим и пропагандируем.У нас с ребятами вообще долгая история взаимности Познакомившись с ответственным за продажи в D-CIDERS Сергеем Безлюдовым на прошлогодней Лешуге, мы сразу решили, что надо вместе что-то придумать, осветить, попробовать, но как это бывает в круговерти мероприятий потерялись с идеями до следующей встречи, и за этот неполный год нам удалось пообщаться со всеми главными лицами D-CIDERS – Виталием (сидроделом и идейным вдохновителем), Елизаветой (главной по контенту и продвижению).Что можно сказать? Ребята горят идеей Это классная команда с солидным опытом работы в алкогольной индустрии и пониманием продукта и запроса потребителя.И вот с радостью мы познакомили свою аудиторию с D-CIDERS на Круизе и можем сказать точно: видите на полке Mint от D-CIDERS – берёте.Сидры Решал созданы конкурентными, созданы, чтобы их ставили в пару и сравнивали с вином, с коктейлями, даже с безалкогольными напитками.И это очень круто и дружелюбно – сам продукт подтягивает ассоциации и ситуации, когда и где ты можешь им насладиться.Где искать в Петербурге? Точно есть в Сидрерии на Моховой и у нас в Игрике http://untappd.com/DCidersзапретграм

нашел сервис референсов https://mobbin.com, чуть полезней чем pinterest/google searchUI/UX категоризирован, можно посмотреть, например, на страницы оплаты у других сервисов в категории News

3 мобильных приложения, чтобы удалить фон с фото за секунду загружаешь фото или картинку и получаешь готовый png без фона — это уже давно не магия дизайнеров, а рутина, даже для новичков в блогесобрала для вас подборку из удобных приложений, которые выручают, когда нужно быстро и качественно удалить фон 1️⃣ Bazaartзагружаешь фотонажимаешь «убрать фон»сохраняешь готовый файл без фонаединственный минус — на картинке остается логотип, который можно убрать при покупке платной подписки но иногда лучше базарта никто не справится, особенно с фото, где сложный контур объекта 2️⃣ Magic Eraser Background Editorприложений с похожим названием очень много — пробуйте разные и ищите то, которое подойдет под ваши целиприложение, которым пользуюсь я недоступно, насколько знаю, но можете попробовать скачать вот тут 3️⃣ PhotoRoomмне кажется сейчас это приложение любимчик блогеров и смм-спецов�удаляет фон сразу же при загрузке фото, этот этап можно пропустить, если вы пришли за другими функциями, но как ластик оно работает великолепно➿в сложных фотографиях и картинках мой вариант действий — убрать фон в базарте и потом в magic eraser убрать логотип базарта�а вообще рекомендую осваивать фигму всем, кто работает с визуальными штуками и дизайнит, пусть и только для себя �️ – жми реакции, если было полезно

канал о блогингечек-лист по упаковке аккаунта#контент #блогинг #продвижение #смм #блоге

р

шёл 2025 век и адоб работал над коопным редактированиемглядишь, к 2028 без багов работать будет!

Подтверждение до действия или отмена после – что использоватьКороткий ответ: зависит. Но мысль я, конечно, раскрою.1) Используем подтверждение (фулскрином/модалкой), если: технически не сможем восстановить данныеФигма при удалении файлов из корзины:

Вы уверены что хотите удалить файл? Вы не сможете его восстановить

надо притормозить юзера, предложить подумать, уговорить остатьсяЛегендарный флоу отмены подписки Яндекс Плюс:

Без Плюса вы не сможете слушать Музыку и смотреть Кинопоиск на ваших устройствах

Озон при отмене заказа выдает подтверждение с разными текстами в зависимости от причины отмены:Если ошибся в адресе

Можно изменить адрес, тогда товары не придется отменять

Если решил, что дорого

Товар может подорожать

2) Используем отмену действия (снекбаром/сменой UI-элемента/уведомлением в колокольчике), если: не хотим прерывать основную деятельность юзераГугл Драйв при удалении файла:

Файл перемещен в корзину – Вернуть

Инста при нажатии кнопки Вы подписаны:

Кнопка меняется на Подписаться

Ну вот, как бы, и все дела. Пользуйтесь, махарошики!

Кейс: Лендинг для салона флористикиЗадача от клиента: создать легкий и удобный лендинг, заточенный под клиентов, ищущих красивые букеты по доступным ценам.У московского салона FlowersMoscow24 был сайт с полным каталогом, но владелец решил выделить отдельное направление для упрощения работы с бюджетными букетами (до 3500₽).Что было сделано:1. Разработал концепцию главного экрана• Создал цепляющий оффер: «Недорогие букеты в Москве. Доставим за 3 часа»• Вынес ключевые преимущества: букеты до 3500₽, опыт 5000+ композиций, фото перед доставкой• Добавил быструю навигацию по основным разделам• Разместил контакты и мессенджеры для мгновенной связи2. Создал удобный каталог• Структурировал товары по категориям: букеты, поштучные цветы, в шляпных коробках, с макарони, сборные на заказ• Сделал детальные карточки с составом и галереей фото• Добавил кнопку заказа прямо из каталога и карточки товара• Оптимизировал просмотр для быстрого выбора3. Упростил процесс заказа• Разработал понятную схему оплаты и доставки• Создал блок со стоимостью доставки по зонам• Сделал описания услуг всплывающими, чтобы не перегружать страницу• Добавил несколько способов связи на каждом этапе4. Повысил доверие• Интегрировал карусель с реальными отзывами клиентов• Добавил адреса для самовывоза с картой• Разместил ссылки на соцсети салонаРезультат: получился легкий, красивый и функциональный лендинг, который четко сегментирует аудиторию и упрощает заказ бюджетных букетов. Владелец теперь может эффективно работать с разными категориями клиентов.Клиент оставил отзыв (можно почитать в галерее)Нужен лендинг, который будет продавать именно вашему клиенту? Пишите в личку @SM_web________________________________________Подписывайтесь на другие мои площадки: ✔️VC: https://vc.ru/u/838952-marchenko-sergey✔️Вконтакте: https://vk.me/sergej.marchenko✔️Тенчат: https://tenchat.ru/SM_Web

📣 По вашим заявкам сделал небольшую библиотеку для декларативного показа снекбаров.Преимущества библиотеки:🟢 Полностью декларативный API, забудьте про one-time события и их обработку в LaunchedEffect.🟢 Можно сделать как один глобальный обработчик, так и множество вложенных.🟢 Благодаря встроенным модификаторам важный UI не будет перекрываться снекбаром.🟢 Можно отображать снекбар как внизу, так и вверху экрана.🟢 Поддерживаются любые типы сообщений, а не только строки.🟢 Нет зависимости от Material, отображайте любой UI, какой захотите.🟢 Настраиваемые анимации появления и скрытия снекбара.🟢 Поддерживаются Android, iOS и JVM-таргеты.🟢 Простая интеграция с Decompose.🌐 Инструкцию по подключению, сэмпл и исходный код смотрите в репозитории.⭐ Звёздочки на репозиторий и репосты приветствуются!#Compose #Snackbar #KMP

Шрифт Fast_Sans спасает! После двух лет работы с ученицей, у которой дислексия, все-таки нашел рабочее средство! Шрифт. Fast Sans разошелся по тиктоку зимой: блогеры рассказывали, что он помогает читать быстрее. Тогда я протестировал и понял, что это правда! Его особенность в том, что первые 2-3 буквы выделены, за счет этого мозг сразу же цепляется за слово и переходит на другое. Круто! И только в мае я догадался использовать на уроке... Представьте: если раньше мы с девочкой мы читали 1 страницу за 10 минут, то с этим шрифтом стали читать 9-10! Никаких запинок и искажений слов! Магия! Так что находите шрифт в гугле, устанавливайте и пробуйте! Кстати, подробнее об этом рассказал в видео: https://youtu.be/33ZZ1RuipKM?si=98uiUJx0aPG5YCKw

Когда проводишь исследование, чтобы выбрать лучший экран, а респонденты такие: 50% за один, 50% — за другой.Спасибо, конечно, очень помогли. Нет, правда, помогли. Отправлю продакту отчёт с гифкой

Github среда - likec4Очень крутая штука для рисования схем C4. Кормим ей yaml, получаем красивый рендер. Причем все кликабельное, можно провалиться на другие уровни, отфильтровать только нужные компоненты и т.д. Также есть возможность кАсТОмИзАцИи, можно поиграться с цветами и формочками. UPD: напутал про yaml. Там свой DSL для описания, но чтобы каждый раз все руками не писать и стиль был одинаковый у всех, мы yaml используемhttps://github.com/likec4/likec4

Экспорт Variables Сделал плагин, который даёт выгрузить переменные из Фигмы в нужном формате строки Export Variables Formatter В плагине можно выбрать один из 25 пресетов или собрать под себя, настроить case и добавить комментарии. Результат можно скопировать…

Еще одно подтверждение, что мы все дальше от Бога. Как-то незаметно все больше приложений заразились болезнью полноэкранных всплывающих окон при первом открытии. Хочешь музыку послушать? Не, погоди, вот тебе концерт Akon. Сериал посмотреть? Не, вот тебе футбол и доп. опция к подписке. Да, продавать доп. опции к подписке и продвигать другие сервисы из экосистемы нужно, понять можно всех. Но в последнее время эту «эмпатию» приходится все чаще применять к монополиям, у которых дела и так хорошо. Конечно, бесконечность не предел. Метрики нужно отращивать всегда, повышать Retention, средний чек и так далее. Просто наблюдение, что такие паттерны становятся элементом «умолчания», ну, мол, у всех так, а мы что, мы тоже так будем, потому что ну вот надо же нам как-то еще больше денег зарабатывать. Бедняжки, бл* 🔥 — если тоже задалбывает такая фигня

Figma добавила эффект Liquid Glass 😎Обещали — сделали. Теперь можно не заморачиваться с настройкой эффекта жидкого стекла как раньше. Заходим в эффекты, выбираем Glass и вайбим 😌Работает только для фреймов. Обновляйте фигму — и вперед играться ⭐️🔥 — наконец-то!!!👍 — супер! полезно❤️ — очень нравится стекло#figma #liquidglass #новинка✏️ Дмитрий Матвеев

Glass effect теперь в Фигме Друзья, классная новость: Фигма добавила тот самый эффект стекла в базовые эффекты. Если у вас еще не появилось, то перезагрузите приложение. Кстати, опытным путем (при выгрузке) проверили, что файлы с этим эффектом весят меньше чем с применением Background blur. П.с. Буду потихоньку возвращаться в канал.

🚀 Как ТРИЗ помогает решать задачи в IT и digital-продуктах Вы сталкивались с ситуацией, когда: • Новый функционал тормозит систему? • Пользователи не понимают интерфейс? • Бюджет проекта сокращают, а сроки горят? ТРИЗ (Теория Решения Изобретательских Задач) предлагает системный подход к таким вызовам. 3 ключевых принципа ТРИЗ в IT и digital 1️⃣ Принцип идеальности "Лучший код — это отсутствие кода" → Пример: Вместо разработки сложной системы логистики для доставки, Uber использует уже существующие ресурсы — машины водителей. 2️⃣ Разрешение противоречий "Нужно увеличить безопасность, но не усложнять авторизацию" → Пример: Биометрия (Face ID) вместо паролей — безопасно и удобно. 3️⃣ Использование ресурсов "Как сократить нагрузку на сервер без апгрейда железа?" → Пример: Оптимизация алгоритмов или кеширование данных. Пошаговый алгоритм применения ТРИЗ в IT-проектах Шаг 1: Определите противоречие Пример: "Хотим добавить много функций в приложение (удобство), но это сделает интерфейс перегруженным (юзабилити)" Шаг 2: Найдите аналогии Как решали подобное для нашего примера: • Telegram — минимум кнопок, но максимум функций через ботов • Google — пустая страница, но мощный поиск Шаг 3: Примените один из 40+ приемов ТРИЗ Для нашего примера: • Принцип «матрешки» — скрыть сложные функции за долгим тапом/жестами • Принцип «обратного действия» — вместо добавления кнопок — голосовой ввод Шаг 4: Проверьте ресурсы Можно ли использовать: • Поведение пользователей (аналитика) • Возможности ОС (например, 3D Touch) • Сторонние API Шаг 5: Добейтесь идеальности Финальное решение для нашего примера: "Адаптивный интерфейс, который показывает только часто используемые функции конкретным пользователем" 💡 Кейс из практики: Команда разработки сократила нагрузку на сервера в 3 раза, применив принцип «предварительного действия», загружая контент частями еще до того, как пользователь доскроллил до него. ТРИЗ — это системный подход к инновациям. Он заменяет бесконечные мозговые штурмы на четкие алгоритмы. 🛠 Пробовали подобные методы в своих проектах? Делитесь кейсами в комментариях! #управлениепроектами #digital #ТРИЗ #инновации

Сервисы для создания презентаций 🖥Не требуют оплаты и легко переводятся на русский язык.Сохраняйте и делитесь с коллегами ✍️✔️Visme.coОтличный аналог Canva с ИИ чат-ботом.✔️Gamma.aiСоздает презентацию на считанные минуты.✔️Tome.appДелает не только презентации, но и планы уроков.✔️Slides.goСайт с бесплатными шаблонами презентаций.✔️Presentations.aiБыстрые презентации на базе искусственного интеллекта.Школа - центр социума — подписаться

Моё самое нелюбимое дело в работе дизайнером — проверять макеты когда всё готово. Выискивать мелочи, которые не стыкуются с аналитикой, проверять всякие состояние ховеры хероверы. Это дело требует максимум сосредоточенности😢😒Сидишь, смотришь уже 500-ый раз огромный флоу, дергается глаз. Ты провела с этой задачей больше недели, знаешь каждый уголок макета. Одно радует, скоро мы расстанемся и она пойдёт мучаться дальше к аналитикам и разрабам) А еще! Макеты посмотрит лид. И там ведь тоже найдется несколько ошибок, которые ускользнули от глаза...#процессы

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

Мужик в троллейбусе едет и думает: «Жена — стерва, друзья — подонки, начальник — дебил, работа — дрянь, жизнь — говно.»За спиной мужика стоит ангел, записывает в блокнот и думает: «Какие странные желания, а главное — одни и те же каждый день! Но ничего не поделаешь, надо исполнять...»

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

Guidde | ИИ-обогащенная видеодокументацияНестандартный, но напрашивающийся метод записи скринкастов прямо в браузере. После того, как вы выполните на запись нужные действия, нейронка сделает:— разметку используемых кнопок, полей прямо на экране;— краткие комментарии к каждому действию — экспортируемую инструкцию в формате "Кадр + комментарий".Цена: бесплатноРасширение в интернет-магазине Chrome@prog_tools

Гибкость ботов — залог высокой конверсииОбожаю гибкость в создании ботов. Особенно теперь, когда есть формат мини-приложений. За что бесконечная благодарность PuzzleBot.У бота две главные цели: решать задачи бизнеса и быть удобным и полезным для пользователей.→ Бизнесу важно получать заявки — чем выше конверсия бота, тем лучше.→ Человек, воспользовавшись ботом компании, не должен путаться в сложных сценариях и непонятных формах.Кто-то из пользователей готов сразу купить, кто-то — оставить заявку и пообщаться с менеджером, а кто-то просто хочет задать один вопрос в личку и дальше пойти думать.Поэтому считаю, что нужно дать возможность связаться любым удобным способом. Так бот закрывает обе свои цели: повышает конверсию и количество заявок + остаётся удобным для всех категорий клиентов.На скрине — пример бота в сфере недвижимости, который сейчас в процессе создания. Есть кнопки и для тех, кто уже готов приехать на экскурсию, и для тех, кто просто хочет пообщаться с менеджером.Такую форму можно реализовать и в обычном боте, но в формате Mini-App это выглядит гораздо более симпатично и функционально.В итоге, чем больше вариантов выбора мы предлагаем в боте — тем больше людей конвертируем. Бизнес получает больше заявок и клиентов, а пользователи — понятный и удобный сервис. Всё просто.

О простом и полезномДля входа в сервис нужно ввести код. Иногда по каким-то причинам SMS задерживается. Пользователь нажимает “отправить новый”. Телефон вздрагивает от уведомления, человек радостно копирует цифры – но войти не может. Это не новый, это старый наконец прилетел, он уже не подходит, а отправлять один и тот же или принимать любой безопасники не разрешили. Теперь клиенту надо опять “отправить новый” и опять есть риск перепутать. Не то чтобы такое случается часто, но бывает. Дома реже, в роуминге чаще. Если, скажем, в каждом тысячном случае затык происходит, то для самого крупного сервиса это десятки тысяч матерящихся пользователей в день. Для просто крупного – сотни или тысячи.Для проблемы давным-давно известно интерфейсное решение. В SMS можно отправлять не только сам код, но и его номер: “код для входа 34 – 555555”, а в форме ожидания указывать, что система сейчас ждет именно тридцать четвертый одноразовый пароль. Никаких сложностей внедрить такое нет, единицы часов работы программиста, дизайнера и копирайтера, если на 100 языков переводить не надо. Из всех сервисов, где я авторизуюсь, вижу такое решение в двух. Остальным плевать. Когда я большим массовым сервисом управлял, там тоже так не было сделано.P.S.: Кстати, в одном из этих двух действительно хорошая техподдержка. Не для галочки. Во втором – пока не знаю.#корпоративный #простомысли

Насколько длинным может быть ваш адресЯ сегодня взял шашки в руки писал пуши сам и отправлял их посмотреть своей руководительнице. Наш диалог был примерно таким:— норм?— надо сократить, адрес может быть длинным— так норм?— надо еще сократить, адрес может быть невероятно длиннымИ я подумал: а насколько на самом деле длинным может быть адрес? Итак, в Москве самое длинное название улицы — Центральный проезд Хорошевского Серебряного Бора. 44 буквы.Если вы хотите самое длинное название из одного слова, то это Шарикоподшипниковская улица — 21 буква. Если говорить про Россию, то самое длинное название нашли в 2017 году в Бердске: Территория, изъятая из земель подсобного хозяйства Всесоюзного центрального совета профессиональных союзов для организации крестьянского хозяйства. Да, это название улицы. Но на Пикабу пишут, что теперь она Стартовая. Какая улица на первом месте теперь — я не знаю. Но надеюсь, что на ней нет ПВЗ. Втыкайте жаб за вечернее UX-urban просвещение.

После 15 лет акне... вы просто не представляете, какой это стресс снова.

"Не заставляйте меня думать" или где тут здравый смысл? У меня на столе лежит книга Стива Круга "Не заставляйте меня думать". Это книга о веб-дизайне и удобстве использования, а на самом деле она про здравый смысл (выпущена в 2000м году). Какой может быть здравый смысл в дизайне вот этого интерфейса GetCourse? То есть… Куда я должен кликнуть? Почему здесь столько информации? Почему меня сразу же пытаются позвать на какой-то марафон? Я ничего не понимаю, когда на это смотрю, и я откровенно злюсь. Как можно делать продукты, от которых пользователь злится, — для меня загадка. Да, я знаю, почему люди используют GetCourse: там есть нужная аналитика, она позволяет увеличивать конверсию в продажу. Это основная причина.Кстати, чтобы настроить под себя эту систему, нужен программист. 2025 год, программист, Карл! Целая отрасль людей, которые зарабатывают на настройке GetCourse!Я вот думаю, а есть ли здесь простая внимательность, уважение к пользователю? Дизайн — это восприятие мира. Этот дизайн напрямую говорит: мне плевать на тебя, разбирайся, как хочешь. А если не разобрался — приходи на марафон, тебя достало — заплати за настройку. Что?Можно ли по-другому? Ага. Дальше в галерее 3 скриншота нашей платформы для курсов Create Today. Красота спасёт мир.

Не по Сеньке шапка?Всем привет! Долго думала, подаваться на эти курсы или нет. С одной стороны, интересуюсь доступностью, нередко по собственной инициативе пишу разработчикам, как умею, сообщаю о багах невизуальной доступности сайтов и приложений. Ранее проходила два краткосрочных курса: у Артёма Плаксина в Everland и у Всеволода Попова в "Особом взгляде".С другой стороны, боюсь ударить в грязь лицом. Чувствую, что не по Сеньке шапка, что об HTML я имею весьма общие представления, что усвоенное быстро забудется, окажусь технически слабо подкованной.Читать и изучать готова, но смогу ли быстро ориентироваться в коде, эффективно выявлять проблемы доступности и предлагать решения, сомневаюсь.Что лучше: побояться и не попытаться вовсе или быть отчисленной и ощутить некую степень... ну, не позора, а, скорее, разочарования в себе? Ещё хуже — зря потратить время наставников на себя, не толковую ученицу. Это ведь не баловство, а серьёзный многочасовой курс с потенциальным трудоустройством тех, кто окажется успешен.Но заточен ли под это у меня мозг, или мой предел — расшифровки, вычитывание и отслушивание книг, увлечение нейросетями на, думаю, весьма базовом уровне? В какие глубины я смогу погрузиться, не задыхаясь под напором информации?В раздумьях. Ну а репост от "Камераты" я сделала для тех, кто более уверенный, продвинутый, способный, чем я, и чьё лицо точно не встретиться с грязью.Я же, учась признавать свои слабые стороны, дерзну, а если не получится, тихонько отойду, уступив место более достойным.И, честно, да помогут мне нейросети! Быть может, они (скроют шаткость моих знаний?) или станут ненавязчиво шептать подсказки, когда буду домашние работы выполнять.

✨как сделать эффект букв за предметом?продолжение поста — про эффект текста за предметомпервый способ с приложением Presets я уже показала там —а теперь держи второй вариант, если ты монтируешь в CapCut. 🧩 как сделать эффект «текст за объектом» в CapCut:- выбираешь нужную фотографию- добавляешь текст поверх — как обычно- затем в «наложения» снова добавляешь эту же фотографию- удаляешь фон у верхнего слоя- заходишь во вкладку слои и перемещаешь фото на первое место (в видео показала наглядно)💥 готово! теперь у тебя объёмный кадр с эффектом «текст спрятался за предметом» — без магии, просто и красивохочешь ещё таких приёмов — пиши, какой эффект разобрать в следующий раз 🎬а если ты ещё не смотрела уроки по съёмке — начни изучение с этого поста 🤍

Статья про конструирование модальных форм в Obsidian.С практической точки зрения это как шаблон, только чуть удобнее, потому что можно накрутить больше автоматизации.И выглядит эстетичнее.https://habr.com/ru/articles/922032/#pkm

🎨 MonsterUI — стильный UI для FastHTML на Python (от Answer.AI)MonsterUI — это высокоуровневый слой поверх FastHTML, который позволяет быстро создавать красивые веб-интерфейсы на чистом Python без писанины HTML/CSS.⚙️ Проблема FastHTML и так упрощает фронтенд, но стильность UI требует громоздких классов или CSS-фреймворков (Tailwind, Bootstrap). MonsterUI решает это, предоставляя готовые компоненты и умные настройки по умолчанию.✨ Главные возможности • Полюбившиеся Tailwind/FrankenUI/DaisyUI скрылки под капотом • Удобные базовые компоненты: Button, Card, LabelInput и др. • Семантический текст и стили (H1, P, Blockquote, etc.), оформленные по умолчанию • Умные layout-хелперы: DivVStacked, Grid, DivFullySpaced и другие • «Высокоуровневые» компоненты: навбар, модалка, таблицы — готовые шаблоны • Автоматический рендер Markdown и подсветка кода • Темы с выбором цветовой схемы, поддержкой light/dark режимов 🚀 Пример компонентаdef TeamCard(name, role, location="Remote"): icons = ("mail", "linkedin", "github") return Card( DivLAligned( DiceBearAvatar(name, h=24, w=24), Div(H3(name), P(role))), footer=DivFullySpaced( DivHStacked(UkIcon("map-pin", height=16), P(location)), DivHStacked(*(UkIconLink(icon, height=16) for icon in icons))))Всё чисто, семантично, без CSS-уродства и классов.🔧 Стартpip install MonsterUIfrom fasthtml.common import *from monsterui.all import *app, rt = fast_app(hdrs=Theme.blue.headers())@rtdef index(): return Card(H1("Hello MonsterUI"), P("Приложение готово!"))serve()✅ Преимущества: • Быстрый старт с современным UI • Чистый, читаемый Python-код • Гибкость в кастомизации через Tailwind • Подтверждённая пригодность в продакшене🔗 Подробнее: https://www.answer.ai/posts/2025/01/15/monsterui.html@pythonl#Python #WebDev #FastHTML #MonsterUI #Tailwind #HTMX #UI #OpenSource

Как сделать, чтобы вашими ботами действительно было удобно пользоваться с точки зрения интерфейса и Ux/UI?Я постоянно исследую эту тему, собираю лучшие практики и интегрирую их. Делюсь ключевыми, проверенными практиками и советами, которые помогут вашим чат-ботам стать не просто инструментом, а реально востребованными помощниками.🔹 Мгновенные ответы. Пользователи ждут от бота скорости. Если бот думает дольше 8 секунд, клиент считает, что что-то пошло не так. Лучше показать индикатор ожидания («бот печатает…»), чем оставить человека в неопределённости.🔹 Конкретика и полнота информации. Если пользователь обращается к боту, значит, он уже не смог сам найти ответ. Поэтому ответ должен быть максимально конкретным: без общих фраз, сразу к делу.🔹 Не завышайте ожидания. Честно обозначайте возможности бота. Если он понимает только конкретные команды, не пытайтесь создать иллюзию «свободного общения». Чётко укажите формат запросов, чтобы избежать разочарования.🔹 Упрощайте взаимодействие. Используйте кнопки быстрого выбора и меню. Они направляют пользователя и уменьшают риск ошибок. В идеале кнопки нужно сочетать с возможностью свободного ввода для нестандартных случаев.🔹 Пошаговое ведение диалога. Бот не должен сразу запрашивать всю информацию. Задача делится на небольшие шаги — так пользователь меньше устаёт и чётко понимает процесс.🔹 Дружелюбие и ясность. Люди подсознательно воспринимают чат как живое общение. Исследования подтверждают: боты с дружелюбным и эмпатичным стилем общения получают на 30-40% выше оценки удовлетворенности пользователей.🔹 Гибкость и обработка ошибок. Если бот не понял запрос, пусть он дружелюбно просит уточнить, а не просто сообщает об ошибке. Также должна быть возможность легко исправить введённые данные без перезапуска всего процесса.🔹 Эскалация и обратная связь. Если бот не справляется, он должен мягко предложить переключиться на живого оператора и передать ему всю историю диалога. Сбор обратной связи по завершению общения («Было ли полезно?») также улучшает удовлетворенность пользователей.Следуя этим советам, вы сделаете ваших ботов по-настоящему полезными, а сотрудникам захочется пользоваться ими снова и снова.@AlexGetsHrDone

Кейс: AeroBox · Описание проекта · UX-часть · СтоимостьЗавершил работу над проектом в авиа-сфере. Крупный сервис для нескольких типов пользователей: диспетчеры в офисе, пассажиры, сотрудники и охранники аэропорта. Создал веб-версию, приложение под планшет и смартфон.Проект под NDA, но некоторыми деталями могу поделиться.Главный акцент в дизайне — на скорость работы. Я размещал элементы так, чтобы вся ключевая информация была сразу перед глазами без лишних переключений: данные о рейсе, документы пассажира, правила въезда и чат с коллегой. Так диспетчер мог быстро принимать решения.Принятие решений – это главная задача пользователя, поэтому ее исследованию я уделил особое внимание. Я изучал из чего состоит работа диспетчера, какая информация им нужна, какие существуют критерии принятия решения и на основе этой информации прорабатывал путь пользователя.Что еще:– на все действия были свои горячие клавишы– для веб-версии использовали дизайн-систему Material UI – для планшета и смартфона Untitled UI– интерфейс пассажира соответствует стандартам WCAG– в UX-исследовании мне очень сильно помог ИИСервис уже начал тестироваться в Швейцарии и есть планы выхода в Азию. Моя работа на данный момент завершена.Заработал с этого проекта более миллиона рублей. Начал работу во Вьетнаме, закончил во Франции. Свободный график – мой приоритет.@byiskros · Менторство · Pro