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

 
Посетитель
small user social cms
МедальКубок зрительских симпатийАвторитет форума
Сообщений: 1437
Давайте обсудим возможный мобильный шаблон.
Что и как в нём должно работать, выглядеть по вашему мнению?
Делаю сайты, дополнения, верстаю, исправляю. skype:gdvden
Посетитель
small user social cms
Медаль
Сообщений: 180
Моё мнение, что основной и главный аспект при разработке мобильного вида - соответствие основным требованиям Material Design и CupertinoStyle.

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

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

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

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

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

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

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

Вот, на мой взгляд, идеальная архитектура. Отзывчивый дизайн, удобный. Ничего лишнего. Все по разделам. Если не знать, что это веб шаблон, то можно легко перепутать с приложением. И именно такие шаблоны максимально подходят под PWA.
Редактировалось: 1 раз (Последний: 4 июля 2020 в 13:36)
Игорь Дмитриевич =)
Реклама
cms
Посетитель
small user social cms
Почетный донор проекта
Сообщений: 61
Всё просто, он должен быть похож на приложение для смартфона. Как банально это не звучало.
Посетитель
small user social cms
МедальПочетный донор проекта
Сообщений: 957
Vunderkind:

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

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

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

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

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

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

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

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

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

Согласен, тоже год назад рассматривал этот сайт + понравился. Ребята отлично постарались, действительно можно спутать с приложением.
Редактировалось: 1 раз (Последний: 5 июля 2020 в 21:53)
Посетитель
small user social cms
МедальКубок зрительских симпатийАвторитет форума
Сообщений: 1437
Значит надо делать заточку прежде всего под коробочный функционал.
Делаю сайты, дополнения, верстаю, исправляю. skype:gdvden
Посетитель
small user social cms
Сообщений: 88
Мобильный шаблон в первую очередь не должен отличаться от десктопного по структуре и контенту. Например, бывает, что десктопное меню на мобилах display:none, и подставляют вместо него мобильное. Или просто скрывают какой-то блок, чтоб не мешался. Или по DOM структура отличается. Получается, разный контент для десктопов и для мобил, что влияет на выдачу. Часто вижу, что сайт в десктопной выдаче занимает довольно высокие позиции, а в мобильной еле до 3-й страницы доползает.
надёжные прокси
Посетитель
small user social cms
МедальКубок зрительских симпатийАвторитет форума
Сообщений: 1437
Tamatoa:

Мобильный шаблон в первую очередь не должен отличаться от десктопного по структуре и контенту. Например, бывает, что десктопное меню на мобилах display:none, и подставляют вместо него мобильное. Или просто скрывают какой-то блок, чтоб не мешался. Или по DOM структура отличается. Получается, разный контент для десктопов и для мобил, что влияет на выдачу. Часто вижу, что сайт в десктопной выдаче занимает довольно высокие позиции, а в мобильной еле до 3-й страницы доползает.
Тут речь идёт о мобильном самостоятельном моб. Шаблоне. Препологеться что пользователь выбирает такой шаблон в качестве мобильного в настройках админки. И на десктопе он тоже будет отображаться как мобильный.
Речь идёт об интерфейсе, не о структуре сайта. Структура вёрстки конечно будет отличаться от десктопного шаблона.
Делаю сайты, дополнения, верстаю, исправляю. skype:gdvden
Посетитель
no avatar
Сообщений: 29
Зачем в 2020 году, когда современные смартфоны по производительности конкурируют с бюджетными ПК, а мобильный интернет стоит копейки - отдельная мобильная тема???
Она нужна чтобы что?? - можете ответить smile
На детекцию устройства тратятся ресурсы, строчка из User-Agent проходит по множеству регулярок с со строками и массивами из разных устройств. К тому же есть юзеры, которые используют браузеры с повышенной анонимностью (Dolphin Browser, Chameleon browser) подменяющие юзер-агент.
Лучше сделать нормальную адаптивную вёрстку и использовать одну версию на всех устройствах.
Посетитель
small user social cms
МедальКубок зрительских симпатийАвторитет форума
Сообщений: 1437
@Absolute134:
Лучше сделать нормальную адаптивную вёрстку
А вы сделайте а потом вернитесь в эту тему и поделитесь, мы посмотрим что у вас получилось )
Адаптивная верстка юзабельна на мобильном лишь в крайнем исключении.
Здесь мы обсуждаем полноценный мобильный шаблон, по юзабилити аналогичный мобильному приложению.
Делаю сайты, дополнения, верстаю, исправляю. skype:gdvden
Посетитель
no avatar
Сообщений: 29
GoodMade:
Адаптивная верстка юзабельна на мобильном лишь в крайнем исключении.
Расскажите это фронтэнд-разработчикам из Adobe, Эльдорадо, Aviasales, DNS, МВидео... А то они не знают((
В начало страницы
Предыдущая темаСледующая тема Перейти на форум:
Быстрый ответ
Чтобы писать на форуме, зарегистрируйтесь или авторизуйтесь.