Научная статья на тему 'Адаптивный дизайн или мобильная версия сайта: преимущества и недостатки'

Адаптивный дизайн или мобильная версия сайта: преимущества и недостатки Текст научной статьи по специальности «Компьютерные и информационные науки»

CC BY
798
106
i Надоели баннеры? Вы всегда можете отключить рекламу.
Ключевые слова
АДАПТИВНАЯ ВЕРСТКА САЙТА / АДАПТИВНЫЙ ДИЗАЙН / МОБИЛЬНАЯ ВЕРСИЯ САЙТА / МОБИЛЬНЫЕ УСТРОЙСТВА / ADAPTIVE LAYOUT / ADAPTIVE DESIGN / MOBILE WEBSITE / MOBILE DEVICES

Аннотация научной статьи по компьютерным и информационным наукам, автор научной работы — Фадеева А. С.

Рассмотрены стратегии адаптации сайта к мобильным устройствам, выявлены их преимущества и недостатки.

i Надоели баннеры? Вы всегда можете отключить рекламу.
iНе можете найти то, что вам нужно? Попробуйте сервис подбора литературы.
i Надоели баннеры? Вы всегда можете отключить рекламу.

ADAPTIVE DESIGN OR MOBILE WEBSITE: ADVANTAGES AND DISADVANTAGES

The article considers the strategies of website adaptation to mobile devices, reveals their advantages and disadvantages.

Текст научной работы на тему «Адаптивный дизайн или мобильная версия сайта: преимущества и недостатки»

Актуальные проблемы авиации и космонавтики - 2017. Том 3

УДК 004.9

АДАПТИВНЫЙ ДИЗАЙН ИЛИ МОБИЛЬНАЯ ВЕРСИЯ САЙТА: ПРЕИМУЩЕСТВА И НЕДОСТАТКИ

А. С. Фадеева

Сибирский государственный аэрокосмический университет имени академика М. Ф. Решетнева Российская Федерация, 660037, г. Красноярск, просп. им. газ. «Красноярский рабочий», 31

E-mail: annkhom@mail.ru

Рассмотрены стратегии адаптации сайта к мобильным устройствам, выявлены их преимущества и недостатки.

Ключевые слова: адаптивная верстка сайта, адаптивный дизайн, мобильная версия сайта, мобильные устройства.

ADAPTIVE DESIGN OR MOBILE WEBSITE: ADVANTAGES AND DISADVANTAGES

A. S. Fadeeva

Reshetnev Siberian State Aerospace University 31, KrasnoyarskyRabochy Av., Krasnoyarsk, 660037, Russian Federation E-mail: annkhom@mail.ru

The article considers the strategies of website adaptation to mobile devices, reveals their advantages and disadvantages.

Keywords: adaptive layout, adaptive design, mobile website, mobile devices.

Одна из основных тенденций в настоящее время в сфере информационных технологий -это переход аудитории от компьютеров к мобильным устройствам. Так, в октябре 2016 года аналитической компанией StatCounter было зафиксировано превышение количества подключений к сайтам со смартфонов - 51,3%. Остальные 48,7% пользователей использовали Интернет с компьютеров и ноутбуков[1].

Количество пользователей мобильных устройств с каждым годом становится все больше и больше и, согласно прогнозам, к 2020 году 70% населения Земли (примерно 6,1 миллиарда людей) будут пользователями смартфонов [2].

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

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

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

Секция «Фундаментальнее и прикладньш проблемы гуманитарных наук»

Второй подход предполагает использование адаптивной верстки. Страница с адаптивной версткой автоматически подстраивается под размеры экрана посетителя сайта. Она предполагает читабельный текст, отсутствие горизонтальной полосы прокрутки и масштабируемых облас-тей.Благодаря этому сайт удобно просматривать как на мониторе персонального компьютера, планшете, так и на смартфоне [3].

Оба подхода имеют общие преимущества - это корректное отображение на мобильных устройствах исоответствие требованиям поисковых систем к удобству просмотра на смартфонах. Однако отличительной особенностью мобильной версии является возможность «вырезать» ненужную опцию. Полнофункциональность сайта на мобильном устройстве отличает такой подход как адаптивная верстка.Сравнение других важных параметров при выборе того или иного варианта отражено в таблице [2-6].

Адаптивный дизайн и мобильная версия сайта: основные характеристики

Характеристика Адаптивная вёрстка Мобильная версия

Невысокая цена разработки + -

Низкая цена обслуживания + -

Высокая скорость загрузки сайта - +

Новая упрощенная версия сайта - +

Единый URL + -

Корректное отображение сайта на экране любого + +

устройства

Соответствие требованиям поисковиков к удобству просмотра на мобильных устройствах + +

Простота реализации + -

Удобство для пользователя +, - +, -

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

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

Библиографические ссылки

1. StatcounterGlobalStats [Электронный ресурс] URL: http: //gs.statcounter.com/press/ mobile-and-tablet-internet-usage-exceeds-desktop-for-first-time-worldwide (дата обращения: 06.04.2017).

2. Stafalcon.com [Электронный ресурс] URL: https://stfalcon.com/ru/blog/post/app-vs-mobile-site-vs-responsive-design (дата обращения: 07.04.2017).

3. Сайт в миниатюре. // Creative'WebAgency [Электронный ресурс] URL: http://freshweb.agency/blog/design/sajt-v-miniatyure-ili-mobilnaya-verstka-vs-adaptivnaya. html? ids= 79&id=69 (дата обращения: 06.04.2017).

4. Мобильная версия, веб-приложение, адаптивный дизайн или десктопный формат сайта // Lpgenerator.ru [Электронный ресурс] (дата обращения: 09.04.2017).

5. AdaptivevsResponsive, What'sTheDifference? // Viljamis.com[Электронный ресурс] URL: https://viljamis.com/2012/adaptive-vs-responsive-design/ (дата обращения: 09.04.2017).

6. Макнейл П. Веб-дизайн. Книга для веб-разработчика. - СПб.: Питер, 2014. - 288 с.

© Фадеева А. С. 2017

i Надоели баннеры? Вы всегда можете отключить рекламу.