Quarkly
Quarkly — это no-code / low-code платформа для создания сайтов и небольших веб-приложений.
В Quarkly дизайнер может работать над проектом как один, так и совместно с фронтенд разработчиком. Для дизайнера есть широкие возможности оформления. А для разработчика возможность создавать React.js компоненты для дизайнера.
UX / UI дизайн
Продукт менеджмент
Продукт дизайн
ЗАДАЧА
Сделать конструктор сайтов с широкими возможностями оформления, с широкими функциональными возможностями, простым в пользовании и на современных технологиях.
МОЯ РОЛЬ
Сооснователь продукта. Я был ответственным за всю визуальную и продуктовую составляющую.
Первичный опрос
ЗАДАЧА
Понять кому такая идея может быть интересна.
РЕШЕНИЕ
Сделал промо-страницу, где было описана идея и приглашение подписаться на уведомление о бета версии. На этой странице был небольшой опрос.
Результат анкеты-опроса
В результате понял, что интересно не только разработчикам и дизайнерам, но и продакт менеджерам, маркетологам, предпринимателям
Опрос бета-пользователей
ЗАДАЧА
Собрать отзывы на первую версию конструктора. Понять какие фичи нужны в первую очередь влияют на удовлетворенность пользователя.
РЕШЕНИЕ
Я сделал два опроса: для русскоязычной и англоязычной аудиторий. Респонденты были из числа тех, кто пользовался конструктором некоторое время.
Сам опрос состоял из нескольких блоков:
- Небольшая анкета для понимания бэкграунда респондента;
- Блок про впечатления. Поможет в дальнейшей активации пользователей;
- Что мог бы заменить Quarkly? Поможет в поиске новых пользователей среди инструментов-конкурентов;
- NPS оценка. Простой способ понять удовлетворенность;
- Обоснование поставленной оценки. Что нужно будет исправить;
- Характеристика полученного в процессе работы результата, удобства работы и скорости;
- Что помогло в процессе работы, какие фичи были использованы, а какие остались невостребованными;
- Голосование за будущие фичи. Я решил использовать анализ Кано для понимания как разные группы пользователей смотрят на фичи.
Дизайнеры
Анализ Кано: какие фичи важны для дизайнеров
NPS группы дизайнеров: -15.38%
Это довольно низкий процент. Нужно присмотреться к нуждам дизайнеров. Почему они ставили низкую оценку:
- Сделайте компоненты и доработать холст с превью сайта;
- Сделать инструмент с максимально низким порогом вхождения;
- Прислушиваться к пользовательскому опыту тестировщиков;
- Добавить больше различных блоков;
- Сделать удобнее и понятнее интерфейс, исправить мелкие баги;
- можно улучшить ui/ux составляющую;
- make the user experience more easy;
- add more blocks;
- More components that are commonly used can be added and integrations can be done.
Идеи для посадочных страниц и маркетинговых материалов
Из вопросов «Что было самой впечатляющей частью в процессе знакомства с Quarkly?» и «Что вас удивило (положительным или отрицательным образом) в процессе знакомства с Quarkly?»:
- Широкий круг применения;
- Использование и интегрирование дизайн-систем;
- Скорость работы;
- Количество тонких настроек;
- Что изменения можно вносить прямо в код;
- Можно верстать самой и в меньшей степень задействовать фронтенда;
- Похож на Figma;
- Интерфейс очень похож на Figma;
- Автоматическая адаптивность;
- Кастомные реакт компоненты;
- Возможность создавать компоненты с холста;
- Кастомные брейкпоинты;
- Широкие возможности стилизации;
- It gives the coding experience like you coding without code;
- It saved my time for making landing pages.
Пользователям чего можно предлагать Quarkly
Из вопроса «Что вам мог бы заменить Quarkly в повседневной работе?»:
- Readymag;
- Инструмент верстки сайта;
- Верстку индивидуальных проектов;
- Фронтенда;
- Верстальщика;
- Верстку сайта;
- Тильду, да и в принципе все конструкторы сайтов;
- ручную верстку сайтов;
- Wix;
- Bootstrap Studio;
- Jamstack.
Разработчики
Анализ Кано: какие фичи важны для разработчиков
NPS группы разработчиков: 23.53%
Предприниматели
NPS группы предпринимателей: 50.00%
Экспертная оценка
ЗАДАЧА
Сделать очное тестирование продукта экспертами. Узнать их мнение и понять с какими ошибками сталкиваются пользователи при первом знакомстве.
РЕШЕНИЕ
Я попросил нескольких экспертов собрать небольшую страницу в Quarkly. Далее я наблюдал какие препятствия у них возникают в процессе работы.
Всего было проведено 6 сессий:
- Продукт дизайнер,
- Веб-дизайнер эксперт Webflow,
- Продукт менеджер,
- Маркетолог,
- Управляющий студией веб-дизайна,
- Предприниматель.
По ходу тестирования я фиксировал все значимые моменты. В последствие это превратилось в список задач.
Помимо задач, открылись новые интересные идеи. Например, от маркетолога, что Quarkly хорошо подходит для быстрого создания большого количества посадочных страниц.
Результаты тестирования продукт дизайнера
Photo by Ralph (Ravi) Kayden
Результаты тестирования веб-дизайнера эксперта Webflow
Photo by Ralph (Ravi) Kayden
Результаты тестирования продукт менеджера
Photo by Ralph (Ravi) Kayden
Результаты тестирования маркетолога
Photo by Ralph (Ravi) Kayden
Результаты тестирования управляющего студией веб-дизайна
Photo by Ralph (Ravi) Kayden
Конкурентный анализ
ЗАДАЧА
Сделать анализ конкурентов: какие фичи у них есть, что используют для формирования комьюнити, размер пользовательской базы, прайсинг, что используют для маркетинга, какой онбординг, письма, поддержка и т.д.
РЕШЕНИЕ
Изучил и собирал всё в Airtable для удобного дальнейшего анализа.
Отдельно сделал таблицу с минимальным набором компонентов в популярных конструкторах. Это помогло сформировать свой список примитивов и компонентов для каталога.
Таблица конкурентов
Photo by Ralph (Ravi) Kayden
Таблица с примитивами, которые есть у конкурентов
Photo by Ralph (Ravi) Kayden
Соревнование «вёрстка battle»
ЗАДАЧА
Опробовать конструктор в экстремальных условиях, показать возможности, познакомить аудиторию с конструктором.
РЕШЕНИЕ
Суть соревнования в сборке одной страницы на время. Кто быстрее и качественнее сделает — тот победил.
Для проведения соревнования я подготовил макет, правила, и критерии оценки результата. При поддержке коллег мы собрали участников, среди которых были как верстальщики, пользователи конструкторов Tilda, Webflow, Wordpress, uKit, и других.
Результат превзошел ожидания. Что получилось в итоге:
- Отловили некоторые баги;
- Увидили недостатки при работе в сжатых сроках;
- Посмотрели как профессиональные пользователи конкурентов;
- Навсегда убедились что конструкторы быстрее и качественнее вёрстки руками;
- Привлекли внимание к инструменту, повысились регистрации;
- Убедились в том, что Quarkly может уверенно конкурировать с существующими конструкторами.
Соревнование приобрело некоторую популярность. В итоге мы провели 4 батла.
Юзабилити тесты
ЗАДАЧА
Необходимо провести юзабилити тестирование лендинга, регистрации, дашборда и выбор шаблона. Убедиться что там всё хорошо, в противном случае выписать все недоработки. Респонденты должны быть дизайнерами.
РЕШЕНИЕ
С коллегой мы нашли нужных респондентов и провели тестирование по методике 5 вопросов:
- Что видишь?
- Какие мысли тебе приходят в голову? / Что думаешь?
- Что чувствуешь?
- Что можешь сделать?
- Какое действие ты хочешь сделать? / Что хочешь сделать?
Важным моментом было задавать эти вопросы на каждом экране.
Всего провели 6 удаленных тестирований. После тестов я сформировал результаты в виде задач и сгруппировал по разделам.
Результаты юзабилити тестирования респондента
Photo by Ralph (Ravi) Kayden
Результаты юзабилити тестирования респондента
Photo by Ralph (Ravi) Kayden
Product/Market fit опрос
ЗАДАЧА
Опросить пользователей по методике Шона Эллиса. Понять текущее продуктово-рыночное соответствие.
РЕШЕНИЕ
Составил опросник и разослал его по пользовательской базе пользователей. Добавил также на главную страницу приглашение пройти опрос за скидку на платный тариф.
Опрос на тот момент прошло около 50 человек. На главный вопрос «How would you feel if you could no longer use Quarkly?» — «Very disappointed» ответили только 25%. Для хорошего продуктово-рыночного соответствия должно быть более 40% по эвристике Шона Эллиса.
Другая полезная информация в том, кто же эти 25% что ответили «Very dissapointed»:
- 2 Entrepreneurs
- 3 Developers
- 2 Designers
- Manager
- Student
- Developer-Enthusiast
- Designer / Developer / Entrepreneur
- Manager / Developer / Entrepreneur
- Designer / Developer
Опрос на продуктово-рыночное соответствие
Photo by Ralph (Ravi) Kayden
Результаты
В Quarkly около 16500 регистраций. В конце 2020 году это был продукт дня на ProductHunt.
© Артём Жигалин | psycholcycle@gmail.com