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

При розробці вашого веб-сайту при налаштуванні мобільних пристроїв варто враховувати таке:

1. Зручність використання

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

Речі повинні бути спрощені, де це доречно. Якщо елемент незграбний на маленькому екрані  – видаліть його або замініть чимось більш ефективним.

Розмір і контрастність так само (якщо не більше) важливі для телефону. Дивитися навіть на високоякісні мобільні екрани може бути утомливо при читанні. Переконайтеся, що розмір тексту пристойний, а міжрядковий інтервал і поля налаштовані на поліпшення читаності.

Ті ж зусилля, які додаються до юзабіліті для користувачів настільних комп’ютерів, повинні бути спрямовані на те, щоб зробити мобільну роботу відмінною.

2. Скористайтеся перевагами доступного екрану

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

Потрібно зрозуміти, як можна найкращим чином використовувати простір екрану. Один з найпростіших способів – використання CSS Flexbox Правильно налаштований, він досить хорош для автоматичного вибору найкращого макета для поточного вікна перегляду. Можливо, вам доведеться внести деякі зміни за допомогою медіа-запитів, але результати того варті.

3. Мобільні питання

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

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

Продовження в наступному пості )

Все посты

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

Leave a Reply

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


  • ru
  • uk
  • Your message has been sent