Новости

Адаптивный дизайн: ошибки и решения

МЕЛКИЕ ЭЛЕМЕНТЫ

❌ Использовать слишком маленькие кнопки и кликабельные инструменты

✅ Располагайте элементы навигации так, чтобы посетителю сайта не приходилось приближать кнопку, чтобы нажать на нее


МЕЛКИЙ ШРИФТ

❌ Для удобства пользователей не стоит использовать мелкий шрифт

✅ Оптимальный шрифт 16-18px


ДЛИННЫЙ СКРОЛЛ

❌ Длинный скролл вниз блоков с фотоконтентом и однотипными текстами — пользователь закроет сайт быстрее, чем найдет то, что ему нужно

✅ Использовать горизонтальный слайдер или добавить кнопку "Смотреть больше", за которой спрятать часть контента


МЕДЛЕННАЯ ЗАГРУЗКА

❌ Тяжелые веб-сайты плохо грузятся на мобильных гаджетах. Статистика показывает, что 57% мобильных пользователей покинут сайт, если он загружается дольше 3-х секунд

✅ Оптимизировать все изображения как по весу, так и по размеру


СОКРАЩЕНИЕ КОНТЕНТА

❌ Не стоит прятать часть контента и просить пользователей перейти на полную версию сайта

✅ Мобильный сайт должен содержать всю информацию, которая есть и в десктопной версии сайта
Made on
Tilda