Создать мобильное приложение

Чем мобильное приложение отличается от мобильной версии сайта

Мобильная версия сайта — это тот же сайт, подстроенный под узкий экран: человек приходит по ссылке, смотрит и уходит. Приложение остаётся на телефоне: у него есть иконка на экране, оно запускается без браузера и адресной строки, помнит, где вы остановились, и может работать с возможностями телефона. Разница не в оформлении, а в том, как часто человек к вам возвращается и насколько коротким становится путь до нужного действия.

Из этого следует и главное ограничение приложения: его нужно установить. Поисковой выдачи у приложений нет, ссылка из рекламы ведёт в магазин, а не сразу к содержимому. Поэтому приложение почти всегда — второй шаг после сайта, а не замена ему.

Что учитывается при сборке мобильных экранов

• Цели нажатия крупные: палец не курсор, и промахи раздражают сильнее, чем кажется.
• Вырез камеры сверху и полоса жестов снизу — содержимое не должно под них попадать.
• Поля ввода такого размера, чтобы система не увеличивала экран при фокусе.
• Нижняя навигация вместо выпадающего меню: до неё дотягивается большой палец.
• Понятные состояния: идёт загрузка, ничего не найдено, сеть пропала, сервер молчит.
• Возврат назад работает так, как ожидает человек, а не так, как удобно вёрстке.

Как проверить приложение до установки

Перед сборкой приложение открывается в предпросмотре прямо в браузере — с вашими данными и с той же логикой. Там же по заказу включаются неприятные ветки: пропала сеть, список пуст, сервер не отвечает, нужного приложения на телефоне нет. Это важнее, чем кажется: именно на таких ветках приложения обычно и выглядят сломанными, а воспроизвести их на живом телефоне почти невозможно.

Предпросмотр честно объявляет только те возможности телефона, что включены в проекте: если возможность выключена, приложение в браузере ведёт себя так же, как на телефоне. Настоящие задержки, скорость запуска и поведение конкретной модели предпросмотр не покажет — для этого нужен установленный файл, и он приходит по QR-коду.

Что сейчас можно и чего нельзя

Можно: каталог с поиском и карточкой, услуги с заявкой, содержимое из кабинета, уведомление о новых обращениях, состояние сети, открытие карт и мессенджеров, локальное хранилище, показ рекламы. Нельзя: приложения для iPhone, встроенные сторонние виджеты и скрипты, мгновенное обновление экранов без пересборки. Список короткий и честный — обещать больше, чем движок умеет, дороже, чем признать границы.