notely ✍️ | Sticky Notes

Плагин помогает фиксировать идеи и фидбэк прямо в макете. Быстро создавайте, редактируйте, ищите, фильтруйте и настраивайте заметки, чтобы работать в команде без лишней путаницы. А если нужно разобраться, есть песочница с примерами и подробная инструкция-онбординг. #прочее Людочка, плагины – отборные плагины в Фигме

Плaгин Split to frames — плагин поможет легко разделить ваш дизайн на:

• Карусель — для соцсетей или презентаций • Сетку — для онбординга или структурированных макетов #карусель #сетка #соцсети #онбординг

🎮 Про привычки и паттерны

Редко играю в видеоигры, но недавно добралась до Hogwarts legacy. Мой профессионально деформированный мозг не смог отключиться и наслаждаться игрой, а стал анализировать, как она сделана. Это классный пример того, как работают паттерны в интерфейсе. Даже такой антигеймер, как я, знает, что ❎ — выбор или прыжок ❎❎ — забраться на преграду ⬇️ — нагнуться 🕹 левый джойстик управляет персонажем, а правый поворачивает камеру. Перед заданиями обязательно есть онбординг и подсказки: куда идти и что нажать. Не нужно думать или переучиваться, многие действия знакомы по другим играм. В других приложениях привычки работают так же: 🗑 — удалить ⚙️ — настроить ✊🏻 если захватить и потянуть объект, скорее всего, вы его переместите. Нет ничего плохого в том, чтобы повторяться. Посмотрите, как работают и что пишут другие. Скорее всего, решение уже есть и вам не нужно придумывать его заново. Чем более знакомым и предсказуемым будет интерфейс, тем легче в нем ориентироваться
Изображение поста

Новая статья про геймификацию редизайн портала ♾

