RU EN

iqtest

Дневник разработки

О проекте

IQ Test Online - Быстрый IQ тест

О проекте

Проект представляет собой быстрый онлайн "IQ" тест, который позволяет пользователям получить примерную оценку своего IQ за 2-3 минуты.

Цель проекта

Создать MVP (Minimum Viable Product) быстрого IQ теста, который:

  • Занимает 2-3 минуты на прохождение
  • Содержит 7 логических задач
  • Выдает примерную оценку IQ с диапазоном
  • Собирает контакты для расширенных тестов
  • Позволяет делиться результатами

Технологии

  • HTML, CSS, JavaScript (vanilla)
  • Cloudflare Pages (деплой)
  • Cloudflare Worker + Resend API (отправка email)
  • Microsoft Clarity (аналитика)
Читать далее

Текущая реализация на: https://iqtest-1id.pages.dev

Создание MVP быстрого IQ теста

Что было

Нужно было создать простой быстрый IQ тест, который:

  • Коррелирует с IQ (хотя бы частично)
  • Занимает 5-10 минут (или даже 1 минуту)
  • Выдает результат с диапазоном (например, "примерно 120, но между 100 и 160")
  • Очень простой, MVP

Решение

Создан MVP быстрого IQ теста с следующими характеристиками:

  • 7 вопросов разных типов:
  • Числовые последовательности (2, 4, 8, 16...)
  • Аналогии (книга : страница = дом : ?)
  • Логические задачи
  • Простая математика
  • Паттерны
  • Быстрое прохождение: 2-3 минуты
  • Результат с диапазоном:
  • Примерный IQ (например, ≈120)
  • Широкий диапазон (например, 100-160)
  • Предупреждение о неточности быстрого теста
  • Современный UI:
  • Градиентный фон
  • Прогресс-бар
  • Подсветка правильных/неправильных ответов
  • Адаптивный дизайн
  • Форма сбора контактов:
  • После прохождения теста
  • Предложение расширенных тестов (15-60 минут)
  • Предложение тестов для детей
  • Опция отправки результатов на email
  • Функционал поделиться:
  • Кнопки для VK, Telegram, WhatsApp
  • Копирование ссылки
  • Добавление в закладки
  • На стартовой странице и на странице результатов
  • Страница расширенных тестов:
  • Отдельная страница с описанием полноценных тестов
  • Та же форма сбора контактов
Приветственный экран
Приветственный экран
Экран с вопросом
Экран с вопросом
Экран с результатами
Экран с результатами

Почему такое решение

  • Vanilla JavaScript: Проект простой, не нужны фреймворки. Быстрая загрузка, нет зависимостей.
  • 7 вопросов: Баланс между скоростью и информативностью. Можно расширить позже.
  • Широкий диапазон: Честно показывает неточность быстрого теста, не вводит в заблуждение.
  • Сбор контактов: Два места сбора - после теста (когда пользователь заинтересован) и на странице расширенных тестов.
  • Поделиться: Вирусный маркетинг - пользователи делятся результатами, привлекают друзей.

Плюсы

  • ✅ Быстрая реализация MVP
  • ✅ Нет зависимостей, быстрая загрузка
  • ✅ Простой деплой (статический сайт)
  • ✅ Сбор контактов для будущих тестов
  • ✅ Вирусный потенциал через поделиться
  • ✅ Юридически корректно (дисклеймеры о неофициальности теста)
  • ✅ SEO-оптимизировано (много упоминаний "IQ тест")

Минусы

  • ❌ Только 7 вопросов - недостаточно для точной оценки
  • ❌ Упрощенная формула расчета IQ (не научная)
  • ❌ Нет отправки email (только подготовка)
  • ❌ Нет бэкенда для сохранения результатов

Подводные камни

  • Юридические: Добавлены дисклеймеры о том, что это не официальные тесты (WAIS, Stanford-Binet, Raven)
  • SEO vs Юридические: Баланс между использованием "IQ" для SEO и юридической корректностью
  • Формула IQ: Упрощенная модель, не научная. Важно не претендовать на точность
  • Email: Пока только подготовка шаблона, нужно будет подключить EmailJS/Resend

Что сделано

  • Создана структура проекта (HTML, CSS, JS)
  • 7 вопросов разных типов
  • Логика теста с подсчетом баллов
  • Алгоритм расчета IQ с диапазоном
  • Современный UI с градиентами и анимациями
  • Форма сбора контактов (2 места)
  • Функционал поделиться (VK, Telegram, WhatsApp, копирование ссылки)
  • Добавление в закладки
  • Страница расширенных тестов
  • Дисклеймеры о неофициальности теста
  • SEO-оптимизация (meta-теги, ключевые слова)
  • Адаптивный дизайн
  • Подготовка шаблона email с результатами
  • Настроена автоматизация скриншотов (Puppeteer)
Блок поделиться
Блок поделиться
Форма сбора контактов
Форма сбора контактов
Страница расширенных тестов
Страница расширенных тестов