Мобильная версия сайта Opencart

[markimax]

ИМХО и офтоп

Лебедев пиздабол фарисей и мудак мудак

Ну, пижон он еще тот, но мысли у него бывают мудрыми

Насчет "мобильных" версий, здесь и спора нет, это зло первородное.

[cmd]

У меня были и есть проекты, где 90% трафика с смартфонов и планшетов. Вопрос "делать или не делать отзывчивый дизайн?" там даже не стоит. Так что я бы поспорил про первородное зло. Альтернативу адаптированному сайту это API и 2 приложения (под Adnroid и iOS), но такое себе могут позволить очень немногие.

 

Но я согласен, что последнее время отзывчивый дизайн тулят и там где надо и там где не надо. Это глупо.

[AlexFisher]

cmd хорошо сказал про дизайнера всея руси  :-D

А тему, вроде, чистить не от чего. Странно, кстати, что тов. markimax без ссылок здесь

[GeorgyM]

ИМХО и офтоп

Лебедев пиздабол фарисей и мудак мудак

точняк :)

[markimax]

точняк :)

 

Да еще и пижон, но... мысли иногда у него умные (в 90% слизанные у других)

 

Но... не суть в Лебедеве!

 

Компания Apple и Стив Джобс,  Джонатан Айв отказались от мобильных версий сайтов! Это уже не тёма пиз...бол.

 

Извините но я доверяю Джонатану Айву и сам могу проанализировать - 90% мобильных версий сайтов - просто невозможно пользоваться

Они не понимают, что у некоторых есть смарты с HD и FULL HD разрешением и как пользоваться когда свайп увеличения не работает?

На ebay и т.п. просто невозможно ничего прочитать без увеличительного стекла! Маразм. А у apple все OK, на всех смартах, планшетах, будь то iOS или андрюха - всё супер, всё видно, удобно.

 

Так что Вы читаете увидели "тёма", а мысль статьи так не хотите принять. Тёма то писал про компанию apple (и согласен с ней), вот в чем суть.

[cmd]

markimax, все хорошо, но у сайта apple отзывчивый дизайн. Откройте css и посмотрите сами: http://images.apple.com/v/home/ba/styles/billboard.css

Не много, конечно, не отзывчивый.

 

Почему они viewport не используют? Я не встречал официальных комментариев, но предполагаю, что это связано с тем, что эти шизоиды продвигают идею high resolution изображений. Т.е. они стоят на своей парадигме относительного того как должен сайт "отзываться" на разрешение экрана.

[markimax]

markimax, все хорошо, но у сайта apple отзывчивый дизайн. Откройте css и посмотрите сами: http://images.apple.com/v/home/ba/styles/billboard.css

Не много, конечно, не отзывчивый.

 

Конечно "отзывчивый", потому что изначально разрабатывался с учетом юзабилити мобильных устройств. (без разного рода "рюшечек" hover и т.п. ерунды)

 

Их парадигма работает. Посмотрите на кучу довольных фанов apple ;)

[cmd]

Какая связь между яблокофилами или high resolution графикой на сайте?

 

Я, кстати, не уверен что на оф. сайт вообще с iPhone часто ходят - доступ в store через приложения. Я про это писал, кстати.

[ocdev_pro]

Ребят давайте не будем разводить Холивар на по этой теме, каждый смотрит по своему, но то что отзывчивый дизайн сейчас актуален это факт, а то что Apple имеют свою концепцию так это их дело, но это не значит, что они диктуют условия на ИТ рынке.

[markimax]

Ребят давайте не будем разводить Холивар на по этой теме, каждый смотрит по своему, но то что отзывчивый дизайн сейчас актуален это факт, а то что Apple имеют свою концепцию так это их дело, но это не значит, что они диктуют условия на ИТ рынке.

 

Иногда рынок может и ошибаться и это довела как раз компания Apple, один из лидеров передовых технологий

 

Надо быть на передовой новых концепций, а не плестись в конце того, что совершенно противоречит здравому смыслу.

