Варіанти та заборони мобільного адаптивного дизайну

Можливо, гроші крутять світ, але телефони точно роблять світ меншим. Гадаю, ви також спостерігали вплив телефонів на людство. Ви навіть можете спостерігати це на собі!

Божевільне захоплення смартфонами захопило світ набагато швидше, ніж будь-який диктатор в історії. Люди просто закохані в технології смартфонів. Б'юся об заклад, навіть не буде перебільшенням сказати, що вони живуть заради цього.

Серйозно.

Якщо ви мені не вірите, давайте швидко оцінимо:

1. Що ви берете вранці в першу чергу? Як щодо останнього, що ви відпустили вночі?
2. Що перше – шматок вашого обіду чи фотографія з ним?
3. Коли ви востаннє отримували доступ до свого телефону? Це було десять чи, може, дві секунди тому? Ви користуєтеся ним зараз?
4. Скільки разів ви поверталися додому після того, як поїхали на роботу/навчання, лише тому, що забули телефон?
5. Коли ви востаннє відкривали Facebook, Twitter або Instagram? Це було для того, щоб опублікувати щось – вигук, фотографію, можливо, відео OOTD або «хештег» банкомату?

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

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

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

Отже, куди в усьому цьому вписуються смартфони?

Можливо, люди не можуть жити без соціальної взаємодії, але це не означає, що їм необхідно знову і знову фізично зустрічатися з людиною. Я не зустрічав настільки замкнутої людини, яка б заперечувала будь-які контакти із зовнішнім світом. Проте я зустрічав багатьох людей, які відмовлялися спілкуватися віч-на-віч і замість цього вирішували жити решту життя, згорнувшись калачиком на стільці перед комп'ютером або закутавшись у ковдру зі смартфоном на одному руку. Ці люди задовольняють свою потребу в соціальній взаємодії через свій мобільний пристрій. Вони відчувають зв’язок з іншими в Інтернеті. Ось як глибоко смартфони та інші технології проникли в наше життя.

Це погано? Може бути. Чи добре це? Ймовірно.

Але ми тут не для того, щоб говорити про те, чи є смартфони добром чи злом. Я просто хотів, щоб ви побачили, наскільки вони вплинули на суспільство. І як, ви можете використовувати це на свою користь як людина бізнесу.

Що таке швидкість реагування на мобільні пристрої?

Мобільний адаптивний підхід — це сучасна маркетингова методологія, яка працює рука об руку з іншими методами, такими як SEO та UX. Справа в тому, що крім хорошого контенту, будь-якій компанії необхідно надавати користувачам інформацію, яка є легкодоступною та зрозумілою. Це те, на що сподівається вирішити підхід, адаптований до мобільних пристроїв. Його мета – надати користувачам простіший і зручніший досвід перегляду веб-сторінок.

Як ви вже могли помітити, світ постійно розвивається. Щодня випускаються нові гаджети всіх форм і розмірів. Коли люди переглядають Інтернет, вони можуть використовувати будь-який пристрій, який має доступ до нього. Це означає, що їхній доступ не обмежується лише настільними комп’ютерами та ноутбуками. Вони можуть отримати доступ до Інтернету за допомогою мобільних телефонів, планшетів і навіть розумних годинників. Оскільки кишенькові пристрої створені для портативності, розробники працюють над тим, щоб зробити їх легшими та меншими. Проста зміна розміру екрана може серйозно вплинути на продуктивність вашого веб-сайту та, як наслідок, на задоволеність користувачів.

Коли веб-сайт відформатований відповідно до розміру звичайного настільного комп’ютера, існує дуже висока ймовірність того, що він здасться неймовірно малим на екрані смартфона. Чи можеш ти уявити? Ви вставляєте екран розміром від 15 до 17 дюймів у екран розміром від 5 до 6 дюймів. Контент буде виглядати буквально мініатюрним! Користувачам буде важко розібрати вміст вашого веб-сайту, і вони можуть назавжди відмовитися від вашої справи.

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

Навіщо робити свій веб-сайт адаптивним для мобільних пристроїв?

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

Але в останні роки відбулися зміни.

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

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

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

Що вам слід і чого не слід робити, щоб зробити свій веб-сайт адаптивним для мобільних пристроїв

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

Гаразд. Хоча я можу не вдаватися в такі дрібниці, як мобільне реагування, як-от кодування та HTML (це було б занадто технічно, тому давайте поки що залишимо це веб-розробникам), я принаймні зможу дати вам широкий огляд яким повинен бути хороший адаптивний веб-сайт на відміну від поганого. Почнемо з того, що всі бачать спочатку.

Що стосується дизайну…

ЗРОБИТИ:

• Нехай ваш мобільний дизайн буде простим. Ми маємо на увазі. Чим простіший дизайн вашого сайту, тим легше його буде зрозуміти. Майте на увазі, що коли ви створюєте веб-сайт із меншими ґаджетами, ви маєте віддати перевагу максимальному збільшенню місця для основного вмісту. Ви повинні зробити акцент на тому, що ви пропонуєте чи продаєте. Якщо зробити свій веб-сайт занадто абстрактним або вигадливим, це стане на заваді.
• Дотримуйтесь чітких, але плавних шрифтів. Для заголовків використовуйте шрифти без зарубок. Хороші ті, які створюють особливо великий вплив і акцент. Для тексту або абзаців використовуйте шрифти із зарубками. Це дозволить читачеві більш плавно стежити за вашим вмістом. Це полегшує весь процес читання. Але будьте обережні! Завжди чітко використовуйте шрифти із зарубками та курсивом. Уникайте скорописів, оскільки вони, як правило, надто відволікають!
• Додайте картинки, де необхідно. Зауважте, що ключове слово тут є «необхідним», тобто вам слід обмежити графіку, яку ви використовуєте на своєму мобільному веб-сайті. На це є дві причини. По-перше, веб-сайти з великою кількістю медіаконтенту завантажуються довше, і, згідно зі статистичними даними, користувачі з меншою ймовірністю продовжуватимуть переглядати веб-сайт, якщо він буде надто повільним. По-друге, коли на веб-сайтах є маса зображень і відео, вони можуть надто відволікати. Люди можуть більше не звертати так багато уваги на важливий контент. Додайте зображення та відео, які посилять вплив на ваш продукт або, принаймні, створять шлях до продуктів чи послуг, які ви хочете презентувати.

