Дизайнер перед тестированием показывает UX-исследователю как работает его прототип в Figma.

Инструменты тестирования гипотез

Откройте для себя, какие ошибки часто допускаются при рассмотрении гипотез и почему важно оценивать их объективно в свежей статье Читать на дизайнерс | #статья
Изображение поста

Привет! 👋 Меня зовут Ольга, я дизайнер и куратор в UPROCK по направлению мобильных приложений и сервисов.

Давайте сегодня поговорим об одной из самых частых ошибок в мобильных интерфейсах: размере шрифта. Часто интерфейс приложения выглядит аккуратно: структура, цвета, кнопки – вроде бы все идеально. Но при тестировании оказывается, что пользователи просто не читают часть текста, и если присмотреться, становится ясно: текст слишком мелкий, глаза напрягаются, буквы сливаются с фоном, заголовки и основной текст выглядят одинаково. Красивый интерфейс, который никто не читает – это пустая трата усилий. В видео разбираю 4 простых правила идеальной типографики в мобильных интерфейсах: 📌 Минимальный кегль + межстрочка 📌 Отступы и иерархия 📌 Контраст 📌 Доступность и языки Читабельность – это уважение к пользователю, а интерфейс — это разговор. Если его невозможно прочитать, разговора не будет. А теперь поделитесь: какой минимальный шрифт используете вы в своих проектах? Представьте, что этот текст будет читать ваша мама или бабушка — хватит ли им 12 px? 😊

❗️ Новостной дизайн