Один идиот в какой-то компании сделал "мобильную" версию, а другие посмотрели, вот у него есть и мы хотим, а подумать мозгов не хватило - зачем? Ладно, если "зачем", так это еще и очень плохо.

[underline]

Один идиот в какой-то компании сделал "мобильную" версию, а другие посмотрели, вот у него есть и мы хотим, а подумать мозгов не хватило - зачем? Ладно, если "зачем", так это еще и очень плохо.

Вот вам один простой пример, зайдите скажем сюда или сюда со смартфона с экраном в 3 дюйма через 3g, а еще лучше, через GPRS/EDGE и посмотрите на:

1. Скорость загрузки

2. Удобство зума текста (когда вместо текста зумируется карта)

3. И общие тормоза страниц.

Думаю, вопросы о уместности мобильной версии сразу отпадут. А еще очень круто заходить на подобные страницы с помегабайтной тарификацией. Особенно, когда находишься в пути и интернет то появляется, то пропадает.

Именно из-за утяжеления современных сайтов разного рода скриптами, фреймами и пр. и придумали мобильные версии. Другое дело, дико раздражает когда заходишь на мобильную версию большинства сайтов и видишь 30% информации от общего количества, а чтобы найти ссылку скажем на контакты, нужно перебрать десяток страниц - именно здесь проявляются недостатки юзабилити. Но мобильные версии (а точнее responsive design) - нужны бесспорно. В качестве примера - посмотрите десктопную и мобильную версию Tcsbank.

[markimax]

Вот вам один простой пример, зайдите скажем сюда или сюда со смартфона с экраном в 3 дюйма через 3g, а еще лучше, через GPRS/EDGE и посмотрите на:

1. Скорость загрузки

2. Удобство зума текста (когда вместо текста зумируется карта)

3. И общие тормоза страниц.

...

 

Примеры - недостаточная оптимизация и адаптация юзабилити, т.е. примеры не удачные

[Baco]

А чем плохо, сделать по такому типу в контроллере header.php  после protected function index() { написать:

$detect = new Mobile_Detect();
		
if ($detect->isMobile()){
	$this->document->addStyle('catalog/view/theme/default/stylesheet/mobile_stylesheet.css');
} elseif ($detect->isTablet()) {
        $this->document->addStyle('catalog/view/theme/default/stylesheet/tablet_stylesheet.css');
} else {
        $this->document->addStyle('catalog/view/theme/default/stylesheet/stylesheet.css');
}

[rb2]

А чем плохо, сделать по такому типу в контроллере header.php  после protected function index() { написать:

Ничем не плохо, cmd предлагал то же самое на предыдущей странице (месяц назад).

Там чуть более глобально (через TPL - и включай что угодно, включая перекраивание и укорачивание HTML), здесь - только через CSS.

Когда этого может оказаться недостаточно? Когда возникает потребность сделать именно разные приложения: меньше трафика, меньше яваскрипта с аяксом и "одностраничными приложениями" (в целях большей отзывчивости и совместимости со ВСЕМ зоопарком мобильных устройств), иногда и с другим UI и совсем другим UX, навигацией и т.п. в мобильном и десктопном приложениях. (Markimax-а просьба воздержаться от комментариев - позиция понятна, от десятикратных проповедей ничего не изменится.)

[AlexFisher]

viva responsive! нет?

[rb2]

viva responsive! нет?

Надо понимать разницу.

Responsive - условия отрабатываются на клиенте. То есть решения о том, какое из CSS правил применять, принимает броузер. Чем хорошо? Меняешь размер окна или масштаб текста - меняется и "раскладка страницы". Чем плохо? Ну, может не все броузеры умеют. Второе "плохо" - броузеру достаётся вся куча хлама и всё, что он может - просто по-разному её отображать. Нельзя раз представиться мобилкой и получать 100k страницы вместо 1.5MB.

То, что в этом топике -- отрабатывает и принимает решение на сервере (решения, предложенные cmd, Baco, топикстартером). На сервере можно понять что-то и сразу принять решение: то ли отдавать одинаковый контент и разные CSS-ки к нему (подход, очень похожий на responsive), то ли вообще разный контент разным устройствам. Например, кол-во данных на странице, отдаваемое мобильным устройствам, может быть раз в 10 меньше, чем список или кол-во текста, отдаваемое десктопам и планшетам. Оформление вместо графики может использовать цвета или мелкие картинки в data-uri (уменьшая кол-во http-запросов между броузером и сервером). Картинки и превьюшки - отдаваться в размерах типа "до 320 пиксел" вместо чего-то вроде 500x500 или 800x600 - а это в 4 и более раз меньшая площадь и соответственно существенно разные размеры передаваемых файлов.

[ocdev_pro]

Надо понимать разницу.

Responsive - условия отрабатываются на клиенте. То есть решения о том, какое из CSS правил применять, принимает броузер. Чем хорошо? Меняешь размер окна или масштаб текста - меняется и "раскладка страницы". Чем плохо? Ну, может не все броузеры умеют. Второе "плохо" - броузеру достаётся вся куча хлама и всё, что он может - просто по-разному её отображать. Нельзя раз представиться мобилкой и получать 100k страницы вместо 1.5MB.

То, что в этом топике -- отрабатывает и принимает решение на сервере (решения, предложенные cmd, Baco, топикстартером). На сервере можно понять что-то и сразу принять решение: то ли отдавать одинаковый контент и разные CSS-ки к нему (подход, очень похожий на responsive), то ли вообще разный контент разным устройствам. Например, кол-во данных на странице, отдаваемое мобильным устройствам, может быть раз в 10 меньше, чем список или кол-во текста, отдаваемое десктопам и планшетам. Оформление вместо графики может использовать цвета или мелкие картинки в data-uri (уменьшая кол-во http-запросов между броузером и сервером). Картинки и превьюшки - отдаваться в размерах типа "до 320 пиксел" вместо чего-то вроде 500x500 или 800x600 - а это в 4 и более раз меньшая площадь и соответственно существенно разные размеры передаваемых файлов.

Спасибо за более развернутый ответ в сторону применения моего решения )) Просто писать все свои идеи здесь я подумал не логично - кому нужно тот сам нафантазирует как его применить ))) 

