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

InstantCMS 2.X
#1 4 июля 2020 в 13:18
Давайте обсудим возможный мобильный шаблон.
Что и как в нём должно работать, выглядеть по вашему мнению?
#2 4 июля 2020 в 13:35
Моё мнение, что основной и главный аспект при разработке мобильного вида — соответствие основным требованиям Material Design и CupertinoStyle.

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

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

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

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

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

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






Вот, на мой взгляд, идеальная архитектура. Отзывчивый дизайн, удобный. Ничего лишнего. Все по разделам. Если не знать, что это веб шаблон, то можно легко перепутать с приложением. И именно такие шаблоны максимально подходят под PWA.
#3 4 июля 2020 в 14:05
Всё просто, он должен быть похож на приложение для смартфона. Как банально это не звучало.
#4 5 июля 2020 в 21:53


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

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

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

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

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

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

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






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

Vunderkind

Согласен, тоже год назад рассматривал этот сайт + понравился. Ребята отлично постарались, действительно можно спутать с приложением.
#5 11 июля 2020 в 08:14
Значит надо делать заточку прежде всего под коробочный функционал.
#6 14 июля 2020 в 22:50
Мобильный шаблон в первую очередь не должен отличаться от десктопного по структуре и контенту. Например, бывает, что десктопное меню на мобилах display:none, и подставляют вместо него мобильное. Или просто скрывают какой-то блок, чтоб не мешался. Или по DOM структура отличается. Получается, разный контент для десктопов и для мобил, что влияет на выдачу. Часто вижу, что сайт в десктопной выдаче занимает довольно высокие позиции, а в мобильной еле до 3-й страницы доползает.
#7 15 июля 2020 в 11:02


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

Tamatoa
Тут речь идёт о мобильном самостоятельном моб. Шаблоне. Препологеться что пользователь выбирает такой шаблон в качестве мобильного в настройках админки. И на десктопе он тоже будет отображаться как мобильный.
Речь идёт об интерфейсе, не о структуре сайта. Структура вёрстки конечно будет отличаться от десктопного шаблона.
#8 15 июля 2020 в 16:10
Зачем в 2020 году, когда современные смартфоны по производительности конкурируют с бюджетными ПК, а мобильный интернет стоит копейки — отдельная мобильная тема???
Она нужна чтобы что?? — можете ответить smile
На детекцию устройства тратятся ресурсы, строчка из User-Agent проходит по множеству регулярок с со строками и массивами из разных устройств. К тому же есть юзеры, которые используют браузеры с повышенной анонимностью (Dolphin Browser, Chameleon browser) подменяющие юзер-агент.
Лучше сделать нормальную адаптивную вёрстку и использовать одну версию на всех устройствах.
#9 15 июля 2020 в 16:35

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

@Absolute134
А вы сделайте а потом вернитесь в эту тему и поделитесь, мы посмотрим что у вас получилось )
Адаптивная верстка юзабельна на мобильном лишь в крайнем исключении.
Здесь мы обсуждаем полноценный мобильный шаблон, по юзабилити аналогичный мобильному приложению.
#10 15 июля 2020 в 17:40

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

GoodMade
Расскажите это фронтэнд-разработчикам из Adobe, Эльдорадо, Aviasales, DNS, МВидео… А то они не знают((
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.