Мобильный шаблон, каким он должен быть?

Давайте обсудим возможный мобильный шаблон.
Что и как в нём должно работать, выглядеть по вашему мнению?

Моё мнение, что основной и главный аспект при разработке мобильного вида — соответствие основным требованиям Material Design и CupertinoStyle.

Но не в плане визуальной состовлябщей, а в архитектуре.

Мобильный шаблон должен быть аналогом мобильного приложения. Не должен он иметь награможденную главную и субстраницы.

Отдельный тип контента — отдельная страница.

Требования Material Design и CupertinoStyle формировались исходя из огромного количества тестов по оценке удобства, минимизации кликов.

Размеры элементов — это минимум, на что нужно опираться.

В существующих шаблонах — все ориентирован на то, чтоб запихать максимум на одну страницу. Соответственно все очень мелкое и требования мобильного вида улетают в трубу.






Вот, на мой взгляд, идеальная архитектура. Отзывчивый дизайн, удобный. Ничего лишнего. Все по разделам. Если не знать, что это веб шаблон, то можно легко перепутать с приложением. И именно такие шаблоны максимально подходят под PWA.

Всё просто, он должен быть похож на приложение для смартфона. Как банально это не звучало.

Моё мнение, что основной и главный аспект при разработке мобильного вида — соответствие основным требованиям Material Design и CupertinoStyle.

Но не в плане визуальной состовлябщей, а в архитектуре.

Мобильный шаблон должен быть аналогом мобильного приложения. Не должен он иметь награможденную главную и субстраницы.

Отдельный тип контента — отдельная страница.

Требования Material Design и CupertinoStyle формировались исходя из огромного количества тестов по оценке удобства, минимизации кликов.

Размеры элементов — это минимум, на что нужно опираться.

В существующих шаблонах — все ориентирован на то, чтоб запихать максимум на одну страницу. Соответственно все очень мелкое и требования мобильного вида улетают в трубу.






Вот, на мой взгляд, идеальная архитектура. Отзывчивый дизайн, удобный. Ничего лишнего. Все по разделам. Если не знать, что это веб шаблон, то можно легко перепутать с приложением. И именно такие шаблоны максимально подходят под PWA.

Согласен, тоже год назад рассматривал этот сайт + понравился. Ребята отлично постарались, действительно можно спутать с приложением.

Значит надо делать заточку прежде всего под коробочный функционал.

Мобильный шаблон в первую очередь не должен отличаться от десктопного по структуре и контенту. Например, бывает, что десктопное меню на мобилах display:none, и подставляют вместо него мобильное. Или просто скрывают какой-то блок, чтоб не мешался. Или по DOM структура отличается. Получается, разный контент для десктопов и для мобил, что влияет на выдачу. Часто вижу, что сайт в десктопной выдаче занимает довольно высокие позиции, а в мобильной еле до 3-й страницы доползает.

Мобильный шаблон в первую очередь не должен отличаться от десктопного по структуре и контенту. Например, бывает, что десктопное меню на мобилах display:none, и подставляют вместо него мобильное. Или просто скрывают какой-то блок, чтоб не мешался. Или по DOM структура отличается. Получается, разный контент для десктопов и для мобил, что влияет на выдачу. Часто вижу, что сайт в десктопной выдаче занимает довольно высокие позиции, а в мобильной еле до 3-й страницы доползает.

Тут речь идёт о мобильном самостоятельном моб. Шаблоне. Препологеться что пользователь выбирает такой шаблон в качестве мобильного в настройках админки. И на десктопе он тоже будет отображаться как мобильный.
Речь идёт об интерфейсе, не о структуре сайта. Структура вёрстки конечно будет отличаться от десктопного шаблона.

Зачем в 2020 году, когда современные смартфоны по производительности конкурируют с бюджетными ПК, а мобильный интернет стоит копейки — отдельная мобильная тема???
Она нужна чтобы что?? — можете ответить
На детекцию устройства тратятся ресурсы, строчка из User-Agent проходит по множеству регулярок с со строками и массивами из разных устройств. К тому же есть юзеры, которые используют браузеры с повышенной анонимностью (Dolphin Browser, Chameleon browser) подменяющие юзер-агент.
Лучше сделать нормальную адаптивную вёрстку и использовать одну версию на всех устройствах.

Лучше сделать нормальную адаптивную вёрстку

А вы сделайте а потом вернитесь в эту тему и поделитесь, мы посмотрим что у вас получилось )
Адаптивная верстка юзабельна на мобильном лишь в крайнем исключении.
Здесь мы обсуждаем полноценный мобильный шаблон, по юзабилити аналогичный мобильному приложению.

Адаптивная верстка юзабельна на мобильном лишь в крайнем исключении.

Расскажите это фронтэнд-разработчикам из Adobe, Эльдорадо, Aviasales, DNS, МВидео… А то они не знают((