Почему макеты для мобильных и настольных устройств различаются? Причин несколько. Самая очевидная — это, конечно, размер экрана. То, что выглядит хорошо на большом экране, часто не воспринимается так же на меньшем.
Другая причина — это то, как люди используют свои устройства, что сильно отличается между настольными компьютерами и смартфонами. Большинство пользователей работают за десктопами в помещении и в течение длительного времени. Смартфоны же используются повсеместно и часто на ходу. Мобильные пользователи также предпочитают короткие сессии. Задачи вроде установки будильника, проверки почты или ответа на сообщение обычно занимают не более нескольких секунд.
И наконец, методы ввода различаются. Сенсорные экраны предполагают использование пальцев и больших пальцев — они занимают больше пространства и перекрывают часть контента, в отличие от курсора мыши. Эти три фактора определяют ключевые принципы проектирования макета для мобильных устройств.
Минимизируйте перегрузку интерфейса


Минимизация визуальной перегрузки в мобильных интерфейсах позволяет пользователям сосредоточиться на выполнении текущей задачи. Докажите ценность вашего приложения, предлагая пользователям именно то, что им нужно, сразу. Избегайте отвлекающих кнопок, изображений или текста…
Доступ только по подписке
Этот урок доступен только для подписчиков. Оформите подписку, чтобы получить полный доступ к материалам, эксклюзивному контенту и дополнительным бонусам.
Что даёт подписка?
- Доступ ко всем разделам учебника
- Доступ ко всем мастер-классам
- Закрытый чат с ментором
- Обратная связь на проекты
Подключите подписку сейчас и получите неограниченный доступ к этому и другим материалам!