Поради щодо створення відмінного мобільного сайту _ Ч.2

Продовжуємо розмову про те, що варто врахувати при створенні мобільних сайтів:

4. Все не повинно бути в одному і тому ж місці

Легко потрапити в пастку розміщення кожного окремого елемента дизайну в одному і тому ж відносному місці для мобільних та настільних екранів. Це може мати неприємні наслідки на невеликих екранах.

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

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

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

5. Додати мобільні функції

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

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

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

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

Повна версія статті: https://speckyboy.com/designing-great-mobile-website-experience/

 

Все посты

Оставить комментарий

Leave a Reply

Your email address will not be published. Required fields are marked *


  • ru
  • uk
  • Your message has been sent