[cmd]

Apple обновил сайт

 

Теперь у них такой же отзывчивый дизайн как и у всех остальных

 

[markimax]

Apple обновил сайт

 

Теперь у них такой же отзывчивый дизайн как и у всех остальных

 

 

 

Это не отдельная мобильная  версия ;), это просто хорошо сверстанный сайт, который одинаково будет смотреться на всех устройствах.

Т.е.фактически тоже что и было, разве что только меню изменили

[cmd]

Это не отдельная мобильная  версия ;), это просто хорошо сверстанный сайт, который одинаково будет смотреться на всех устройствах.

Т.е.фактически тоже что и было, разве что только меню изменили

 

Опять неправда.

 

http://siliconrus.com/2014/09/apple-website-redesign/

[markimax]

Опять неправда.

 

http://siliconrus.com/2014/09/apple-website-redesign/

 

...

Из-за перехода на отдельную версию для каждого устройства не справляется с дидлайном

Я так понял там теперь всё запущено стало. Сами читали сколько недостатков, особенно в программной части.

Но...

Я так понял суть переделки для того, чтобы унифицировать приложения (не путать с сайтом) под HTML верстку.Т.е. многие элементы приложений будут теперь просто "взяты" с сайта, именно в программном виде.

[HyperLabTeam]

