Адаптивний дизайн - чому важливо пристосувати сайт до різних відвідувачів
Лабораторія інтернет-маркетингу TessLab

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


Адаптивний дизайн - чому важливо пристосувати сайт до різних відвідувачів

Адаптивный дизайн - почему важно адаптировать сайт к различным посетителям
Експерти все частіше кажуть про необхідність адаптивного дизайну для всіх типів сайтів. Чому це важливо? Анастасія Овчаренко, керівник веб-студії TessLab поговорила з журналістом Тетяною Жавжаровою про підводні камені та особливостях сучасної веб-розробки.


1. Сьогодні сайт компаніїи має бути оптимізований для показу на мобільних присторях. Поясніть, чому це важливо? Що відбувається із «стандартним» сайтом, власник якого ігнорує таку тенденцію сучасності? Що означає характеристика «мобілопридатність»?

Наше життя стрімко йде вперед, і все частіше ми не просто перевіряємо пошту з мобільного, але й купуємо квитки, робимо замовлення в магазинах, читаємо статті та новини. Все частіше одночасно використовуємо два екрана, десктоп та смартфон. Кожного року кількість мобільних користувачів зростає, і від зручності для них у багатьох бізнесів залежать продажі та потік користувачів. Минулого року мобільний трафік зріс в середньому до 30%.

Пошукові системи спочатку легко и ненав'язливо натякали власникам сайтів, що час пристосовуватися до змін, а тепер взагалі почали жорстко карати, знижуючи у видачі або не показуючи в мобільному пошуку сайти, не адаптовані під мобільні пристрої.

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

У пошуковиків та в арсеналі спеціалістів давно з'явилася характеристика та тести mobile-friendly. Це включає наступне:

  • На сайті практично не використовуються технології, що не підтримуються мобільними присторями, наприклад Flash.
  • Текст можливо прочитати без зміни масштабу.
  • Оформлення сторінки адаптується до розмірів екрану, тому користувачу не треба витрачати час на зміну масштабу та використовувати горізонтальний скролл, що підвищую зручність роботи на мобільному пристрої з сенсорним екраном.
  • Посилання розташовані на достатній відстані одне від одного, їх зручно натискати.

Кожен власник може протестувати свій сайт самостійно та прийняти рішення, що робити далі.


2. Окрема мобільна версія сайту чи адаптивний дизайн: у чому різниця у зовнішньому вигялді, структурі? Що краще для просування з точки зору пошуковиеів та чому? Що краще з точки зору зручності для користувачів та чому? Скільки вони приблизно коштують для замовника (стандартний сайт компанії МСБ).

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

А сайт з адаптивним дизайном – це той самий ресурс, ті самі сторінки, які зручно дивитися як на десктопах, так і на мобільних пристроях. У цьому відмінність адаптивного дизайну, який є частиною верстки сайту, від окремого мобільного сайту. Сучасний сайт – це все-таки сайт site.ua, а не m.site.ua.

Та й користувачам зручніше поділитися вашим контентом, якщо для нього використовується єдиний URL.

Пошуковики у 2015-2017 роках однозначно вказують на необхідність адаптивного дизайну.

Кожен сайт індивидуальний, та вказати навіть орієнтовну вартість сайту неможливо. Але вона швидко визначається під час першої консультації.


3. Якщо є не просто сайт компанії, а інтернет-магазин з вітриною, то які тут особливості адаптування? Зокрема, як змінюється структура магазину? Вимоги до дизайну, розміру фото?

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

Вважається, що розмір фотографій має бути мінімальним, але сучасні засоби дозволяють зменшувати стандартну.


4. Якщо власник зрозумів необхідність адаптивного дизайну, то з чого почати перебудову «старого» сайту компанії? Що має знати та про що подумати власник сайту, перш ніж давати завдання агентству на створення адаптивної версії? Які етапи пройти? Часто веб-студії після звернення з проханням оптимізувати сайт під мобільні пристрої кажуть, що треба весь сайт писати заново (особливо якщо сайт створювали не вони). Коли це дійсно так?