•Как совместить гибкость агентского подхода с глубиной продуктового? •Как выстроить процесс, чтобы не просто закрыть задачу, а выйти за её рамки? 🤖 Наша команда рассказывает на VC Ещё статьи: · Как незаметно меняем финансовые привычки через игры · Актуальные принципы геймификации · Как превратить онбординг новых сотрудников в игру · Про геймификацию от а до я: как мы создаём игры для финтеха
Изображение поста
🚨 Большая подборка онбординга топовых продуктов
Нашёл очередную годноту. Вика Харламова собрала 500+ скриншотов, где выделила ошибки и подсветила крутые идеи для онбординга. Внутри: — Лучшие практики, которые помогают вовлекать пользователей; — Типичные ошибки; — Заметки и фреймворки, которые можно адаптировать под любой продукт. Если этого будем мало, напоминаю про мою подборку, которую публиковал ранее ➡️ Посмотреть подборку ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Монстарс ищет офис-менеджера, который будет поддерживать уют в нашем офисе, окружит коллег заботой и поможет развивать корпоративную культуру. У нас небольшой офис (150 м²) на Новослободской и команда из 25 классных людей.
➡️ Что нужно делать: • Планировать и оптимизировать офисные расходы • Заказывать воду, продукты, хозтовары и канцелярию • Администрировать корпоративную почту • Отвечать на звонки на корпоративный телефон • Контролировать работу переговорной комнаты (чтобы всегда было чисто и комфортно) • Контролировать работу уборщицы, техников, заказывать дубликаты ключей • Заниматься мелкими хозяйственными вопросами (налить воду в кофе-машину, помыть фрукты, полить цветы и пр.) • Организовывать доставку документов (через Достависту, СДЭК) • Координировать корпоративную библиотеку • Печатать, сканировать, копировать документы, следить за принтером и картриджами • Участвовать в онбординге новых сотрудников • Организовывать поздравления коллег с праздниками, закупать подарки • Выполнять небольшие поручения руководства • Помогать с организацией корпоративных мероприятий ➡️ Что важно для нас: • Душевность, позитив и активность — ты будешь важной частью атмосферы офиса • Ответственность, внимательность, обязательность — важно, чтобы всё работало, а коллеги не думали о бытовых мелочах • Опыт работы офис-менеджером от 1 года • Уверенный пользователь MS Office / Google Docs • Умение работать с офисной техникой (принтеры, сканеры и пр.) • Грамотная устная и письменная речь • Знание норм деловой этики Что предлагаем: — Офис в 5 минутах от метро Новослободская / Менделеевская — Дружный и поддерживающий коллектив — График работы: пн-пт, 10:30 – 19:30 — Оформление по ТК РФ, оплачиваемый отпуск Если тебя заинтересовало наше предложение, то ждем твой отклик с сопроводительным письмом по ссылке 🤟
Изображение поста
✨ 800+ экранов Hero Section
Время зря не терял и собрал для вас 800+ первых экранов на разных сайтах. Все в одном файле, как обычно и бесплатно. Тематики разные, например: – AI – Tech – Web3 – Web apps – Mobile apps – E-commerce – Finance и другие Как всегда буду благодарен вашему лайку, репосту. Это всё, что мне нужно ❤️ Там же вы найдёте скрины, если ещё не видели: – Paywall из приложений (200+) – Графики и диаграммы (200+) – Флоу онбордингов (1000+) ➡️ Смотреть скрины ——— 🔥 Закрытый канал с вакансиями
Изображение поста
🖥 Активация и онбординг
Руслан Шарипов написал 4 часть про активацию и онбординг, в которой подвел итоги предыдущих статей и тезисно объяснил как с этим со всем разобраться. Думаю по этой теме больше постов не будет, дождемся новых) Но за прошедшие недели он много активничал и я настоятельно рекомендую ещё посмотреть записи последних стримов Внутри: — Зачем изучать пользователей; — Ещё раз про Retention; — Создавать или улучшать онбординг; — Понять ценность. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Начинаем неделю с вдохновления по UX/UI 😈
Зацените работу Марины, это её домашняя работа на курсе по UX/UI — iOS приложение для магазина косметики. Уже прямиком в портфолио: https://www.behance.net/gallery/220248997/Mobile-App-IOS-e-comm-mobilnoe-prilozhenie Ресёрч, анализ конкурентов, гипотезы, персоны, онбординг, ui kit, и ещё много важных деталей в одном кейсе! Обязательно поставьте лайк работе https://www.behance.net/gallery/220248997/Mobile-App-IOS-e-comm-mobilnoe-prilozhenie">на Behance и напишите, что больше всего понравилось в работе и презентации 😱 А следующая группа курса стартует 26 мая
Изображение поста
Пример крутого онбординга от Яндекса 🔎
Обновили (не сильно) поисковую строку, но даже это обыграли и стильно заонбордили затемнив экран, выделив строку с баблами-подсказками + красной тени бахнули - смотрится сочно👍🆗
Изображение поста
💡 Активация и онбординг | Руслан Шарипов
Серия статей посвящена важности активации и онбординга в дизайне продуктов. Руслан объясняет, что активация — это момент, когда пользователь понимает ценность продукта и начинает его использовать, а онбординг — это процесс знакомства пользователя с продуктом, который помогает ему осознать эту ценность и начать регулярно использовать продукт. Бегом идём читать!! 🧡1 часть 🧡2 часть 🧡3 часть 🧡4 часть #статья #ux 🌙 Luuna | Design
Изображение поста
На той неделе расковырял новые тулы для анимаций и прототипирования, и нашел несколько прям достойных вашего внимания:
Play Сервис для прототипирования под iOS. Полностью пересел на него с Protopie, которым пользовался несколько лет. Имба Play в том, что в там есть нативные айосовские компоненты с нативными анимациями, то есть чтобы собрать Presentation View или айосовскую шапку, не нужно все писать с нуля. Плюс само прототипирование построено на нодах, что супер удобно. Сам прототип шарится в формате AppClip, то есть получатель не скачивает никакие программы, прототип развертывается на айфоне получателя с помощью нативных технологий эппла. Вердикт 8/10, минус два бала за баги. Но продукт активно развивается, поэтому думаю со временем пофиксят. https://createwithplay.com/ LottieLab Софтина для лотти анимаций. Работает быстро и просто, багов не заметил. Из имбового — практически нет ограничений в бесплатном режиме, кроме вотермарки. Но вотермарку при желании можно выпилить из кода с помощью разработчика или GPT, когда экспортируешь json. Вот тут можно посмотреть https://www.lottielab.com/editor?project=6b498a84-c078-4664-9d1a-f8b3ee3611c0">примерыч анимации, которую я собрал примерно за час времени включая онбординг в тулу. 9/10, минус балл за не самую очевидную механику работы с Reveal Path, но разобраться можно если попыхтеть. https://www.lottielab.com/ Rive Тоже софтина для анимации, аналог Lottie. Пришлось в нем разбираться, потому что в Play нельзя импортировать Lottie, только Rive. Не самый простой интерфейсик конечно, по сравнению с Лоттилабом. Ну и глобально проблема Rive в том, что его не в каждое приложение затащишь, потому что нужно подрубать библиотеку новую, а в условиях развития супераппов это критично. Но для стартапов и пет проектов где нужны сложные анимации по ключам наверное ок. 7/10, минус три балла за то что экспорт только в формате ебучего Rive. https://rive.app/
Изображение поста
Лучшие практики для мобильного онбординга
Узнай, как без стресса и быстро удалить приложение всего за 10 секунд после установки. Можно ли найти идеальное решение в поисках идеального туториала? Читать на DSGNERS! | #статьи
Изображение поста
Лучшие практики для мобильного онбординга
Узнай, как без стресса и быстро удалить приложение всего за 10 секунд после установки. Можно ли найти идеальное решение в поисках идеального туториала? Читать на DSGNERS! | #статьи
Изображение поста
Лучшие практики для мобильного онбординга
Узнай, как без стресса и быстро удалить приложение всего за 10 секунд после установки. Можно ли найти идеальное решение в поисках идеального туториала? Читать на DSGNERS! | #статьи
Изображение поста
Лучшие практики для мобильного онбординга
Узнай, как без стресса и быстро удалить приложение всего за 10 секунд после установки. Можно ли найти идеальное решение в поисках идеального туториала? Читать на DSGNERS! | #статьи
Изображение поста
Лучшие практики для мобильного онбординга
Узнай, как без стресса и быстро удалить приложение всего за 10 секунд после установки. Можно ли найти идеальное решение в поисках идеального туториала? Читать на DSGNERS! | #статьи
Изображение поста
Что почитать про геймификацию? 🤖
...нашу новую статью! Подробно расписали процесс разработки гейм-проектов на примере «В поисках акций» для Альфа Инвестиций, которую мы с командой запустили в прошлом году. Внутри: · Какие метрики используем · Как ретеншен 1-го дня отличается от 7-го · Все стадии дизайн-работ как они есть 🔥 Читать и ставить лайки Славе Дьячкову (ведущий ux/ui дизайнер) тут *Наши предыдущие статьи на тему: · Как незаметно меняем финансовые привычки через игры · Актуальные принципы геймификации · Как превратить онбординг новых сотрудников в игру
Изображение поста
Как дизайн-система помогает сократить тайм ту маркет продукта
Наш арт-директор, Саша Тарасов, рассказывает, какая бизнесовая польза есть от дизайн-системы и как мы в студии ее применяем. Саша уже тертый калач вы этом деле: собирал и дорабатывал дизайн-системы для внутренних и внешних продуктов Яндекса, Газпрома. Дорабатывал и масштабировал дизайн систему для ВК Эдю. Собирал дизайн-систему для МТС. На каких этапах ДС помогает в работе 1️⃣ На этапе онбординга. Когда начинаем новый проект, команда не тратит время на операционку по поиску подходящего кита, а больше времени тратит на погружение в задачу 2️⃣ На этпапе проектирования. Благодаря ДС мы быстрее проектируем, все прототипы выглядят аккуратно и консистентно, не вызывают столько вопросов и когнитивной нагрузки, поэтому не сбивает клиента с толку. Это же позволяет нам собирать прототипы для ю-тестов быстрее и корретировать их в случае изменений 3️⃣ На этапе дизайна. Упрощает разработку новых страниц и разделов, так как мы берем готовые компоненты, на которых собирается дизайн. А еще, позволяет быстро масштабировать продукт или на различные устройства или платформы, сохраняя при этом уровень качества и узнаваемость. 4️⃣ На этапе передачи в разработку. Консистентный дизайн вместе с ДС можно сразу отдавать в разработку без трат времени на их погружение и обработку вопросов. Все, что нужно учитывать при разработке: состояния, размеры, варианты и другие свойства базовых элементов интерфейса — уже есть в ДС. Все это, по-сути, сокращает time to market цифрового продукта. Как мы в студии работаем с ДС До недавнего момента, мы собирали UI-kit'ы под проекты, что-то расширяли и превращали в дизайн-систему. Но это затратно по ресурсам — требовало несколько итераций доработок и проверок. Мы решили автоматизировать этот процесс и сделали свою ДС «PUKSEL», которую скоро релизнем в комьюнити. Так что ждите новостей)
Изображение поста
🆒 Активация и онбординг
Третья часть серии статей Руслана Шарипова об основных метриках онбординга. Вторая была тут. В этой он поделился тем, как измерить клиентский опыт и на что стоит обратить внимание в первую сессию пользователя Внутри: — Time to X; — Time to value; — Почему важна коммуникация с пользователями; — CSAT, CSI, NPS. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста