Repper. Простой, но мощный инструмент для создания бесшовных паттернов.

Позволяет быстро сгенерировать и настроить узор из любого загруженного изображения или из готовых геометрических форм. Содержит встроенный фотобанк с более чем 58 000 изображений для создания узоров. Ещё доступна бесплатная коллекция готовых узоров. Есть пробный доступ на 14 дней. Цена — от 10 $ в месяц при оплате за год. #инструменты@zhurnalus_lite
Изображение поста

💎 Методика Сигаевой: как создать продукт через связку CX→UX→UI

Даша Сигаева, исследователь с магистерской степенью МГУ, делится авторской методикой проектирования цифровых продуктов. Главная идея: согласно исследованию Baymard, более 50% из 325 ведущих e-commerce сайтов неудобны для пользователей, и ни один не достиг «идеального» показателя. Методика строится на последовательном движении от клиентского опыта (CX) через пользовательский опыт (UX) к интерфейсу (UI). CX охватывает всё взаимодействие с брендом до, во время и после использования продукта. UX определяет структуру сценариев внутри интерфейса. UI визуально усиливает эти сценарии через управление вниманием. На этапе CustDev достаточно 7 подробных интервью для выявления основных паттернов поведения. При создании Customer Journey Map фиксируются джобы по JTBD, драйверы и барьеры на каждом этапе пути пользователя. Внутри: – Почему кнопка «Купить» в баннере лендинга не работает без контекста; – Как метод «снежного кома» помогает найти реальных пользователей; – Зачем фиксировать драйверы и барьеры на каждом этапе CJM; – Почему wireframe делают монохромным для фокуса на структуре; – Какие UX-метрики замеряют: время выполнения, успешность, количество ошибок; – Как эффект баннерной слепоты влияет на расстановку акцентов. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста

🔍 Как по-настоящему понять пользователя: от Double Diamond до нейросетей

Алексей, принципал-дизайнер с 15-летним опытом, рассказал о первом ромбе системы Double Diamond и том, как исследовать пользователей при ограниченном бюджете. Главная мысль: пока гипотезы не подтверждены статистикой и реальными пользователями, они остаются просто предположениями. В классическом подходе первый ромб включает интервью со стейкхолдерами, работу с аналитикой, интервью с пользователями, опросы и анализ конкурентов. При интервью важно слушать 80% времени и задавать вопросы только 20%, использовать правило «5 почему» и не искать готовых решений. На примере email-приложения Noetro команда через анализ форумов нейросетями выяснила, что пользователи хотят использовать входящие письма как ту-ду задачи. Решением стала папка «Дайджест», где письма остаются непрочитанными до ручной отметки «Готово». Внутри: – Почему важно визуализировать карту проблем в Miro или FigJam; – Какие метрики запрашивать у аналитиков для валидации гипотез; – Зачем платить респондентам $60-100 за интервью; – Как формулировать Problem Statement через паттерн потребности; – Почему нейросети лучше искать боли на форумах, чем спрашивать напрямую; – Какие 30 из 80 болей email-пользователей закрыли в MVP. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста

«Ошалеть! Я столько пользы ни от одного индуса не видел»

Рефодушка со Львом-королём-фичей — уже на ютубе! Лев показал нам, как завайбкодил и как работают аж 4 его продуктика (как он их называет!) Плагин для Json, бенто-конструктор, кристаллическая мини-игра и плагин-словарь синонимов — всё это не просто развлекухи, а инструменты, через которые Лев челленджит паттерны, перетекающие потом в продукт. Потому что мы, как дизайнеры, должны сами тянуться и стараться ВСЕГДА сделать лучше, вплоть до мельчайших деталей 🤙🤙 Полезности: ● Bento — плагин для фигмы, помогающий собирать картинки в красивые бенто. Просто выбираете фрейм с содержимым, которое хотите упорядочить, запускаете плагин и успех! Он каждый раз создаёт новый макет и автоматически адаптируется к размерам фрейма 🙂 ● Каждый дизайнер должен уметь хорошо писать — это аксиома! Так что, пытаясь сделать UX-тексты лучше, Лев начал общаться с разработчиками, которые посоветовали ему плагины для расщифровки Json с некрасивыми логотипами. В итоге пришлось собрать, расшифровщик Json для Safari самому (и работать точно стало приятнее) ● Залипательная игруля с кристалликами, которые стукаются друг об друга с мелодичными звуками. Не открывайте в разгар рабочего дня! ● Scripter — тулза, помогающая быстро (и безболезненно) загружать ваши плагины в Figma. Лев делился крутым лайфхаком: сначала просишь любую нейронку сделать тебе код (не заморачиваясь с промптом, буквально: напиши скрипт для Figma, который будет переименовывать все выделенные фреймы, каждый в рандомный эмодзи. Никакого UI, обработки ошибок, только скрипт для Scripter на TypeScript). Затем вставляте готовое в Scripter, запускаете — и погнали 🤩 👀 Смотреть выпуск на ютубе *** 🌱 Делаем ролики при поддержке менторского сервиса Duo Sapiens — ловите промик CFVJPDFYTW3K на 50% скидку на первую сессию. Оставляйте заявку на сайте duosapiens.ru
Изображение поста
Рефы
Когда я работал в Точке и в целом в РФ продуктах, была одна проблема — хотелось посмотреть решения у конкурентов или хотя бы что-то близкое, но было негде. Не существовало тогда сервисов, где бы удобно собирались флоу, скрины и прочее продуктов из России и СНГ. Был mobbin, но он на мир. Сегодня эта проблема решилась ребятами из screenoteka.com, которые собрали скрины уже из 74+ приложений. Ребята разбирают каждое приложение на 100% и в итоге у них получилась большущая библа на 5000+ сценариев, 17000+ экранов, а ещё 200 видео скрин-кастов флоу и микроанимаций. Это еженедельно растущая коллекция, которую ребята активно масштабируют и развивают. И большой им лайк, что делают это своими силами. Я знаю, насколько это нелегко, особенно сейчас, в год вайбкодинга. Удобный функционал: ✅ продуманный поиск ✅ древо сценариев ✅ нативные скролл-экраны (скроллшоты) ✅ хотспоты в сценариях ✅ подсказки ✅ возможность скачать любой экран Доступ ко всей библиотеке можно получить по подписке — и да, если вы делаете анализ конкурентов и хотите найти паттерны быстро, то это точно того стоит 👌 Есть бесплатный доступ к последним 2 добавленным приложеням. Кстати, каждую неделю добавляется по 4 прилы. Лайк! ➡️ Смотреть рефы ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Минутка пятницы:
Хорошего настроения и хороших паттернов в работе
Как за 3 месяца перейти из HR в графический дизайн и увеличить доход до 2000€ в месяц?
Кейс Арпик Ханахян выпускницы курса «Лаборатория дизайна». 🔹 До курса Ученица долго работала в HR, но хотела творческую профессию. Пробовала себя в YouTube-проекте и модной индустрии, но «того самого дела» не находила. Из навыков — только базовый Photoshop. Illustrator и InDesign были полностью непонятны. 🔺 Что получила — Освоила на высоком уровне Photoshop, Illustrator, InDesign. — Научилась работать с заказчиком и целевой аудиторией. — Получила мощную обратную связь от кураторов и опыт реальной проектной работы. 🔥 Результат ▫️Сейчас полностью работает графическим дизайнером в IT-сегменте. ▫️Создаёт фирменные стили, логотипы, упаковку, презентации. ▫️Дополнительно развивается в дизайне паттернов тканей. 💸 Доход С 1200€ в найме → до 1800–2000€ на фрилансе. Если вы тоже хотите уйти из найма на фриланс и освоить графический дизайн, и также закрывать проекты на крупные суммы, то записывайтесь на наш курс «Лаборатория дизайна», который стартует 25 ноября, и получите: 📍скидку -20% 🎁бонусный курс "Графический контент. База" 🎁курс "Грамотный нейминг" Сегодня и завтра ПОСЛЕДНИЕ ДНИ СКИДКИ 20% на курс‼️ https://kavaira.com/labpred/
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Изображение поста
LANDING EVERYWHERE
Воркшоп с участием наших студентов, которым мы занимались совместно с бюро Archinform в рамках фестиваля Открытый город, получил высшую оценку жюри среди 15 команд! «Мы рассматриваем мобильность как коммуникацию: людей с людьми, людей с ботами и людей со средой. Наши концепции — это не просто творчество, а жизнеспособные бизнес-кейсы. Задача была в том, чтобы взглянуть на идеи критически и создать то, что можно будет реализовать с очевидной пользой» — Тимур Абдулаев (Archinform) В рамках воркшопа мы разработали три проекта: 1️⃣ Цифровая идентичность Создание уникального цифрового паттерна для новых районов с помощью профили жителей. Паттерн превращается в виртуальный «маяк идентичности» и находит отражение в дизайн-коде района, который помогает среде стать более узнаваемой, а людям — легче в ней ориентироваться и формировать локальные сообщества. 2️⃣ Параллельная мобильность Новая система, где городские трамваи перевозят не только людей, но и роботов-доставщиков в специальных вагонах. Решает существующие проблемы доставки роботами, в разы увеличивает зону покрытия сервиса и уменьшает конфликты ботов и людей на тротуарах. 3️⃣Адаптивный цифровой ландшафт Новая модель использования цифрового двойника района как AR-ассистента на примере «Москва-Сити». Предлагается целостная система виртуальных ориентиров, которая помогает быстрее перемещаться в сложном пространстве переполненного делового центра. «Город становится техноцентричным, но комплексного подхода к интеграции технологий в среду до сих пор нет. Эту нишу мы и стараемся заполнить. Наш метод — смотреть на городские задачи через призму IT-решений и современного сторителлинга, а не только архитектуры» — Андрей Киселев и Сергей Шестопалов (sintez.space) Прочитать про проекты подробнее можно на archi.ru Поздравляем всех участников с победой! @sintez_space
Изображение поста
Работа с паттернами в Figma.
Страхи дизайнеров (и почему они не имеют смысла) 🥹
На днях ходили на квест, страшно было прям как несколько лет назад, когда пришла на свой первый созвон с заказчиком! Но лучше 💩, чем потом жалеть, что не попробовал. Поэтому решила разобрать самые частые страхи, с которыми когда-то столкнулась сама… 1️⃣ «Это сложно, это что-то по теме программирования…» Дизайнеру не нужно лезть в программирование (это не наш хлеб даже…). А вам достаточно понимать +- о чем идет речь, чтобы коммуницировать с ними и заказчиками. И да, дизайну можно обучиться с нуля за несколько месяцев – мои студенты после 1-2 месяца обучения берут первые заказы, постепенно набивая руку и набираясь опыта (или даже свой первый проект делают с реальным заказчиком). 2️⃣ «Не найду клиентов…» Клиента не найти сейчас невозможно (я уже разбирала выше почему у вас может не получаться). Все уходит в цифровизацию, понятие «дизайна» расширяется и не останавливается только на сайтах. Клиенты рассредоточены по всему интернету (и не только) — главное знать где и как искать. 3️⃣ «Конкуренция слишком большая…» Профессия дизайнера появилась относительно недавно, достаточно сравнить ее с классическими профессиями. Поэтому конкуренция тут в основном в самом начале. На хороших специалистов спрос будет всегда! 4️⃣ «Я не творческий…» Творчество это плюс, но не обязательство. Дизайн — это работа с привычными людям паттернами и пользовательским опытом. Ваша задача не сделать красиво, а сделать так чтобы пользователь совершил нужно действие. В конце концов, кто сказал, что ошибаться —то плохо? Иногда даже чем больше ошибок — тем лучше, быстрее все усваиваешь🥲 Бойтесь не попробовать вообще! #мысли
Изображение поста
Приглашенный эксперт — Юрий Ветров
Юрий Ветров — директор по дизайну в «Точка Банке», автор книги и курса «Паттерны дизайн-менеджмента» и основатель Дайджеста продуктового дизайна, в который хотят попасть многие знакомы нам компании. За спиной Юрия огромный опыт работы в Muse Group, Mail.ru Group, «Райффайзен Банке», где он руководил большими дизайн- и бренд-командами. На стриме мы поговорили про продукт, про профессию, команды и развитие на рынке. Юра честно поделился своим видением и мнением, а также ответил на вопросы, которые я подготовил от ребят. Юра не думал, что я буду его записывать, но от этого беседа по итогу получилась более человечной и в настоящем жизненном контексте. Аудио в комментах.
База про юзабилити-тестирование
Меня читают не только дизайнеры, но и другие роли из команд продукта, поэтому хочу сделать в этом посте небольшой ликбез Юзабилити-тесты помогают понять, насколько интерфейс продукта удобен для конечных пользователей. Главная цель тестов — выявить проблемные места, где люди сталкиваются с трудностями, и улучшить опыт взаимодействия с продуктом Тесты бывают модерируемыми — это когда есть господин-ведущий, и само исследование скорее качественного формата. А бывают немодерируемыми — это когда весь сценарий собирается на платформе (например, фабрика юзабилити / pathway / maze), и юзеры сами там все проходят по ссылке Кто проводит: Обычно дизайнеры и исследователи, но я сторонник подхода, когда любой человек из команды продукта подключается к тестам. Это дает совсем другое понимание того, как юзеры себя ведут Даже самый восхитительный (и награждаемый) дизайн не гарантирует, что юзеры смогут легко выполнять нужные действия в интерфейсе. И своевременные тесты очень помогают сэкономить ресурсы на исправление проблем после запуска или внедрения дизайна Процесс исследования обычно выглядит так: 1. Определяем цели (что хотим проверить) 2. Формулируем интерфейсные гипотезы 3. Подбираем юзеров (очевидно, подойдет не любой человек) 4. Готовим прототип 5. Проводим тест (даем задания и наблюдаем) 6. Анализируем результаты 7. Делаем выводы и внедряем улучшения Количество пользователей: Стандартно 5 человек для модерируемых тестов. Обычно тут начинается срач: «а как вы решили, что нам надо 5 человек?!». Тут все ссылаются на Nielsen Norman Group, где говорится, что при тестировании с 5 пользователями обычно выявляется около 80% проблем. На практике все берут от 5 до 10 человек на сегмент. Это значит, что если мы хотим провести тест на новой аудитории и на текущих пользователях, то нам надо хотя бы 5 человек там и там Для немодерируемых чуть сложнее. Надо учитывать общее количество пользователей и погрешность, с этим помогают специальные калькуляторы. Но можно сказать 70-100, и это в целом норм (с оговорками) Как устроен сам тест: На встречу приходит модератор (тот, кто проводит) и юзер. Модератор говорит вводное, дает задания юзеру, наблюдает и фиксирует. Юзер пытается выполнить задания и комментирует свои действия. Я тут предпочитаю донасыщать тест до и после вопросами, чтобы вытащить что-то полезное. Встречу лучше не делать дольше 1 часа, т.к. юзер устает + вовлеченность снижается Гайд и задания Каждая встреча строится на гайде, который готовится заранее. Гайд содержит в себе цели, критерии выборки юзеров и гипотезы Практический пример Пусть это какой-то сервис с видео Гипотеза: пользователь понимает, где находится история просмотра и может в нее зайти Вопрос (задает модератор): представь, что ты смотрел пару недель назад то-то...как бы ты вернулся к этой записи? По сути вопрос и есть задание, просто он сформулирован так, чтобы не давать юзеру подсказку Отчет: Провели все интервью? Ура, теперь надо свести все воедино Ищем паттерны (повторы) в проблемах и анализируем все совокупно. Для каждой проблемы полезно фиксировать встречаемость и критичность для пользователя Метрики Даже тут есть метрики, да! Часто используют: - Task Success Rate - Time on Task - Error Rate - Satisfaction (субъективная оценка от юзера) Есть еще Eye-tracking/heatmap, которые показывают, как распределяется внимание, но это скорее карты, чем метрики В зрелых командах юзабилити — это стандарт дизайн-процесса, как утром зубы почистить. Ну и напоследок — дизайн не должен рисоваться в вакууме. Проверяйте свои решения! - - - - - Я хочу сделать закрытый воркшоп узким кругом для тех, кто хочет научиться проводить юз.тесты или систематизировать знания. Всего 6 мест (5к за место) Формат такой: встреча в онлайне на пару часов, на которой пройдемся подробно по всем этапам, там же дам домашку + отдельная встреча с разбором всей домашки тоже на пару часов Это очередной эксперимент (они у меня удачные в последнее время, кстати!) Если хочешь разобраться с юзтестами, напиши мне в личку @odokienkoan
Изображение поста
UX/UI designer в IT Test
Мы — IT Test. Наша команда занимается разработкой, дизайном и тестированием IT-продуктов для классных компаний, о которых ты точно слышал. Мы уже делали проекты для Яндекса, Сбера, ВТБ, Тинькофф, Х5 Retail Group и других гигантов рынка. Задачи: — проектировать, прототипировать, рисовать дизайн, составлять UI-KIT — разрабатывать интерфейсы приложений — придумывать и реализовывать дизайн различных сайтов, рисовать адаптивы — работать в команде — делать оценку поставленным задачам Ожидания: — отличное владение Figma — умение делать простые анимации, иконки, иллюстрации — умение пользоваться и составлять CJM и User flow — иметь представление о UX-аналитике — опыт создания и поддержки UI-KIT — опыт работы c E-comm, разработка сервисов, корпоративных сайтов, лендингов — умение оформлять кейсы для Behance — хорошее знание UI/UX-паттернов взаимодействия с интерфейсом — портфолио, мы ждём ссылки на ваши большие и интересные проекты в Figma Будет плюсом: — опыт работы с графическим дизайном Условия: — полностью официальное трудоустройство в аккредитованной IT-компании — возможность выбирать формат работы: в офисе, гибридно или удаленно; — ДМС, компенсация 50% абонемента на любой спорт — комфортные офисы в Санкт-Петербурге и Туле, оснащенные всем необходимым для работы и отдыха — бесплатные обеды для тех, кто работает в офисах Контакт для отклика: @Sokolova_Dana #дизайн
Изображение поста
Минутка айдентики:
Нравится как стиль отражается и в графическом дизайне и в интерьере вертикальным мотивом. Приём не новый, но важнее его основательная реализация и эффектность в экспозиции паттернов с разной дистанции визуального контакта.
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Изображение поста
#Сервис
Коллекция картинок-паттернов. Все удобно разбито на категории. Формат png Сайт тут
🍽 Изволите откушать из тарелки-шины или тарелки-чешуи?
Два года назад научно-исследовательская лаборатория SPACE10 и команда oio studio обратились к искусственному интеллекту для разработки устойчивых дизайн-объектов. В результате коллаборации Products of Place появился концепт целой коллекции тарелок из переработанных материалов со всего мира. Здесь каждый регион «представлен» именно тем специфическим сырьём, которое чаще всего используют в быту, промышленности, транспорте. И выбрасывают. Почему проект интересен и актуален до сих пор? Во-первых, он отвечает запросу рынка на устойчивое производство: возможно, совсем скоро человечество научится давать новую жизнь многим отслужившим предметам. Во-вторых, так мы узнаём об особенностях потребления разных стран, можем обратить внимание на свои паттерны и задуматься о принципах потребления. [Фабрика Дизайна]
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Изображение поста
UI-паттерны для ИИ: от подсказок до умных фильтров
ИИ-боты - невероятные помощники в различных сферах. Изучите, какие их функции могут быть востребованы и полезны для ваших продуктов Читать на дизайнерс | #статья
Изображение поста
Девчат, принесла вам новый типа гадания по ИИ.
Мне нравятся эти эксперименты, когда я даю ему разные типы рандомной информации обо мне и он выдает анализ — что это говорит обо мне, моей личности и моем состоянии. Думаю, это новая астрология 🤌🏻 Рассказываю. Открываете с компа свой Pinterest. Делаете скрин 1-2 экранов. Загружаете в GPT и даёте такой промт: Это моя лента на Пинтерест. Проанализируй как психолог, который работает с визуальными образами и использует графику для диагностирования. Обрати внимание на повторяющиеся паттерны, детали и дай оценку моего текущего состояния. Я прочитала самое точное описание своего кризиса и его причин. Несмотря на то, что пользуюсь Pinterest для рабочих задач. Это, конечно, далеко не замена работы с терапевтом. Собственно, поэтому и назвала это гаданием. Попробуйте и отпишитесь потом. Интересно как у вас сложится )
Изображение поста
Rowlab — курируемая библиотека паттернов Android приложений.
rowlab.xyz/mobile-patterns
Продолжаем знакомить вас со спикерами!
Все приглашенные нами эксперты в дизайне уже больше 10 лет. Они на своем опыте прочувствовали изменения в индустрии за эти годы. Поэтому 25 октября узнаем именно их инсайты о прошлом и будущем дизайна! 🍏Митя Осадчук 👆 Руководитель центра дизайн-компетенций B2C «Сбера». В прошлом — дизайн-директор Иви, креативный директор VK. Основатель одного из первых в российском IT инхаус-команд для создания цифровых продуктов и коммуникаций. 🎁Юра Ветров Бренд- и дизайн-директор. Руководил командами в Точка Банке, Muse Group, российском Райффайзен Банке и Mail.ru Group. Автор книги и курса «Паттерны дизайн-менеджмента» и курса «Копилот цифрового брендинга». 🍏Влад Меркулов Основатель дизайн-компании Beta Disrupt и вечеринки BEZ PRAVOK. Работал с «Билайном», VK, Альфа-банком, Шереметьево, «Сбером». Председатель жюри в категории Web&App на фестивале G8. 🖤 Вы знаете, что делать!
Изображение поста