Основной контрольный список для запуска веб-приложений и мобильных программ

1656616104 osnovnoj kontrolnyj spisok dlya zapuska veb prilozhenij i mobilnyh programm

автор Бен Чен

nb6tfQ-zXeycN37hxtFabpujky5ocddb2YVU
Источник изображения: Гленн Карстенс-Питерс через Unsplash

Это простой контрольный список для запуска веб- и мобильных приложений, которые я подготовил для менеджеров продуктов и проектов, чтобы быстро проверить производительность своих приложений. Он также содержит список простых тестов мобильных приложений, которые обычно не замечаются, чтобы подтвердить, что приложение ведет себя должным образом.

Менеджеры продуктов на стороне клиента могут использовать предоставленные инструменты, чтобы увидеть результаты производительности при работе с цифровыми агентствами или магазинами разработчиков.

Веб-приложения

Для веб-приложений контрольный список запуска должен включать следующее:

  1. Производительность: пройдите тест Google Page Speed ​​Insights
  2. Безопасность
  3. Неработающие ссылки
  4. Совместимость
  5. SEO / Соц
  6. Приятно иметь

Производительность: пройдите тест Google Page Speed ​​Insights

e3ZdwpSpZ51SExdgGqJKFgq72yV6jRHMm653
Обратите внимание, что с июля 2018 года Google сделает скорость страницы фактором рейтинга мобильного поиска.
  1. Подключите сайт к Google PageSpeed ​​Insights, чтобы увидеть свои результаты
  2. Если на сайте необходим вход или учетные данные, сначала войдите на сайт и проверьте производительность с помощью расширения Chrome Page Speed ​​Insights
  3. Еще одним полезным инструментом является Pass GTMetrix Analysis

почему: Статистика постоянно показывает, что несколько секунд времени загрузки имеют огромную разницу в содержании. 53% посещений сайта прекращаются, если сайт загружается более 3 секунд. Более быстрый сайт помогает удерживать посетителей и увеличивает взаимодействие с вашим сайтом. Это, в свою очередь, снижает ваш показатель отказов и помогает вашему SEO.

Безопасность

TafLFoWB04CtnkMX1U3Xy7QtP0IAVnsOHmI-
Убедитесь, что веб-сайт или веб-приложение имеет по крайней мере оценку A для SSL. Источник: Qualsys
  1. Используйте только HTTPS. HTTP всегда должен быть перенаправлен на HTTPS.
  2. Тест сервера Qualys SSL – хотите получить оценку от A и выше
  3. Рассмотрим эти бесплатные инструменты сканирования с открытым кодом (среди прочих): Qualys, OpenVAS, Nmap, OSSEC, Security Onion, OpenSSH

почему: Об этом легко забыть, если нет контрольного списка, поскольку эти функции обычно не являются частью пользовательского интерфейса и могут не быть зарегистрированы в исследовательских тестах.

LjTSSPVLill9Ok3wxQkbw7Af7m7ON0dcgpwU
Источник: Screaming Frog
  1. Убедитесь, что у всех страниц нет работоспособных ссылок на Monkeytest
  2. Убедитесь, что все страницы не имеют ссылок на Screaming Frog

почему: это лучше для UX, а поврежденные ссылки могут повредить вашему SEO.

Совместимость

  1. Проверьте совместимость с основными настольными браузерами и их версиями (Chrome, Firefox, Safari, Opera, Internet Explorer)
  2. Проверьте мобильные браузеры!
  3. Также проверьте, как Safari (iOS) и Chrome (Android) работают на разных размерах экрана.

Встроенные браузеры могут вести себя по-разному. Поскольку они очень распространены, вы можете попробовать открыть ссылки из Facebook, Reddit, Twitter или даже из Inbox.

почему: Не все браузеры для настольных компьютеров отображаются одинаково, и вы хотите обеспечить последовательную и высококачественную работу пользователя. Кроме того, адаптивные веб-сайты или веб-приложения должны подстраиваться под разные размеры экрана (но иногда воспроизводимая версия не ведет себя должным образом для определенного размера).

К примеру, просмотрите пример, который мы нашли с липким заголовком YouTube для Internet Explorer.

