Что и как в нём должно работать, выглядеть по вашему мнению?
Но не в плане визуальной состовлябщей, а в архитектуре.
Мобильный шаблон должен быть аналогом мобильного приложения. Не должен он иметь награможденную главную и субстраницы.
Отдельный тип контента — отдельная страница.
Требования Material Design и CupertinoStyle формировались исходя из огромного количества тестов по оценке удобства, минимизации кликов.
Размеры элементов — это минимум, на что нужно опираться.
В существующих шаблонах — все ориентирован на то, чтоб запихать максимум на одну страницу. Соответственно все очень мелкое и требования мобильного вида улетают в трубу.
Вот, на мой взгляд, идеальная архитектура. Отзывчивый дизайн, удобный. Ничего лишнего. Все по разделам. Если не знать, что это веб шаблон, то можно легко перепутать с приложением. И именно такие шаблоны максимально подходят под PWA.
Моё мнение, что основной и главный аспект при разработке мобильного вида — соответствие основным требованиям Material Design и CupertinoStyle.
Но не в плане визуальной состовлябщей, а в архитектуре.
Мобильный шаблон должен быть аналогом мобильного приложения. Не должен он иметь награможденную главную и субстраницы.
Отдельный тип контента — отдельная страница.
Требования Material Design и CupertinoStyle формировались исходя из огромного количества тестов по оценке удобства, минимизации кликов.
Размеры элементов — это минимум, на что нужно опираться.
В существующих шаблонах — все ориентирован на то, чтоб запихать максимум на одну страницу. Соответственно все очень мелкое и требования мобильного вида улетают в трубу.
Вот, на мой взгляд, идеальная архитектура. Отзывчивый дизайн, удобный. Ничего лишнего. Все по разделам. Если не знать, что это веб шаблон, то можно легко перепутать с приложением. И именно такие шаблоны максимально подходят под PWA.
Согласен, тоже год назад рассматривал этот сайт + понравился. Ребята отлично постарались, действительно можно спутать с приложением.
Тут речь идёт о мобильном самостоятельном моб. Шаблоне. Препологеться что пользователь выбирает такой шаблон в качестве мобильного в настройках админки. И на десктопе он тоже будет отображаться как мобильный.
Мобильный шаблон в первую очередь не должен отличаться от десктопного по структуре и контенту. Например, бывает, что десктопное меню на мобилах display:none, и подставляют вместо него мобильное. Или просто скрывают какой-то блок, чтоб не мешался. Или по DOM структура отличается. Получается, разный контент для десктопов и для мобил, что влияет на выдачу. Часто вижу, что сайт в десктопной выдаче занимает довольно высокие позиции, а в мобильной еле до 3-й страницы доползает.
Речь идёт об интерфейсе, не о структуре сайта. Структура вёрстки конечно будет отличаться от десктопного шаблона.
Она нужна чтобы что?? — можете ответить
На детекцию устройства тратятся ресурсы, строчка из User-Agent проходит по множеству регулярок с со строками и массивами из разных устройств. К тому же есть юзеры, которые используют браузеры с повышенной анонимностью (Dolphin Browser, Chameleon browser) подменяющие юзер-агент.
Лучше сделать нормальную адаптивную вёрстку и использовать одну версию на всех устройствах.
А вы сделайте а потом вернитесь в эту тему и поделитесь, мы посмотрим что у вас получилось )Лучше сделать нормальную адаптивную вёрстку
Адаптивная верстка юзабельна на мобильном лишь в крайнем исключении.
Здесь мы обсуждаем полноценный мобильный шаблон, по юзабилити аналогичный мобильному приложению.
Расскажите это фронтэнд-разработчикам из Adobe, Эльдорадо, Aviasales, DNS, МВидео… А то они не знают((Адаптивная верстка юзабельна на мобильном лишь в крайнем исключении.