Смотрите прямо здесь, на удобной скорости (кнопки под видео).
Скорость
Битва курсора и пальчика. Мобильный это другое восприятие, другое поведение, другая рука. Пять правил адаптивности, вертикальные колонки, крупные кнопки, меню-бургер, приоритет наверху, формы без боли. И отдельный разговор, почему в большинстве случаев выбираем веб, а не нативное приложение.
О чём урок
1
Курсор против пальчика. Разное поведение, разная логика, разная задача. Ховера на мобильном нет.
2
Веб или мобильное приложение. Почему в 99% случаев выбираем веб. Пороги установки, магазины, комиссии, обновления.
3
Правило 1. Колонки. Одна колонка вместо плитки. Вертикальный скролл, никакого «давайте помельчим».
4
Правило 2. Кнопки. Под палец, не под курсор. Гипертрофированно крупные, чтобы точно попасть.
5
Правила 3-4. Меню и приоритеты. Меню за бургер, главное наверху, второстепенное прячем.
6
Правило 5. Формы. По шагам, учёт клавиатуры, поле не убегает под неё. Прям болячка, которую все пропускают.
Что заберёте за урок
Понимание, что мобильный это не ужатый десктоп, а другой опыт.
Обоснованный выбор веб против нативного приложения для большинства сценариев.
Пять готовых правил адаптации, колонки, кнопки, меню, приоритеты, формы.
Проверка кнопок под средний палец, не под тонкий курсор.
Формы без боли, учёт клавиатуры, поля не убегают под неё.
Мобильная версия проверена и работает, продукт открывается с телефона нормально.