SEO / Социальные сети

LQAdZBeDCyantwVkP3DoMJm1HaesAEEFKNse
  1. Правильно ли его получает Google? (Проверьте с помощью Google Webmaster Tools)
  2. Это на первой странице результатов поиска Google (SERP)?
  3. Содержит ли он правильные теги OpenGraph для совместного использования в социальных сетях? Проверьте, опрокинув ссылку в Facebook / Twitter / Pinterest, чтобы увидеть, какое изображение, заголовок и описание создано
  4. Имеет ли сайт или приложение правильный тег Title/Meta Description?
  5. Есть ли в нем значок Favicon?

почему: Убедитесь, что ваше приложение, услуга или веб-сайт доступны для обнаружения, выполнив техническую часть SEO и социальных сетей. SEO помогает потенциальным пользователям найти вас по ключевым поисковым терминам. Социальная оптимизация форматирует содержимое вашего сайта, чтобы ваши пользователи и сообщество могли легко делиться, чтобы привлечь больше пользователей.

Согласно статистике Hubspot за 2017 год, 61% маркетологов утверждают, что улучшение SEO и увеличение органического присутствия в Интернете является их главным приоритетом для входящего маркетинга.

Вещи, которые приятно иметь

qe5zm-k6pJhpf2wjBJJx8DRT6W2CtLvrHvp6
Источник изображения: Paper CSS от cognitom на GitHub
  1. Проверьте HTML/CSS с помощью https://validator.w3.org
  2. Проверьте базовую доступность в Интернет с помощью WAVE или инструментов на https://www.w3.org/WAI/ER/tools/
  3. Информативны ли 404 страницы?
  4. Нужна ли вашему сайту таблица стилей печати?
  5. Убедитесь, что JavaScript не содержит ошибок при загрузке страницы (проверьте в инструментах разработчика Google Chrome)
  6. Являются ли URL-адреса разумными/описательными? Умные URL-адреса помогают посетителям и поисковым системам понять ваше содержимое.
  7. Работает ли домен Canonical? (www.abc.com против abc.com и так далее)

Для мобильных приложений

Wnq0bIwnGYiM8uQVSugh-ZsPX05gNAMujyWn
Маленькие экраны, такие как iPhone 4SE, создают проблемы с пользовательским интерфейсом.

Это простой контрольный список для тестирования мобильных приложений. Вот некоторые распространенные проблемы с мобильными приложениями:

  1. Используется ли правильный тип клавиатуры (например, при вводе электронной почты или цифр должен использоваться соответствующий тип клавиатуры) и CTA? (например, в форме призыв к действию на клавиатуре в нижнем правом углу iOS должен отображаться дальше, а при нажатии — перейти к следующему вводу формы).
  2. Имеет ли программа надлежащий индикатор загрузки, когда она выполняет работу, требующую от пользователей ждать?
  3. Проверьте приложение в плохих сетевых условиях, чтобы проверить, работает ли он правильно.
  4. Проверьте приложение в режиме полета (если оно должно работать в автономном режиме).
  5. Проверьте совместимость программ в разных размерах экрана (особенно на маленьких экранах).
  6. Убедитесь, что программа запрашивает разрешения с надлежащим пояснением.
  7. Убедитесь, что приложение отображает сообщения об ошибках, которые легко понять.
  8. Убедитесь, что приложение работает правильно при перебоях в работе Android (например, звонок или низкий объем памяти).
  9. Проверьте приложение с различной локализацией/часовыми поясами.
  10. Проверьте приложение с разными размерами шрифтов (особенно в iOS).

Вот и все. Пожалуйста, поделитесь, если вы нашли этот пост полезным!

Oursky — это цифровое агентство под руководством инженеров из Гонконга, сотрудничающее с мировыми брендами и находящимися на бирже компаниями. Если у вас есть приложение или вы хотите разработать цифровое решение для вашего продукта, свяжитесь с нами!

Эти заметки адаптированы с семинара, который я провел для менеджеров проектов на предприятии в Гонконге, и опубликован в нашем блоге 21 мая 2018 года.

Добавить комментарий

Ваш адрес email не будет опубликован.