Бувають верстки, які не можна зробити адаптивними, наприклад табличні. Тоді доводиться робити повний редизайн. Бувають сайти, для яких настав час оновлюватися, щоб виглядати сучасними. Тоді одночасно з розробкою нового дизайну робиться адаптив. Іноді має сенс змінити систему управління контентом (CMS). Найчастіше кожен сайт може стати адаптивним. Але якщо дизайну більше 2-3 років, то має сенс змінити дизайн повністю, але залишити впізнаність, щоб люди, які заходять на сторінку, розуміли: це оновлений, але рідний сайт. Це важливо.

Действительно, есть нюансы работы с сайтами, созданными другими разработчиками. Но это не всегда «все снести, сделать заново». Если сайт на самописной CMS, тогда однозначно переделывать, - и, пожалуй, это единственный категоричный случай. Или если сама CMS перестала удовлетворять возросшие потребности заказчика.


5. Скільки часу може зайняти у агентства адаптація сайту та від чого це залежить? Яка середня вартість адаптації старого сайту на новий, щзо має мобільну версію?

В середньому, без повного редизайну верстка готового шаблону займає від тижня до декількох місяців. Все залежить від сайту, кількості шаблонів, та того, як він був зроблений від початку. Залежно від цього і вартість може змінюватися від декількох тисяч до декількох сотен тисяч гривень. Точніше можна сказати лише стосовно конкретного сайту.


6. Які типові помилки при створенні мобільної версії сайту, за вашими спостереженнями? В юзабіліті, дизайні, просуванні?

Зараз сам факт наявності мобільної версії частіше за все помилка. Надтво невеликому сегменту бізнесу вона дійсно необхідна. Іноді потрібний мобільний додаток, плюс адаптивний сайт. В будь-якому разі, горизонтальный скролл – це моветон у сучасному веб-дизайні.

А помилки в адаптивній верстці – це занадто великі (важкі) зображення, неклікабельні телефони, нелогічне меню.


7. Як замовник може оцінити професіоналізм веб-студії, її здатність працювати з сучасними інструментами веб-розробки та зрозуміти, чи варто замовляти в неї сайт? Що в розробці необхідно проконтролювати, а що можна довірити спеціалістам? Наприклад, заплутана структура, вспливаючі вікна, нечитабельні шрифти, важкі зображення – це через недостатній контроль власника чи відповідальність студії?

Сьогодні створення сайту - це не просто код, це також юзабіліті, дизайн, адаптив, зручність адміністрування, подальше просування.

Стосовно теми нашої бесіди, якщо веб-студія не пропонує адаптив за замовчанням, це свідчить про непрофесіоналізм. Це також може свідчити про бажання студії заробити двічі на одному замовленні.

Є такий важкий та суперечливий момент в узгодженні будь-якої роботи: повністю слідувати бажанням замовника та забути про експертність або покладатися лише на думку спеціалістів? Це пагано в обох випадках, та зазвичай таке партнерство закінчується суцільним розчаруванням. Шрифти, вікна і так далі – це можуть бути як неузгоджені моменти, так і вимоги клієнта, від яких його не завжди можна відмовити. Бувають ситуації, коли замовник хоче мобільну версію, і переконати його на адаптив не виходить. Однак через деякий час виникає питання про те, що писати контент двічі не хочеться. Що робити? І ми маємо певні рішення, як вийти з такої ситуації.

Сайт, як інструмент бизнесу, не може коштувати дешево. Але і не завжди найдорожчий варіант – найкращий. В усьому потрібні баланс та професіоналізм.

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


Питання задавала Тетяна Жавжарова.

Відповідала на питання керівник веб-студії TessLab Анастасія Овчаренко

27.06.2017

Повернення до списку