DetectIV

Рейтинг
99
Регистрация
14.02.2008

Заработался, отвечу где-то через день-два на все.

Geers:
Покажите пример своей такой удачной работы, мне уж больно интересно посмотреть.

Выше давал:

http://stunningcss3.com/code/bakery/index.html

http://seesparkbox.com/

---------- Post added 01-02-2013 at 18:59 ----------

Хочу напомнить всем, что речь шла о сайте, где

"Товаров -10, услуг -10"

и не сайте банка.

Здесь отдельная мобильная версия — это скорее увеличение расходов по производству по сравнению с адаптивным шаблоном, и малое количество плюсов.

---------- Post added 01-02-2013 at 19:00 ----------

И отдельно по поводу

Недостаток 2: EDGE и 3G против красоты. Жрёт много трафика за счёт графики.

Чтобы этого избежать используются разные версии картинок. Это же не сложно.

MoMM:
это вы посмотрите... если мне так в магазине сделают, то я приду с ружьем и пристрелю дизайнера, как вредителя окружающей среды...

я вам конкретно показал пример: вот есть в большом разрешени 4 товара и баннер, а в маленьком надо 4 товара и 4 баннера... скрыть "лишние элементы" и дурак сумеет... а вы попробуйте вывести 4 новых элемента при уменьшении разрешения взамен одного скрытого... не то, чтобы это было невозможно, но гемороя столько, что проще проверить useragent один раз

А разве если переместить баннер этот вверх, то проблема не исчезает?

MoMM:
DetectIV, вот еще раз: как вы будете делать, если нужно 5 и 8 элементов в зависимости от разрешения?

Хм. Посмотрите на http://www.artlebedev.ru/ количество элементов по центру.

Я же говорю: адаптивный дизайн это когда не 5 и 8 элементов, а когда 4, 5, 6, 7 или 8 и варьируется их размер, и так далее :)

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

Конечно, если достаточно сделать ВСЕГО 2 ДИЗАЙНА для максимальной адаптируемости, то это и будет лучшим выходом!

Но проблема в том, что 2 дизайна мало. 320 на 240, 480 на 800 (мобилки, планшеты), 1024 на 600 (нетбук), 1366 на 768, 1680 на 1050 (ноутбуки), 1920 на 1080, 2560 на 1440 (большие мониторы).

Проще сделать одну верстку и задать 4-5 разных изменений блоков (и задать правильно, а не так чтобы там конверсия упала!) чем делать 4-5 разных версий сайта.

---------- Post added 01-02-2013 at 18:00 ----------

MoMM:
DetectIV, я знаю что такое адаптивный дизайн. Пусть меняется что хочет.

Вы уже видели мой пример: в одном разрешении должно быть 5 элементов, а в другом 8. И зачем гемороиться и проверят разрешение при каждой загрузке новой страницы, если изначально можно сверстать страницу с 5 и страницу с 8 и показывать каждому свое?

Собственно, выше ответил.

Посмотрите например http://stunningcss3.com/code/bakery/index.html

при изменении размера окна меняется расположение блоков (даже главного меню!), размер шрифта.

http://seesparkbox.com/

вот тут и размер изображений меняется

MoMM:
Это Вы не поняли. Для конверсии надо ориентироваться и на размеры и на взаимное расположение блоков.

На мобильном сайте будет отдельно баннер для каждого товара. Но это решение убъет нафиг всю конверсию и диз на мониторе: представьте себе 4 "тикающих" счетчика в поле зрения пользователя.

Потому и пишу - адаптивный не панацея, а всего лишь одно из средств. Особенно хорош на информационных сайтах. Но это не универсальное решение. И существование паралельно мобильной и экранной версии очень часто более чем оправдано.

Хм, вы похоже считаете "адаптивный дизайн" какой-то конкретной технологией верстки.

Между тем, это явно не так. Если какое-то решение "убьет нафиг всю конверсию" — то я извиняюсь какая же это адаптабельность? Это наоборот, НЕ АДАПТИРОВАННОСТЬ конкретной верстки к конкретному разрешению!

Понимаете, что я имею ввиду?

MoMM:
Еще как может. Потому что ориентируется на размеры элемента.

Вот простой пример: задача - показать строчку хитов продаж и под ней баннер во всю длину строчки, который предлагает купить эти товары со скидкой в 50% и счетчик, отсчитывающий время до конца акции (пример ниже).

На "мобильном" экране вы это в принципе не решите: не сможете в одном экране с каждым товаром показать еще и баннер.

А пожертвовать конверсией в угоду модности адаптивности может только "дизайнер". Про таких в отзывах я обычно пишу "ваш сайт стал жертвой дизайнера".

А как вы предлагаете решить эту проблему на мобильном экране?

Вы может не совсем поняли, что я имею ввиду. Если на разрешении Х на Y что-то выглядит МЕНЕЕ рационально, чем могло бы быть сделано (с точки зрения того, что важнее, например конверсии), то это значит что сайт МЕНЕЕ адаптирован для этого разрешения.

"адаптивный шаблон" — это когда для всех возможных пар Х-Y все сделано максимальное оптимально.

Понимаете? Если низкая конверсия из-за верстки на разрешении, то это на адаптивный шаблон, наоборот!

MoMM:
нет ничего абсолютного... а адаптивный шаблон в торговле просто вреден... надо просто иметь две версии сайта - под мобильно-планшетный тарфик и под мониторы, если мобильный трафик важен...

Хм, а как вы понимаете понятие "адаптивного шаблона"?

Сейчас стирается граница между мобилками и мониторами, те же ретина-дисплеи, тачскрин-мониторы.

У пользователя может быть любое разрешение, от 240 до 2560 (и даже больше). Адаптивность шаблона определяется тем, насколько оптиматльно располагается контент на любом возможном размере экрана, насколько рационально используется площадь.

То есть адаптивность дороже, но она НЕ МОЖЕТ быть вредна из определения, только полезна.

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

Нормальная категоризация статей + выдавать под статьей список других статей из категории. И чтобы других отвлекающих фактов мало было.

Всего: 478