Адаптивный дизайн
Проектирование страницы так, чтобы её макет автоматически подстраивался под разные размеры экрана, такие как телефоны, планшеты и компьютеры.
- 01
Почему это важно
На многих сайтах большинство посетителей приходят с телефонов, а Google оценивает сайты прежде всего по их мобильной версии. Мелкий текст, таблицы, выходящие за границы, и слишком маленькие для нажатия на телефоне кнопки и снижают продажи, и ухудшают доступность.
- 02
Пример
На сайте клиники форма записи на приём на десктопе состоит из двух столбцов; на телефоне она сворачивается в один столбец, кнопки становятся больше, а по номеру телефона можно позвонить одним нажатием.
- 03
Частая ошибка
Утвердить дизайн только на десктопе и отложить мобильную версию до последнего момента. Когда мобильную версию втискивают потом, содержимое и кнопки становятся неудобными.
- 04
Обсудим ваш проект.
Расскажите о задаче — объём определим вместе.