Как сделать тесты для сайта
Как тестировать сайты
Допустим, вы сделали сайт, но у вас нет тестировщика, который может всё проверить. Вот короткая инструкция, на что смотреть, чтобы с большой вероятностью после запуска всё было в порядке.
Когда тестирование полезно
В больших компаниях каждым пунктом из этой статьи могут заниматься целые отделы, сотрудники которых досконально проверяют каждую мелочь — руками или автоматически. Но представим, что сейчас под рукой нет IT-департамента. Что можно сделать самостоятельно и быстро, чтобы проверить, что всё работает как задумано.
Предупреждение: статья не претендует на академическую полноту, но точно поможет что-нибудь не упустить.
Всё посмотреть и прокликать
Сначала нужно проверить, что всё выглядит, как задумано заказчиком — сайт совпадает с макетом, кнопки работают и ссылки ведут, куда нужно.
Что проверять:
Иногда используют автоматические тесты, которые сравниваются отрендеренный результат кода аля интерфейс с рендер-версией приложения. Фактически, это сравнение скриншотов. Конечно, автотесты можно подготовить и для тестирования интерактивных элементов.
Фрагмент реального сайта о том, что тестирование полезно
Инструменты:
Ошибки JavaScript
Если в коде есть ошибки, их будет видно в консоли разработчика. Также там можно обратить внимание на запросы (время и коды ответов) и посмотреть размер загружаемых файлов. И если размер большой, обсудить с разработчиками оптимизацию кода на JavaScript, шрифтов и изображений.
Валидность кода
Нужно убедиться, что код удовлетворяет стандартам HTML/CSS, для этого есть специальные валидаторы. Узнайте, как проверить валидность HTML.
Веб-формы
Формы — кладезь пользовательских данных и одновременно потенциальный источник уязвимостей. Формы должны быть удобными для пользователя и безопасными для сайта.
Что проверять:
Неправильные ссылки
Проверьте, что все ссылки ведут на настоящие сайты и не ведут на 404. Для этого тоже есть несколько инструментов. На главной не должно быть ссылки на главную.
Уберите ссылку на главную с главной
Локализация
Если пользователи сайта говорят на разных языках, сайт локализуют — готовят тексты на разных языках и добавляют переключалку с флагами.
Но недостаточно проверить перевод текстов в интерфейсе, ошибок и документации — есть ещё ряд нюансов. Например, нужно проверить представление дат и времени, поддерживает ли шрифт локальные символы, и есть ли режим RTL для стран, где текст читается справа налево.
Производительность сайта
Пользователи уходят, если сайт грузится медленно. Поэтому нужно проверить, что ваш сайт не такой.
Что проверять
Иногда скорость загрузки зависит от контента, который используется на странице. Вот советы, как его оптимизировать.
Критерии качества
На курсах HTML Academy сайты верстают и готовят к публикации на основе критериев качества — длинного списка правил, который нужен, чтобы делать сразу хорошо. Критерии включают не только то, что написано в этой статье — там гораздо больше мелочей, которые должен знать хороший фронтенд-разработчик.
Делать сразу хорошие сайты
Всё, что нужно фронтендеру — на курсах HTML Academy. Научитесь всему, чтобы у тестировщиков закончилась работа.
11 сервисов для создания тестов онлайн
Продолжаем обзор полезных сервисов, которые могут пригодиться при ведении бизнеса. Мы с вами говорили о том, как создавать презентации, обрабатывать бесплатно видео или аудио, работать с текстом или изображениями. Но вот ни разу не обсуждали сервисы для создания тестов онлайн. А ведь если подключить фантазию, то их тоже можно использовать во многих проектах.
В конце статьи или прямо сейчас скачайте подборку материалов для быстрого выхода в онлайн
Зачем нужны онлайн-тесты
Во-первых, привлекать потенциальных клиентов, создавая тематические тесты, которые бы сразу выдавали результат тестируемому и побуждали к действию.
Во-вторых, тесты можно использовать при приёме на работу новых сотрудников. Наверняка слышали о таком.
В-третьих, если вы ведёте тренинги онлайн и даже оффлайн, то попробуйте тестировать своих учащихся. Ниже вы узнаете про сервис, подходящий для этих целей. Контроль знаний помогает понять, какие темы были усвоены плохо, и что стоит подтянуть. Согласны?
А теперь собственно о сервисах, которые помогают создавать онлайн-тесты.
Радует, что есть из чего выбирать. И не только англоязычные сайты здесь в помощь, ведь без знания языка в них бывает сложно разобраться, да и расширенный функционал доступен только в платных тарифах. Мы расскажем и об отечественных сервисах, которые ничуть не хуже иностранных и почти всегда бесплатны.
Подборка сервисов для создания тестов онлайн
iSpring
iSpring — решение для дистанционного обучения и тестирования сотрудников. Включает конструктор курсов и тестов, а также облачную систему дистанционного обучения. С iSpring у вас появится единый центр управления обучением, работающий 24/7. Сотрудники проходят курсы и тесты, а вы контролируете, как они учатся, растут профессионально и как результаты обучения влияют на бизнес-показатели компании.
Google Forms /Гугл-формы для создания опросов
Добавьте к привычным гугл-формам
Интернет-тренер получает инструмент для проверки знаний учащихся. Плагин подсчитывает баллы по опросу (своеобразному тестированию), дает индивидуализированную обратную связь по электронной почте каждому студенту согласно результатам, а также высылает правильные ответы.
Как работают конструкторы тестов
Функция создания тестов доступна после регистрации на сайте. Огромным плюсом будет коллекция готовых тестов по разным тематикам, поэтому вам не придётся ломать голову при разработке своих вопросов. Их можно сохранять в свою базу, потом миксовать или изменять, использовать при создании новых тестов, не вводя каждый раз один и тот же вопрос. Существенно экономит время!
При помощи конструктора тестов создаются разные типы вопросов и ответов:
Вопросы можно оформлять, вставляя изображения, текстовые документы и даже видео. Чаще всего такая функция доступна в платных версиях, но и без картинок тесты смотрятся достойно.
Ответы могут выводиться в виде графиков и диаграмм, в числовом значении или процентном, а также как текст, который расскажет тестируемому, где у него остались пробелы и что нужно подтянуть. И все эти параметры вы задаете самостоятельно!
Готовый тест легко встраивается на сайт. Если нет такой необходимости, то сгенерируйте ссылку от теста и поделитесь ею со своими знакомыми в соцсетях. Пригласите участников по электронной почте пройти тест непосредственно в сервисе. Выбирайте то, что нужно для достижения цели.
Англоязычные сервисы для создания тестов онлайн
Для образовательных целей сервисом можно пользоваться бесплатно, хотя функционал довольно ограниченный. Так что регистрируйтесь, отмечая на вкладке «Администраторы» (Administrators), «для использования в образовательных целях» (for education use).
Так вы получите бесплатный функционал
В бесплатном тарифе возможно создавать до 100 тестов ежемесячно, то есть 1200 тестов в год. Однако есть определённые лимиты: результаты тестирования не отправляются на электронную почту участникам, невозможно загрузить картинки или файлы при создании теста, вопросы не сохраняются в виртуальном хранилище, их придется вводить каждый раз при работе над новым тестом, недоступна подробная статистика по каждому участнику. Плюс сервис вставляет рекламные объявления в готовый тест. А как вы думали? 🙂
ProProfs — подобный сервис, где тоже есть бесплатный тариф с ограниченным функционалом. Переходите на вкладку цены (Pricing) и викторины (Quiz).
EasyTestMaker — ещё один конструктор тестов, который позволяет не только создавать материалы для публикации на вашем сайте, но и выводит список вопросов в формате doc или pdf, готовый для скачивания. Может, кому-то будет интересна такая функция. В бесплатной версии установлен лимит на 25 тестов в год.
Отечественные сервисы для создания тестов
Банк тестов — бесплатный сервис, где функция создания новых тестов становится доступной после регистрации. Материалы находятся на сайте banktestov.
Твой тест — ещё один бесплатный конструктор тестов. В принципе тут есть все, что нужно для проведения полноценного тестирования. Созданные тесты находятся на сайте, поэтому вы можете самостоятельно создать группу и добавить в неё всех тестируемых (например, участников курса) либо выслать им код и ссылку, по которой они найдут нужный материал.
Test.fromgomel — милый бесплатный сервис для создания тестов онлайн, который трансформирует тест в html, то есть код потом легко вставить на сайт. Это самый простой конструктор, который мы встретили. Зато без лишних заморочек: вводите вопрос и варианты ответов, жмёте кнопку и получаете код теста.
Let’s test — онлайн-конструктор тестов, который позволяет тестировать знания учащихся дистанционно. В бесплатной версии возможно создавать неограниченное количество тестов, но проходить их придётся внутри самого сервиса. Если же есть желание встроить тест к себе на сайт, то приобретайте базовый пакет за 990 рублей/месяц.
Вот так будет выглядеть встроенный виджет на сайте
На сайте есть подробная инструкция, а также видеоуроки, так что все обязательно получится!
Чтобы создать тест, зайдите на вкладку quiz и вперед
Как работать с Kahoot
Вписываете свои вопросы, добавляете изображения и предлагаете варианты ответов. Указываете, где правильный, а где неправильный вариант. Далее конструктор сгенерирует код — номер теста, — который необходимо использовать для входа в игру, если играть через стационарный компьютер. Если вы используете тест для проверки знаний аудитории, участники могут подключиться к тестированию через смартфоны. Вопрос они будут видеть на мониторе компьютера или ноутбука, а отвечать, используя свой гаджет.
Чтобы было понятно, как это работает, создайте свою учетную запись здесь, а теперь пройдите тест по маркетингу здесь, получив pin теста. Вам придётся использовать два окна браузера: одно для вопросов и вариантов ответов, второе, чтобы нажимать на кнопки. Либо использовать компьютер и смартфон (или другой гаджет).
Статьи про полезные сервисы:
Конструктор тестов
Простой и удобный сервис для создания тестов и проведения тестирования.
Гибкая настройка теста параметрами
В конструкторе тестов предусмотрено большое количество различных настроек тестов. Вы можете быстро и удобно создать действительно уникальный тест под ваши цели и задачи.
17 типов вопросов
4 типа результата
Для каждого теста вы можете создать результаты типа психологический тест, личностный тест, образовательный тест. Для вас доступна «Профессиональная настройка шкал» теста, чтобы вы смогли реализовать практически любую логику расчета результата.
Удобный инструмент статистики
Вам доступен просмотр каждого результата, статистики ответов и набранных баллов по каждому вопросу, статистики по каждому результату. В табличном виде представлены все результаты, регистрационные параметры, ответы на все вопросы, которые вы можете сохранить в Excel.
Стилизация и брэндирование
Широкие возможности для управления внешним видом теста (цвет, шрифт, размер, отступы, рамки и многое другое) с возможностью добавить собственный логотип бренда.
Удобно на всех девайсах
Интерфейс прохождения тестов адаптирован под любые размеры экранов. Тесты удобно проходить как на персональных компьютерах, так и на планшетных и мобильных устройствах.
Основная ссылка
По основной ссылке ваш тест всегда доступен. Эту ссылку подобрать практически невозможно, поэтому тест пройдут только те, кому вы отправите эту ссылку.
Виджет для сайта
Специальный html-код, который позволит вам встроить тест на ваш собственный сайт, блог, форум.
Публикация в общий доступ
Вы можете опубликовать свой тест в общий доступ на нашем сайте в соответствующую категорию. Ваш тест сможет пройти любой наш пользователь.
Приглашения
С помощью приглашений вы можете сформировать группы ваших пользователей и разослать им приглашение по email с персонализированной ссылкой на прохождение теста.