О стиле
Оформление
Вебинар
в web-дизайне
1 декабря в 20:00
MINIMALISM
Г
UX RESEARCH
Резюме проекта
Сайт посвящён минимализму: галерея минималистичного искусства, лекции и образовательный контент о минимализме как образе жизни. Цель продукта — информировать, вдохновлять и конвертировать посетителя в участника лекций / подписчика / посетителя выставок при помощи простого, эстетичного интерфейса.
Цели
исследования
исследования
Понять, насколько посетители быстро находят информацию о лекциях и записываются на них.
Определить ключевые барьеры в восприятии визуального стиля и навигации (влияние минималистичного дизайна на конверсию).
Проверить понятность процесса регистрации на лекцию и подписки на рассылку.
Сформировать гипотезы и конкретные приоритетные рекомендации для UI, контента и продуктов (галерея/лекции/статьи).
Определить ключевые барьеры в восприятии визуального стиля и навигации (влияние минималистичного дизайна на конверсию).
Проверить понятность процесса регистрации на лекцию и подписки на рассылку.
Сформировать гипотезы и конкретные приоритетные рекомендации для UI, контента и продуктов (галерея/лекции/статьи).
Г
Целевая
аудитория
аудитория
Методы
исследования
исследования
Разбиваем по задачам и поведению — пригодно для рекрутмента и персон)
A. «Любопытный новичок» — интересуется эстетикой, читает статьи, возможно, придёт на бесплатную лекцию.
B. «Практикующий любитель/коллекционер» — ищет выставки и качественный визуал; может купить билет/подписку.
C. «Профессионал / лектор» — ищет площадку, информацию о сотрудничестве.
Критерии отбора для интервью: возраст 20–55, использует веб/мобильные браузеры, ранее посещал онлайн-лекции или художественные сайты (или проявлял интерес).
A. «Любопытный новичок» — интересуется эстетикой, читает статьи, возможно, придёт на бесплатную лекцию.
B. «Практикующий любитель/коллекционер» — ищет выставки и качественный визуал; может купить билет/подписку.
C. «Профессионал / лектор» — ищет площадку, информацию о сотрудничестве.
Критерии отбора для интервью: возраст 20–55, использует веб/мобильные браузеры, ранее посещал онлайн-лекции или художественные сайты (или проявлял интерес).
Конкурентный анализ — 5–7 сайтов (музеи, галереи, образовательные платформы) по эвристикам Нильсена + визуальный тон (grid/white space/typography).
Глубинные интервью — 10–12 пользователей, разбитых по сегментам (A/B/C).
Юзабилити-тестирование прототипа (moderated) — 5–8 участников на итерацию; сценарии: найти лекцию, записаться, просмотреть галерею.
Эмпатическое картирование
Аналитика- AB-тесты
Глубинные интервью — 10–12 пользователей, разбитых по сегментам (A/B/C).
Юзабилити-тестирование прототипа (moderated) — 5–8 участников на итерацию; сценарии: найти лекцию, записаться, просмотреть галерею.
Эмпатическое картирование
Аналитика- AB-тесты
Глубинное
интервью
интервью
Расскажите немного о себе: чем вы занимаетесь, как проводите время в интернете?
Что вы понимаете под словом «минимализм»? (в искусстве / в жизни)
Где вы обычно ищете лекции/образовательный контент? Что нравится/не нравится?
Можете описать идеальную страницу лекции? Какие элементы там должны быть обязательно?
Что заставляет вас записаться на лекцию онлайн? (цена, спикер, отзывы, формат)
Как вы относитесь к чистым минималистичным сайтам (мало текста, много воздуха)? — помогает или мешает? Почему?
Бывали ли случаи, когда минималистичный дизайн мешал понять, что делать дальше? Приведите пример.
На мобильном устройстве что для вас критично при записи на лекцию?
Насколько важно наличие фотографий/видео работ в галерее?
Что бы вы изменили в типичном сайте лекций/галереи, чтобы записываться проще?
Что вы понимаете под словом «минимализм»? (в искусстве / в жизни)
Где вы обычно ищете лекции/образовательный контент? Что нравится/не нравится?
Можете описать идеальную страницу лекции? Какие элементы там должны быть обязательно?
Что заставляет вас записаться на лекцию онлайн? (цена, спикер, отзывы, формат)
Как вы относитесь к чистым минималистичным сайтам (мало текста, много воздуха)? — помогает или мешает? Почему?
Бывали ли случаи, когда минималистичный дизайн мешал понять, что делать дальше? Приведите пример.
На мобильном устройстве что для вас критично при записи на лекцию?
Насколько важно наличие фотографий/видео работ в галерее?
Что бы вы изменили в типичном сайте лекций/галереи, чтобы записываться проще?
Выводы из анализа конкуретов по эвристикам Нильсона
Эмпатическое картирование
Сильные стороны конкурентов:
Простота и чистота дизайна (особенно у Minimalissimo).
Чёткая визуальная иерархия и читаемая типографика.
Хорошо проработанная структура статей и разделов.
Основные слабости:
Недостаточная обратная связь пользователю при ошибках.
Сложность навигации (особенно на мобильных устройствах).
Отсутствие персонализации и быстрых сценариев (“найти лекцию“, «подписаться»).
Иногда перегруженность текстом и отсутствием акцентов.
Простота и чистота дизайна (особенно у Minimalissimo).
Чёткая визуальная иерархия и читаемая типографика.
Хорошо проработанная структура статей и разделов.
Основные слабости:
Недостаточная обратная связь пользователю при ошибках.
Сложность навигации (особенно на мобильных устройствах).
Отсутствие персонализации и быстрых сценариев (“найти лекцию“, «подписаться»).
Иногда перегруженность текстом и отсутствием акцентов.
Minimalissimo — онлайн-журнал о минималистичном дизайне и культуре.
The Minimalists — образовательный сайт о минимализме как образе жизни.
Dezeen — платформа о современном дизайне и архитектуре с элементами минимализма.
The Minimalists — образовательный сайт о минимализме как образе жизни.
Dezeen — платформа о современном дизайне и архитектуре с элементами минимализма.
Что видит:
Чистые сайты с белым фоном и много воздуха.
Запутанные афиши и расписания лекций в других источниках.
В соцсетях — красивые картинки, но без контекста.
Онлайн-платформы, где слишком много информации и рекламы.
Чистые сайты с белым фоном и много воздуха.
Запутанные афиши и расписания лекций в других источниках.
В соцсетях — красивые картинки, но без контекста.
Онлайн-платформы, где слишком много информации и рекламы.
Что говорит и делает:
Говорит: «Я хочу научиться жить проще, но не знаю, с чего начать».
Делает: гуглит «минимализм лекция», заходит на сайты музеев, листает афиши.
Делится ссылками с друзьями.
Склонён бросить, если процесс записи занимает больше 2–3 шагов.
Говорит: «Я хочу научиться жить проще, но не знаю, с чего начать».
Делает: гуглит «минимализм лекция», заходит на сайты музеев, листает афиши.
Делится ссылками с друзьями.
Склонён бросить, если процесс записи занимает больше 2–3 шагов.
Боли (Pains)
Трудно быстро найти нужную лекцию.
Много отвлекающей информации на других сайтах.
Непонятно, как проходит лекция (онлайн/оффлайн).
Нет доверия к новым площадкам (кто спикер, стоит ли тратить время).
Трудно быстро найти нужную лекцию.
Много отвлекающей информации на других сайтах.
Непонятно, как проходит лекция (онлайн/оффлайн).
Нет доверия к новым площадкам (кто спикер, стоит ли тратить время).
Выгоды (Gains)
Чистый и удобный сайт, где акцент на важном.
Возможность за 1–2 клика записаться на лекцию.
Вдохновляющий визуал (большие изображения, минимализм в стиле сайта).
Чёткая информация: когда, где, кто спикер и зачем идти.
Чистый и удобный сайт, где акцент на важном.
Возможность за 1–2 клика записаться на лекцию.
Вдохновляющий визуал (большие изображения, минимализм в стиле сайта).
Чёткая информация: когда, где, кто спикер и зачем идти.
Что слышит:
От друзей: «Минимализм — это про стиль и порядок».
От блогеров: «Это тренд» или «Это способ жить проще».
От преподавателей: «Лекции полезны, но их сложно найти в удобном формате».
От друзей: «Минимализм — это про стиль и порядок».
От блогеров: «Это тренд» или «Это способ жить проще».
От преподавателей: «Лекции полезны, но их сложно найти в удобном формате».
Что думает и чувствует:
«Минимализм меня привлекает, но я боюсь, что это слишком сложно или дорого».
Чувствует интерес и вдохновение, когда видит эстетичные изображения.
Испытывает лёгкое раздражение, если не может быстро найти, как записаться.
Думает: «Я хочу понять, что мне это даст в жизни».
«Минимализм меня привлекает, но я боюсь, что это слишком сложно или дорого».
Чувствует интерес и вдохновение, когда видит эстетичные изображения.
Испытывает лёгкое раздражение, если не может быстро найти, как записаться.
Думает: «Я хочу понять, что мне это даст в жизни».
H1: Если CTA в hero будет контрастным (жёлтый акцент), то CR на запись ↑ на 15%.
H2: Если на карточке лекции будет блок «Почему стоит посетить» (1 предложение), то CR ↑ на 10%.
H3: Если в галерее добавить лайтбокс с контекстом, время на странице ↑, и вовлечённость (share/save) ↑ на 20%.
H2: Если на карточке лекции будет блок «Почему стоит посетить» (1 предложение), то CR ↑ на 10%.
H3: Если в галерее добавить лайтбокс с контекстом, время на странице ↑, и вовлечённость (share/save) ↑ на 20%.
Гипотезы для A/B тестирования (с критериями успеха)
ПРИМЕРЫ МИНИМАЛИЗМА В ФОТОГРАФИЯХ
Дизайн в стиле минимализм использует плоские текстуры. Цель — избавиться от лишних деталей. Трехмерные эффекты, градиент, тени используются редко. В плоском дизайне все сведено к минимуму — шрифты, иконки. Это эстетично и функционально.
ПЛОСКИЙ ДИЗАЙН И ТЕКСТУРЫ
ИСПОЛЬЗОВАНИЕ НЕГАТИВНОГО ПРОСТРАНСТВА
Фотографии и иллюстрации — важные элементы дизайна в стиле минимализм. Они могут передать больше мыслей и эмоций, чем слова. Но используемые изображения должны соответствовать принципам минимализма. Если фотография или иллюстрация чересчур насыщена деталями, то эффект сводится на нет.
ФОТОГРАФИИ И ИЛЛЮСТРАЦИИ
Одна из главных составляющих в минималистичном дизайне — негативное пространство — пустое, ничем не занятое пространство между элементами на странице. Его используют длятого, чтобы сфокусировать внимание пользователей на содержании страницы, упростить восприятие контента. Часто ошибочно считают, что негативное пространство — это белый фон. Но это не так. Оно не всегда белое. Это может быть любой пустой полноцветный фон.