#news 📱 Figma Slides официально вышла из бета-тестирования #figma #uiux #designtrends #design Figma Slides — теперь доступна для всех тарифных планов и включает новые функции. Такие как интеграция с PowerPoint, улучшенное редактирование видео, компоненты для слайдов и анимации. 📌 Ссылка на источник Поставь реакцию 💕 | 🙍‍♂️ Design News
Большая кладовая онлайн-курсов
Stepik – незаменимый спутник для тех, кто работает удаленно и любит путешествовать, так как помогает учиться в любой точке мира. Это отличная альтернатива чтению книги и просмотру фильма: позволит вам скоротать время в дороге, осваивая полезный навык или подтягивая иностранный язык, особенно удобно это делать в мобильном приложении. У Stepik есть свой телеграм-канал, в котором они рассказывают об авторских курсах (как платных, так и бесплатных), а также публикует полезные статьи и ссылки. У них есть такие подборки курсов: - Разработка на Python - Дизайн и графика - Тестирование ПО - Работа с данными Подпишитесь на stepik_courses и найдите интересующий курс для себя! Подписаться #реклама 16+ О рекламодателе
Бесплатный мини-курс: освой базу тестирования за 72 часа
Ты выполнишь 3 реальных задачи из жизни Junior QA — поиски багов вручную, и с помощью ПО. Получишь проекты в портфолио, значимые для будущего работодателя. Как это работает? 1. Регистрируешься — это абсолютно бесплатно. 2. В течение трёх дней проходишь уроки от эксперта в удобное для себя время. 3. Получаешь консультацию по профессии, обучению и рынку. 4. Понимаешь, подходит ли тебе тестирование, как начать карьеру и как выгодно выделиться среди новичков. Получи 4 гайда + 3 проекта в портфолио за 3 дня — успевай до 31 августа! 👉 Записаться бесплатно (осталось 12 мест).
Изображение поста
Ключевые проблемы дизайн-менеджмента (2/2)
#Менеджмент Об управлении в дизайне спорят все, кто оказывается на управленческих позициях. Ведь нет идеального руководителя, процесса, компании или продукта. Роль дизайн-менеджера заключается в нащупывании возможностей в рамках текущего контекста. А хороший менеджмент это всегда про решительность, рассудительность и способность идти туда, куда большинство пойти побоятся. — Как превратить проблемы в возможности? Дизайн-менеджмент — это выстраивание рабочих процессов, межличностных коммуникаций и стратегических планов. Чтобы преодолеть ключевые проблемы, нужен системный подход. Рассмотрим шесть пунктов, которые помогут решать эти проблемы комплексно: 1. Дизайн как часть бизнес-стратегии • Включение дизайн-лидеров в стратегические обсуждения развития бизнеса. • Связь UX-метрик (NPS, LTV, Retention) с финансовыми показателями. • Выстраивание производственных процессов, где дизайн участвует в принятии решений с самого начала. 2. Настройка производственных процессов • Организация коротких релизных итераций для быстрой проверки гипотез. • Организация инструментов (Дизайн-системы, базы знаний, пользовательские паттерны) для ускорения работы и обеспечения консистентности. • Роли, функции, зона ответственности в кроссфункциональной команде: (исследователи, разработчики, аналитики, менеджеры, дизайнеры). 3. Коллаборация между командами • Документация, гайды, прототипы, результаты исследований вместо абстрактных ТЗ. • Совместные воркшопы, сессии дизайн-мышления, где все участвуют в генерации идей. • Формат работы и взаимодействия с применением гибких методологий и высокой степенью автономности. 4. Развитие дизайн-команды • Гибкие роли дизайнеров с возможностью переключения между задачами. • Внутреннее обучение и менторинг: курсы по софтскилам (для ведения переговоров и проведения презентаций для бизнеса), курсы по хардскилам (изучение и внедрение новых технических инструментов). • Внешнее обучение: отправка дизайнеров на вебинары, интенсивы и др. типы обучения, согласно персональному плану развития каждого. • Честные KPI: оценка не по количеству нарисованных макетов, а по результативности в принятых решениях и влиянии на продукт. 5. Адаптация к новым технологиям • Регулярный аудит инструментов: что устарело, что пришло этому на смену. Какие AI-инструменты ускоряют реализацию рутинных задач. • Эксперименты с неиспользуемыми цифровыми форматами (AR/VR, голосовые интерфейсы, чат-боты, и т.д.) 6. Доказательство ценности дизайна • Метрики дизайн-эффективности: время на выполнение задач, снижение числа ошибок пользователей. • A/B-тестирование всего: от кнопок до навигации, от логотипов до анимации. • Гипотезы, их подтверждение / опровержение, измерение показателей и фиксация клиентских отзывов после внедрения конкретных дизайнерских решений (новый онбординг, новая панель навигации, новый кей-вижуал). Дизайн-менеджмент — это система Недостаточно просто нанять талантливых дизайнеров. Необходимо выстроить процессы, дать влияние дизайнерам и научиться измерять вклад их работы в общее дело. Дизайн-руководители, которые внедряют эти решения, получают: → Быстрые релизные итерации вместо бесконечных правок дизайна. → Синхронизацию команд вместо конфликтов между дизайнерами и другими специалистами. → Измеримый рост продукта и команды вместо субъективных оценок топ-менеджеров.
Изображение поста
🎉 Вёрстка не поехала: как тестировать интерфейсы без боли
Алевтина Чугунова (владелец продукта дизайн-системы) и Дарья Каткова (QA-инженер) из Сбера рассказали, как они создают и тестируют дизайн-систему для сотен команд. До внедрения системы интерфейсы iOS и Android выглядели как разные приложения, а веб-версия вообще жила своей жизнью. Теперь же скорость разработки выросла на 40%, а количество визуальных багов снизилось на 85%. Команда создала собственные инструменты для тестирования: Debug Overlay показывает границы и отступы всех компонентов прямо поверх интерфейса Android, а Theater автоматически генерирует видео работы интерфейсов из кода за 5 минут вместо часов съёмки. Кайф, что у них есть «Лаборатории», где можно проверить, как шрифты и тени ведут себя в реальных условиях, потому что в макете всё выглядит одним образом, а в приложении совершенно иначе. Внутри: – Почему стартапам можно без дизайн-системы, а большим компаниям нельзя; – Как работает Debug Overlay для Android и что он показывает; – Зачем нужны "Лаборатории" для проверки шрифтов и теней; – Как Theater снимает видео про интерфейсы без оператора; – Почему Safari стал особенной болью для команды; – Какие цифры получились после внедрения системы. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Ключевые проблемы дизайн-менеджмента (1/2)
#Менеджмент Ключевые проблемы в дизайн-менеджменте связаны с интеграцией дизайна в бизнес-стратегии, управлением процессами и людьми, а также с доказательством ценности дизайна. Многие компании до сих пор воспринимают дизайн как функцию «сделать красиво», а не как инструмент развития этой компании. Когда дизайн-команду не включают в обсуждение бизнес-стратегий, их работа превращается в бесконечные правки «картинок и кнопок». Топ-менеджеры или ключевые руководители требуют волшебных решений, но сами не готовы инвестировать в исследования или тестирование. В итоге дизайнеры чувствуют себя декораторами, а не создателями добавленной ценности. Конфликты между дизайнерами, разработчиками и менеджерами — классика современности. Дизайнеры хотят спроектировать удобства для пользователей, разработчики хотят написать простой код, а продакт-менеджеры напирают на быстрый релиз. Без слаженной работы свет находят полумеры и костыли, которые никому не нравятся. Особенно больно, когда исследования рынка и аудитории игнорируются ради сомнительных хотелок топ-менеджмента. Хороших дизайнеров сложно найти, а ещё сложнее удержать. Если компания не вкладывается в их развитие, не даёт влиять на продукт и заваливает бессмысленными задачами, даже лучшие уходят. А те, кто остаются, часто страдают от выгорания: бесконечные дедлайны, размытые KPI и ощущение, что их работу всё равно переделают. Сегодня фигма, завтра AI-дизайн, послезавтра нейроинтерфейсы. Компании, которые цепляются за старые инструменты, быстро отстают. Но внедрять новое тоже сложно: обучение, сопротивление команды, риск потерять время и деньги. А если конкуренты уже используют передовые технологии, то отставание становится критическим. Одна из наибольших сложностей для дизайн-руководителя — измерить влияние дизайна на бизнес. Если продажи упали, винят маркетинг или продукт, но редко смотрят на пользовательский опыт сервиса. А если эти показатели выросли, то дизайн редко получает заслуженную похвалу. Без распределённых метрик дизайн-менеджеру сложно отстоять бюджет или объяснить, почему UX-тестирование это не роскошь, а необходимость. В следующем посте: Как превратить проблемы в возможности?
Изображение поста
Плагин Property Randomizer — позволяет автоматически рандомизировать различные свойства элементов (размеры, цвета, положение) для создания динамичных дизайнов. Идеально подходит для генерации случайных графиков, декоративных элементов и тестирования вариативности макетов.
🌧 Дизайн для ленивых: как интерфейсы учатся думать за пользователя
Антон Сасюк рассказал о новом тренде в UX дизайне под названием «ленивый интерфейс». Суть в том, что современные приложения берут на себя рутинные решения пользователей. Google обнаружил: 53% людей уходят с сайтов, которые грузятся дольше 3 секунд, а 47% ожидают, что интерфейс предугадает их потребности. Но есть и провалы: банки назойливо советуют экономить после крупных трат, медсервисы пугают диагнозами, а Госуслуги присылают напоминания о штрафах сразу после их оплаты. Главное правило автоматизировать только 20% самых частых действий и всегда давать пользователю контроль над умными функциями. Внутри: – Автозаполнение с ИИ в Яндекс.Картах и СберБанке; – Прогнозирующая навигация в маркетплейсах и банках; – Примеры Wildberries с машинным обучением для главной; – Госуслуги с сезонными подсказками и Яндекс.Еда по времени дня; – Провалы с финансовыми советами и медицинскими диагнозами; – Правило 80/20 для выбора функций автоматизации; – Важность контроля и прозрачности алгоритмов; – Тестирование и постепенное улучшение системы. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Большая кладовая онлайн-курсов
Stepik – незаменимый спутник для тех, кто работает удаленно и любит путешествовать, так как помогает учиться в любой точке мира. Это отличная альтернатива чтению книги и просмотру фильма: позволит вам скоротать время в дороге, осваивая полезный навык или подтягивая иностранный язык, особенно удобно это делать в мобильном приложении. У Stepik есть свой телеграм-канал, в котором они рассказывают об авторских курсах (как платных, так и бесплатных), а также публикует полезные статьи и ссылки. У них есть такие подборки курсов: - Разработка на Python - Дизайн и графика - Тестирование ПО - Работа с данными Подпишитесь на stepik_courses и найдите интересующий курс для себя! Подписаться #реклама 16+ О рекламодателе
Дизайнерс, статистика — легко!
🎙 Добавили раздел «Студия автора» — это прокаченный раздел «Мои материалы». 🎙 В студии автора вы найдёте: ∙ Статистику профиля за неделю, месяц и год. ∙ Аналитику по публикациям: показы, открытия и реакции. 🎙 Всё это поможет мониторить интерес аудитории к определённым темам и сравнивать, какой тип контента больше заходит. Студию автора можно найти, кликнув на аватарку профиля. 🎙 Мы долго и тщательно всё проверяли, но если возникнут баги, пишите нам через форму обратной связи. Кстати, участники нашего чата дизайнерс, узнали об этом анонсе на пару часов раньше. Вступайте, чтобы быть внутри сообщества, получать анонсы раньше всех и участвовать в A/B-тестированиях.
Изображение поста
Минутка дизайн-мышления:
В дизайне важным этапом является проведение тестирования прототипа. Чтобы изначально работа всего решения была проверена и отлажена. Например, в кино для съемки сцены, нужно арендовать студия, нанять людей, собрать реквизит, построить декорации, это только материальная часть процесса, кроме работы режиссера с актерами на площадке, работа оператора, осветителей и всё такое. Чтобы избежать накладок часть творческого замысла требует репетиций, тестирования оборудования до начала съемок, требует и подготовки актеров. Тестирование и испытание при минимальном вкладе ресурсов позволяет экономить на более серьезных потенциальных ошибках в дизайне, которые можно выявить заранее в проекте. Сигурни Уивер испытывает огнемет для фильма «Чужой», 1978 год.
Изображение поста
Большая кладовая онлайн-курсов
Stepik – незаменимый спутник для тех, кто работает удаленно и любит путешествовать, так как помогает учиться в любой точке мира. Это отличная альтернатива чтению книги и просмотру фильма: позволит вам скоротать время в дороге, осваивая полезный навык или подтягивая иностранный язык, особенно удобно это делать в мобильном приложении. У Stepik есть свой телеграм-канал, в котором они рассказывают об авторских курсах (как платных, так и бесплатных), а также публикует полезные статьи и ссылки. У них есть такие подборки курсов: - Разработка на Python - Дизайн и графика - Тестирование ПО - Работа с данными Подпишитесь на stepik_courses и найдите интересующий курс для себя! Подписаться #реклама 16+ О рекламодателе
Изображение поста
🎞 Тестирование обложек у подкаста завершено!
Под тем постом вы поставили 125 реакций, поэтому делюсь результатами 🏆1 место - сине-оранжевый вариант 🥈2 место - мой дизайн в Фигме 🥉3 место - желто-красный дизайн На скрине процент людей, кто кликнул на обложку в рекомендациях и продолжил смотреть видео. Так ютуб понимает, что обложка не просто кликбейтная, но и отражает суть ролика Интересно вот что: — Большинство из вас как раз и проголосовали за 1 и 2 варианты. Третий вам не зашел. Напишите в моменты ваше мнение почему? — Мой вариант дизайна, собранный на коленке за 15 минут, обошел третий вариант от ТОП-дизайнера 🙏 Почему выиграл второй вариант обложки с сине-оранжевым дизайном? 🎨 Я думаю, что: + сине-оранжевый вариант лучше проработан по контрасту и акцентам + крупные лица заставляют кликнуть + он выглядит чище (без мокапов и всяких лого), поэтому текст легче и быстрее читается Мораль всей басни Дизайн тоже должен быть осмысленным. Он цепляет глаз и нужен для управления вниманием людей. И иногда дополнительные элементы могут в дизайне могут только ухудшить читаемость Вы что думаете сами? Предлагаю подискутировать в комментах ☕️
Изображение поста
JangaFX GeoGen v0.5.0 Beta Win
🏔 GeoGen — это свежий взгляд на то, какой может быть генерация ландшафта и планет, и с учетом всей невероятной конкуренции мы знаем, что нам нужно вывести ее на новый уровень. Наш пользовательский интерфейс плавный и интуитивно понятный, что делает генерацию вашего следующего мира проще, чем когда-либо. Благодаря современным рабочим процессам на основе узлов, уникальным симуляциям и улучшениям рабочих процессов, созданным с учетом игр, GeoGen станет мощным инструментом в вашем арсенале. GeoGen все еще находится в стадии альфа-тестирования, и у нас есть серьезные планы по инновациям, далеко выходящим за рамки того, что доступно на рынке. Источник 💾 ССЫЛКА 💬 Комментарии ➡️КАНАЛ⬅️ #soft #JangaFX #GeoGen #3d #free #бесплатно
Дизайнерс, давайте общаться!
🎙 Создали чат в Telegram, где собираем пользователей платформы. 🎙 В нём будем общаться по душам, обсуждать то, что тревожит, и делиться достижениями. Хотим создать место для нетворкинга, где каждый голос важен. Где нет иерархий и назиданий — только честные, человечные диалоги. Помимо общения, участники чата смогут повлиять на площадку. Будем проводить A/B-тестирования и рассказывать о новых фичах раньше, чем в канале. Чтобы присоединиться — запустите бота. Он даст доступ, если ваш профиль дизайнерс соответствует двум требованиям: — Зарегистрирован более недели — Имеет как минимум одну публикацию или комментарий → Получить доступ к чату Ждём вас в сердце сообщества! 🎙
Изображение поста
Персоны от англ. «User personas» - Инструмент тестирования интерфейса. Дизайнеры изучают рынок, определяют среднестатистические характеристики своих пользователей и придумывают себе персонажа, для которого они разрабатывают интерфейс.
Изображение поста
Большая кладовая онлайн-курсов
Stepik – незаменимый спутник для тех, кто работает удаленно и любит путешествовать, так как помогает учиться в любой точке мира. Это отличная альтернатива чтению книги и просмотру фильма: позволит вам скоротать время в дороге, осваивая полезный навык или подтягивая иностранный язык, особенно удобно это делать в мобильном приложении. У Stepik есть свой телеграм-канал, в котором они рассказывают об авторских курсах (как платных, так и бесплатных), а также публикует полезные статьи и ссылки. У них есть такие подборки курсов: - Разработка на Python - Дизайн и графика - Тестирование ПО - Работа с данными Подпишитесь на stepik_courses и найдите интересующий курс для себя! Подписаться #реклама 16+ О рекламодателе