Що вибрати: застосунок, адаптивний сайт чи мобільну версію?

Останнім часом кількість користувачів інтернету з мобільних пристроїв безперервно збільшується, і до 2014 року їх кількість перевалила за половину від усіх користувачів інтернету. За очікуваннями аналітиків, до 2020 року кількість людей, що використовують смартфони і планшети, перевалить за 6 мільярдів осіб, а це на той момент становитиме 70% від усього населення Землі. Зараз багато власників інтернет-ресурсів, хто ще не встиг зробити свої веб-сайти «мобільними» - зручними для користування мобільними відвідувачами, намагаються якнайшвидше вирішити цю проблему. Існує три основні типи вирішення цієї проблеми:

1. Розробка сайту для мобільних пристроїв, так званої мобільної версії сайту;
2. Створення адаптивного сайту – сайту з адаптивною, відгукливою версткою (Adaptive / Responsive Design – адаптивний / відгукливий дизайн);
3. Створення застосунку для операційних систем Android, iOS, Windows Phone.

У кожного з методів надання вашому бізнесу мобільності є свої плюси та мінуси, які ми далі розглянемо.

Мобільна версія сайту

При появі мобільних пристроїв, здатних переглядати інтернет-ресурси, першими адаптаціями для них стали мобільні версії сайтів. Специфіка мобільних сайтів полягає в тому, що в них прибрано всі непотрібні елементи, зменшено роздільну здатність і розмір зображень, що використовуються в мобільній версії сайту. Зараз можна перетворити нескладний сайт, не звертаючись до компаній з розробки сайтів, самостійно за допомогою спеціальних онлайн-сервісів – конструкторів мобільної версії. У такого методу є основний недолік – вам по суті доведеться вести два сайти, повноцінний для десктопів і мобільну версію сайту, це займатиме більше часу, ніж використання адаптивної верстки, однак частину операцій можна автоматизувати, підключивши обидва з них до єдиної бази даних для оновлення контенту.

Створення адаптивного сайту

Зараз адаптивні сайти є найпопулярнішою тенденцією у створенні сайтів для користувачів мобільних пристроїв, вони добре виглядають на екранах різних розмірів і роздільної здатності, їх люблять пошукові системи і підвищують їх у результатах пошукової видачі. Адаптивний дизайн це, по суті, «гумовий» сайт, розміри елементів якого розтягуються і стискаються в залежності від розміру та роздільної здатності екрана. При створенні адаптивних дизайнів використовуються дві основні методики:

• розміри елементів сторінки задаються не як стандартно в пікселях, а у відсотках, що змінює їх розміри відповідно до роздільної здатності та розміру екрана;
• використовуються медіазапити (Media Queries) типу: @mediaonlyscreenand (max-width: 640px){....} – код такої команди працюватиме, тільки якщо ширина екрана буде менше 640 пікселів.

Створення мобільного застосунку

Мобільний застосунок це програмне забезпечення, створене під одну з трьох основних мобільних операційних систем:

• Android;
• iOS;
• Windows Phone.

Перевагою мобільних застосунків є те, що за статистикою в них користувачі проводять у багато разів більше часу, ніж у мобільних версіях сайтів. Основним мінусом є те, що, наприклад, адаптивна версія сайту кросбраузерна, і працюватиме з будь-яким браузером, а мобільних застосунків потрібно створити як мінімум два – для Android і iOS, і це буде фінансово накладно.

Ми радимо використовувати адаптивну верстку для створення зручних для перегляду на мобільних пристроях сайтів, якщо ж специфіка вашого бізнесу цього потребує, і вам дозволяє бюджет, на додаток до «гумового» макета можна створити мобільні застосунки вашої компанії.