Очень интересная тема)
я вот тож давно думаю о моб версии сайта. так как не адаптивным изначально шаблон нацарапан.. .но это наверное хорошо судя по тому, что расписал rb2  , и наверное придётся рисовать ещё 2 шаблона под мобильник, планшет вертикаль и под планшет горизонтальное отображение ибо, чтоб уж наверняка.)))
---
Вопрос к Waha
1) а как с жестами обстоят дела? ну там на главной или на странице товара? листанул вправо следующая в лево предыдущая? можно в лс ссылку на реализацию прост для интереса взглянуть?)
2) Если используете одну бд на два сайта как бы, то это норм (нагрузки на бд нет например)?
3) Так же, как обстоят дела с админкой на моб версии не оч понятно.. и ведь если устанавливать размеры отображения в той же карточке товара (имею ввиде в целях снижения веса страницы) это вроде как в бд сохраняется и может сказаться на основном?
4) По поводу перенаправления на поддомены можно ли ему помимо этого задать к примеру ещё уточнение на размер экрана (ну чтоб вдруг мелкий планшет или вертикаль /горизонталь отображение) или лучше планшетную(для большого экрана реализовать адаптацию ?
-- под мобилы и планшеты для вертикального отображения к примеру от 280 - до 680px
-- и под шплампеты при горизонтальном отображении от 680 и выше , потому как тут уже можно полноценный сайт впихнуть ток то, что у меня есть не пойдёт под это дело)
---
Не пинайте сильно но внесу пару своих корявых мыслишек..
Как вы сотрите на то, что бы реализовать  моб версию как по типу приложения ютуб но не приложением естественно? там как по мне то там всё оптимизировано по расположению, всё удобно)
  подгрузку аякс и т.д. чтоб часами не грузила. (хотя если дома вафля то пофиг но всё ж)?
  фикс меню с иконками категорий, корзины и выползающего поиска.
  под фикс меню основных 3-4 категорий которые с жестами дружат..
По сути ведь, смысл там сохранять тоже самое как и на основном сайте если речь идёт об удобстве использования?
Лег(ла) на диван и айда давить кнопки в корзину))

И ещё вопрос к markimax ваш блог ж норм впишется под такое дело? а то без него не по теме будет.. те же обратный звонок и т.д?

[ocdev_pro]

Очень интересная тема)

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

---

Вопрос к Waha

1) а как с жестами обстоят дела? ну там на главной или на странице товара? листанул вправо следующая в лево предыдущая? можно в лс ссылку на реализацию прост для интереса взглянуть?)

2) Если используете одну бд на два сайта как бы, то это норм (нагрузки на бд нет например)?

3) Так же, как обстоят дела с админкой на моб версии не оч понятно.. и ведь если устанавливать размеры отображения в той же карточке товара (имею ввиде в целях снижения веса страницы) это вроде как в бд сохраняется и может сказаться на основном?

4) По поводу перенаправления на поддомены можно ли ему помимо этого задать к примеру ещё уточнение на размер экрана (ну чтоб вдруг мелкий планшет или вертикаль /горизонталь отображение) или лучше планшетную(для большого экрана реализовать адаптацию ?

-- под мобилы и планшеты для вертикального отображения к примеру от 280 - до 680px

-- и под шплампеты при горизонтальном отображении от 680 и выше , потому как тут уже можно полноценный сайт впихнуть ток то, что у меня есть не пойдёт под это дело)

---

Не пинайте сильно но внесу пару своих корявых мыслишек..

Как вы сотрите на то, что бы реализовать  моб версию как по типу приложения ютуб но не приложением естественно? там как по мне то там всё оптимизировано по расположению, всё удобно)

  подгрузку аякс и т.д. чтоб часами не грузила. (хотя если дома вафля то пофиг но всё ж)?

  фикс меню с иконками категорий, корзины и выползающего поиска.

  под фикс меню основных 3-4 категорий которые с жестами дружат..

По сути ведь, смысл там сохранять тоже самое как и на основном сайте если речь идёт об удобстве использования?

Лег(ла) на диван и айда давить кнопки в корзину))

И ещё вопрос к markimax ваш блог ж норм впишется под такое дело? а то без него не по теме будет.. те же обратный звонок и т.д?

По поводу всех вопросов, отписал в личку.

А на счет каких-либо реализаций... Я все делаю только тогда когда мне за это заплатили, либо при личной потребности. Сюда выкладываю ради своего маленького вклада в развитие сообщества, не более. 

[HyperLabTeam]

По поводу всех вопросов, отписал в личку.

А на счет каких-либо реализаций... Я все делаю только тогда когда мне за это заплатили, либо при личной потребности. Сюда выкладываю ради своего маленького вклада в развитие сообщества, не более. 

Да спасибо)

[interviis]

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