Что такое кроссплатформенность

Кроссплатформенность (cross platform), или мультиплатформенность — это способность IT-продукта полноценно работать на разных платформах и операционных системах: например, на компьютере с ОС Windows и на мобильном телефоне Android.

Сегодня люди редко пользуются всего одним устройством для просмотра сайтов. Нередко они начинают знакомство с сайтом дома, на стационарном компьютере или ноутбуке, а продолжают его на мобильном устройстве — телефоне или планшете. Чтобы обеспечить пользователю «бесшовный» переход, сайт должен выглядеть полноценно на всех устройствах и при этом учитывать их особенности.

Существует два способа это сделать: создать несколько версий сайта (например, десктопную и мобильную) или разработать одну кроссплатформенную версию. Второй вариант позволяет сэкономить время, необходимое для разработки. Кроме того, в этом случае значительно проще актуализировать информацию на сайте, и более широкий круг пользователей получает доступ к свежему контенту.

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

Используйте кроссплатформенные языки программирования

Большинство современных высокоуровневых языков программирования можно назвать подходящими для создания кроссплатформенных продуктов. Различаются они в зависимости от используемого подхода.

Например, C++, Free Pascal, FreeBASIC, PureBasic обеспечивают кроссплатформенность на уровне компиляции, предлагая компиляторы для самых разных платформ. При их использовании нет необходимости переписывать весь код — достаточно скорректировать отдельные куски.

Java, C#, Visual Basic, .NET — кроссплатформенные языки на уровне выполнения, позволяют компилировать код однократно.

JavaScript, Perl, Python, Tcl, Ruby — интерпретируемые скриптовые языки программирования с интерпретаторами для различных платформ.

Сделайте кроссплатформенный интерфейс

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

Ведите разработку в кроссплатформенных средах

Разумеется, написать код можно с нуля, но сегодня существует множество специальных программ-редакторов, которые облегчают этот процесс, позволяют свести к минимуму количество ошибок, дают подсказки, тестируют и компилируют код. Современные интегрированные среды разработки (Integrated Development Environment, или IDE) предлагают множество инструментов и библиотек, которые дают возможность создать даже самые сложные сайты. Их можно использовать, чтобы упростить работу веб-дизайнера и уменьшить сроки разработки.

Адаптируйте код

Если код сложнее базового, можно создать несколько его версий, адаптированных под разные устройства и операционные системы. Это упрощает работу, ведь для адаптации кода изменять придется только отдельные элементы, а не код целиком. Например, для мобильных устройств стоит заменить кнопку «Скачать» на «Узнать больше», т. к. пользователи телефонов и планшетов обычно негативно относятся к предложению скачать неизвестный файл.

Адаптивный веб-дизайн

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

Помимо кроссплатформенности (способности работать на разных устройствах) необходимо отслеживать и кроссбраузерность — принцип, который позволяет сайту правильно открываться в самых разных браузерах: Microsoft Edge, Mozilla Firefox, Opera, Safari, Chrome и т. д. У каждого браузера свои требования, и при если их не учитывать, сайт будет открываться с ошибками или вообще не откроется, ухудшая пользовательский опыт и снижая конверсию.

Проверка на кроссплатформенность

Прежде чем запускать сайт, необходимо протестировать его на кроссплатформенность и кроссбраузерность. Если на одном из устройств (или браузеров), которыми активно пользуются ваши потенциальные посетители, сайт будет открываться некорректно, люди просто уйдут.

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

Есть ли какие-либо проблемы на сайте может также подсказать сервис сквозной аналитики. Если у вас уменьшился или вообще исчез поток лидов с сайта — это повод провести анализ, может быть, что-то сломалось и требует перенастройки или оптимизации.