НЕ:

• Використання надто яскравих кольорів – погана ідея. чому Ну, скажімо так, вони можуть вас невинно засліпити, особливо коли ви переглядаєте веб-сторінки пізно ввечері з вимкненим світлом. Яскраві кольори можуть надто відволікати, і багато людей не люблять бачити їх на маленьких екранах. Однак використовувати їх як акценти на вашому веб-сайті має бути добре. Це справді додає щасливої ​​атмосфери. Просто вибирайте не надто яскраві кольори. Викресліть неонові кольори зі списку першими.
• Нісенітниця дійсно зробить ваш веб-сайт безглуздим. Я мав це на увазі; Я просто не можу наголосити на цьому достатньо. Якщо вам це не потрібно або якщо це не особливо додає значущості вашому веб-сайту, тоді не розміщуйте його. Хоча реклама приносить прибуток, вона також може дуже дратувати, якщо ви допускаєте її занадто багато на свій веб-сайт. Коли користувачам набридне тріскання та мигання, вони почнуть залишати ваш веб-сайт. І коли це станеться, відвідуваність вашого веб-сайту впаде, що викликає незадоволення покупців реклами. Зрештою, ви програєте. Найкраще триматися помірковано, щоб отримати виграш, чи не так?

Що стосується зручності користувача…

ЗРОБИТИ:

• Двостороннє спілкування є великим фактором довіри. У багатьох випадках комунікація завжди вирішувала багато світових проблем. Якщо поглянути на це з іншого боку, брак або відсутність спілкування породжує деякі з найбільших світових проблем. Дозвольте потенційним клієнтам спілкуватися з вами та вашим бізнесом. Створення хорошої лінії зв’язку, відкритої для громадськості, підвищить ваші шанси побудувати міцну основу довіри з ними.
• Зробіть важливі сторінки видимими. Вставлення глибших посилань на ваші сторінки лише заплутає ваших клієнтів. Якщо на певній сторінці є важливий вміст, ви повинні зробити його доступним для «клацання» прямо на першій сторінці. Ви не можете очікувати, що користувачі знайдуть його, якщо він захований глибоко на вашому веб-сайті.

НЕ:

• Використання автоматизованих/роботизованих відповідей для відповідей на запити може не надто задовольнити користувачів. Хоча я щойно сказав, що комунікація є дуже важливим фактором у зміцненні довіри, несерйозне спілкування може зруйнувати ваші шанси встановити будь-який рівень довіри – взагалі! Використання «чат-ботів» і таке інше є хорошою стратегією для підтримки стосунків із клієнтами, але якщо ви можете запропонувати людську допомогу, зробіть це замість цього.
• Представляти свій продукт або послугу в кожному абзаці кожної сторінки просто дратує. Я маю на увазі, що це нормально бути продажним; зрештою, це ваш веб-сайт. Але бути надто продажним – це зовсім інша річ, і це може справді ВЕЛИКО відштовхнути багатьох людей. Рекламуйте свій продукт, але робіть це помірковано, капіш?

Що стосується вмісту…

ЗРОБИТИ:

• Зосередьтеся на тому, що хочуть користувачі, і коли вони цього хочуть. Іншими словами, не пишіть про те, що людей зараз не цікавить. Це може бути дуже актуальною темою для вашого бізнесу, але якщо людям, здається, не подобається про це говорити (з кількох причин), уникайте публікації вмісту про це. Ви повинні дивитися на ширшу картину, і задоволення інших має бути вашим головним пріоритетом. Іди туди, куди веде більшість.
• Створюйте змістовний, релевантний і своєчасний контент. Так, я думаю, що перше речення все говорить. Крім розважального вмісту, ви також повинні мати цінний і значущий вміст. Зрештою, ми вступили в епоху інформації. Якщо людям ваш вміст не подобається чи в будь-якій мірі бракує, вони можуть просто перейти на інший веб-сайт. А ти цього не хочеш. Змусьте їх залишитися, показавши їм, що ви дійсно пропонуєте те, що заслуговує на їхній час.

НЕ:

• Припиніть із загальними темами. У світі є буквально мільйон тем, про які ви можете писати, тож навіщо писати про те, про що, ймовірно, писали багато разів раніше? Шукайте свіжі ідеї, і якщо вам дійсно доводиться писати про загальну тему з власних інтересів, переконайтеся, що ви додаєте нові вхідні дані, яких неможливо знайти ніде.
• Якщо ви пишете лише для того, щоб створити корм для веб-сайту, тоді очікуйте, що користувачі покинуть ваш веб-сайт раніше, ніж прийдуть. Люди знають якість, добре? Вони знатимуть, якщо ви намагаєтеся привернути їхню увагу з абсолютно неправильних причин. Якщо вам просто потрібен трафік, не очікуйте, що вони залишаться надовго або повернуться. У вас може бути найефективніший веб-сайт у світі, який адаптований до мобільних пристроїв, але якщо те, що всередині, — це лише пуста пуста пуста річ, люди все одно підуть. Завжди пишіть з думкою про своїх читачів. Це проходить довгий шлях.