11 кроків для створення мобільного сайту
Насамперед. Якщо ваш веб-сайт доступний і переглядається через мобільний пристрій, це чудово. Однак вам ще потрібно багато попрацювати, перш ніж його можна буде оголосити зручним для мобільних пристроїв.
Користувачі мобільних пристроїв повинні не тільки переглядати ваш веб-сайт і читати ваш вміст, але й мати доступ до повної його функціональності.
За останні кілька років кількість користувачів мобільних пристроїв різко зросла, і вони використовують ці пристрої для доступу в Інтернет. Був момент, коли користувачі мобільних пристроїв були щасливі мати такі функції, як текстові повідомлення, електронні листи, здійснення телефонних дзвінків і трохи обмеженого серфінгу. Сьогодні очікується, що вони зможуть робити майже все, що вони роблять на робочому столі, на своїх мобільних пристроях. Це включає:
- Дослідження продуктів і послуг
- Перегляд відео
- Дивлячись на зображення та опис товару
- Шопінг і покупки
- Підписка на пропозиції
- Споживання новин та іншого контенту
Якщо відвідувачі вашого веб-сайту помічають, що вони можуть насолоджуватися лише обмеженим користувацьким досвідом, є хороші шанси, що вони перейдуть в інше місце.
Якщо ви хочете оптимізувати свій веб-сайт, щоб він був справді зручним для мобільних пристроїв, продовжуйте читати. Ці 11 кроків допоможуть вам почати.
Ось простий, але дуже важливий тест, який кожен веб-дизайнер повинен виконати на кожній веб-сторінці, яку вони створюють. Відкрийте відповідну веб-сторінку на своєму смартфоні. Тепер помістіть цей пристрій у бажану «телефонну руку». Чи можете ви переміщатися по сторінці, не використовуючи іншу руку? Чи можете ви прочитати текст, не зводячи пальці та збільшуючи чи зменшуючи масштаб або не прокручуючи? Якщо ви не можете зробити жодну з цих речей, настав час внести деякі зміни.
Одним із ключових факторів зручності користування мобільним пристроєм є те, що вам потрібно працювати лише однією рукою. Чого ви не хочете робити, так це забирати цю зручність у людей, яким ви хотіли б придбати ваші продукти та послуги.
2 Зосередьтеся на простоті
На комп’ютерах може бути достатньо місця та пропускної здатності для відео, зображень і великої кількості вмісту, але це не стосується мобільних користувачів. Через це вам слід зосередитися на створенні чистого, простого дизайну, який підкреслює функціональність, а не різноманітні особливості. Подумайте про речі, які відвідувачі вашого мобільного веб-сайту захочуть побачити та зробити, коли вони потраплять на вашу домашню сторінку. Переконайтеся, що ці речі одразу доступні для них, коли відкриється ваш сайт. Потім зосередьтеся на часі завантаження сторінки. Тільки після того, як ці дві речі будуть виконані, ви повинні розглянути, чи є у вас місце для іншої функції.
3 Використовуйте адаптивну технологічну структуру
Фреймворки адаптивного дизайну є надзвичайно цінними для веб-дизайнерів, які стурбовані створенням мобільних веб-сайтів. По суті, такі інструменти, як Bootstrap, дозволяють дизайнерам розміщувати елементи кожної веб-сторінки в сітці. Тоді розміри цієї сітки можна налаштувати для різних розмірів екрана. У результаті текст, піктограми, зображення, кнопки тощо розподілені так, як вони повинні бути. Це гарантує, що кожен користувач матиме подібний досвід незалежно від того, чи використовує він настільний комп’ютер, ноутбук, смартфон чи планшет. Навіть краще, вам не потрібно підтримувати окремий веб-сайт для мобільних пристроїв.
4 Оптимізуйте зображення для мобільних пристроїв
Інтернет для мобільних пристроїв просто повільніший, ніж Інтернет, який надають кабельні та телефонні компанії та інші постачальники послуг. Два елементи, які дійсно можуть вплинути на це, — відео та зображення. Ви не хочете повністю видаляти ці елементи. Зрештою, мобільні користувачі загалом дійсно люблять візуальний контент. Однак ви хочете оптимізувати якомога більше. Нижче наведено кілька кроків, які допоможуть покращити швидкість і ефективність використання зображень.
- Подавати користувачам версії зображень із меншою роздільною здатністю
- Оптимізуйте зображення для певного розміру пристрою та співвідношення сторін
- Візьміть до уваги JQuery, якщо JavaScript надто громіздкий
5 Замість тексту, коли це можливо
Піктограми добре працюють, тому що вони, по суті, є формою скорочення в Інтернеті, яке, як ми всі погодилися, означає певні речі. Наприклад, кнопки спільного доступу в соціальних мережах миттєво впізнають усі, хто користується мобільним телефоном протягом будь-якого періоду часу. Те саме стосується кнопок електронної пошти, дзвінків або доступу до меню веб-сайту.
Використання цих піктограм для мобільних пристроїв допоможе вам досягти двох речей. По-перше, ви економите дорогоцінний простір на екрані, використовуючи текст. Крім того, ви також повідомляєте людям, які користуються вашим веб-сайтом, що ви приділили час тому, щоб врахувати користувачів мобільних пристроїв у своєму дизайні.
6 Зберігайте вміст коротким
Це сфера, у якій багато веб-дизайнерів і маркетологів контенту мають певну дилему. Довгий контент стає все більш популярним, особливо серед осіб, які приймають рішення, але він просто не підходить для мобільних пристроїв. Питання полягає в тому, що краще обмежити або виключити довгий контент на мобільних пристроях, чи все одно розмістити його там і залишити вибір споживання за користувачем? Найкращий спосіб відповісти на ці запитання — взяти до уваги типову поведінку мобільних користувачів.
Для вашого конкретного веб-сайту ви можете покластися на аналітику, щоб отримати уявлення про те, що ваші мобільні користувачі роблять, а що ні. Однак користувачі мобільних пристроїв, як правило, використовують свої пристрої для того, щоб залишатися на зв’язку в соціальних мережах, читати новини, слухати музику, робити покупки та читати вміст, який, як правило, має коротку форму, ніж ні. Це не означає, що розширений вміст для мобільних пристроїв ніколи не слід розглядати. Це місце є. Іншим поширеним використанням мобільних пристроїв є пошук рішень проблем. Якщо у вас є частина великого вмісту, яка, наприклад, може провести мобільного користувача через процес вирішення проблеми, тоді ви повинні зробити це доступним для нього.
7 Зробіть так, щоб контактну інформацію та інформацію про місцезнаходження було легко знайти
Якщо ви керуєте веб-сайтом, присвяченим гумору, розвагам, новинам, кураторству популярного контенту, знайомствам, або ви керуєте платформою соціальних медіа, люди можуть переходити на ваш веб-сайт на своїх мобільних пристроях для серфінгу. Якщо ні, велика ймовірність, що людина, яка відкриває ваш веб-сайт на мобільному пристрої, захоче зв’язатися з вами або дізнатися, де ви знаходитесь. Найкращий спосіб допомогти їм — зробити цю інформацію доступною для них, щойно відкриється ваша домашня сторінка.
Якщо у вас є звичайне місце розташування, ви можете переконатися, що ця інформація також міститься на ваших цільових сторінках. Якщо люди заходять у веб-сторінки після того, як відповіли на заклик до дії в одному з ваших оголошень, ви не хочете, щоб їм доводилося копатися, щоб дізнатися, де саме ви знаходитесь.
8 Ретельно перевірте мобільний досвід користувача
Ось що вам потрібно враховувати, коли справа доходить до розробки веб-сайтів, зручних для мобільних пристроїв:
- Є різні розміри екрану
- Існує безліч операційних систем, на яких працюють мобільні пристрої
- Користувачі можуть відвідувати ваш веб-сайт за допомогою різноманітних інтернет-браузерів
Врахування всіх цих трьох фактів означає, що існує кілька можливих комбінацій операційних систем, розміру екрана та вибору браузера. Ваша мета, щоб завершити свій наступний проект веб-дизайну, має полягати в тому, щоб перевірити якомога більше можливих комбінацій, щоб ви могли переконатися, що кожен користувач насолоджується чудовим мобільним досвідом. Ви можете використовувати такий додаток, як UxRecorder, щоб допомогти з деякими з цього тестування.
9 Використовуйте геолокацію
Геолокація надзвичайно корисна для мобільних користувачів. Якщо ви запровадите цю технологію на своєму веб-сайті, відвідувачі зможуть знаходити магазини поруч із ними, прокладати маршрути від їхнього місцезнаходження до вашого та перевіряти наявність продуктів у місцевому магазині. Як компанія, ви зможете націлювати вміст конкретно на певну географічну територію, робити пропозиції користувачам у певних місцях, встановлювати ціни на товари в місцевій валюті та заохочувати користувачів реєструватися або додавати свою думку на сайтах соціальних мереж, які розділені за Місцезнаходження.
10 Оптимізуйте свої форми для мобільних пристроїв
В ідеалі жодна з ваших форм не повинна бути надто довгою, а також ви не повинні використовувати їх, щоб спробувати отримати купу інформації від користувачів у маркетингових цілях. Це дратує та може завадити людям підписатися на ваші пропозиції. Щодо користувачів мобільних пристроїв це вірно подвійно. Ось чому дуже важливо, щоб ваші форми були короткими, інтуїтивно зрозумілими та гарантували, що їх можна швидко заповнити.
Ви можете зробити це, попросивши лише інформацію, яка вам потрібна, щоб надати їм те, на що вони реєструються, надавши їм прапорці та спадні меню та використовуючи їхнє розташування, щоб заповнити деякі поля.
11 Заохочуйте відгуки
Пам’ятайте, що ваші користувачі не йдуть в ногу з «іншими мобільними користувачами» чи будь-якою іншою демографічною групою. Вони є вашими клієнтами та потенційними клієнтами, і вони мають унікальні потреби та поведінку. Вони частково обумовлені їхніми власними уподобаннями, а також їхніми конкретними бажаннями та потребами, безпосередньо пов’язаними з використанням ними вашого веб-сайту.
Що це означає? Це означає, що ви можете створити ідеальний підручник, версію мобільного веб-сайту, яка просто не дуже добре працює для ваших користувачів. Ви також можете розробити веб-сайт, який, на думку спеціалістів з оптимізації пошукових систем та інших веб-дизайнерів, ніколи не працюватиме для ваших користувачів, який повністю відповідає потребам вашої аудиторії.
Ось чому так важливо отримувати відгуки від користувачів. Аналітика – це чудово, але вона не замінить прислухатися до того, що говорять клієнти. Ви можете використовувати аналітику, щоб визначити, що багато людей проводять час на певній сторінці. Чого аналітика не може вам сказати, так це те, що вони перебувають на цій сторінці через необхідність, але ненавидять те, як вона розроблена. Знайдіть час, щоб прочитати коментарі, які надсилають вам відвідувачі, і подумайте про створення опитування спеціально для мобільних користувачів. Потім ви можете використовувати отриману від них інформацію, щоб визначити, що працює добре, а що слід переглянути.
Висновок
Не зупиняйтеся на простій мобільній сумісності. Скористайтеся зростаючою кількістю мобільних користувачів і створіть умови для користувачів, які справді відповідають їхнім бажанням, потребам і очікуванням. Користувачам мобільних пристроїв більше не подобається мати справу з веб-сайтами, які досить добре працюють на мобільних пристроях. Їм потрібна повна функціональність і функції, розроблені спеціально для них.
Незалежно від того, чи створюєте ви новий веб-сайт, чи повертаєте вже наявний, можливо, настав час розглянути стратегію для мобільних пристроїв. Зрештою, хіба це не гарний бізнес – спочатку розглядати свою аудиторію, яка швидко зростає?