137 replies to this topic

[Cheren-dow]

А может кнопки с Uikit своровать и в jbzoo.css добавить + @media в css для текущих стилей дописать. Закругления и цвета блоков так же взять с Uikit? Почти тоже самок получится.

В 2 словах - По воровать оформление(основное что нужно а не все подрят) с uikit

[d91me]

Можете считать что сейчас Catalog как раз такой шаблон

Даже если написать заново с нуля - то на то и выйдет.

 

Все же хотят чтобы кнопки были как кнопками, а опция с делаем по колонкам работала ?

Ну вот я переделывал catalog под uikit и помучиться пришлось, особенно с элементами, которые переписывать надо тоже, они бутстраповские стили используют.

Edited by d91me, 13 November 2013 - 18:20.

[SmetDenis]

У нас нет бутсрапа в сборке.

[gorglemon]

А может кнопки с Uikit своровать и в jbzoo.css добавить + @media в css для текущих стилей дописать. Закругления и цвета блоков так же взять с Uikit? Почти тоже самок получится.

В 2 словах - По воровать оформление(основное что нужно а не все подрят) с uikit

Собственно говоря, все мои знакомые так и делают! Зачем выдумывать колесо, когда оно уже придумано?

[Павел Акимов]

Ну так на чём остановились? Какие планы?

[SmetDenis]

Еще ничего не решали.

 

Это долгосрочные планы на v2.2

2.1 выйдет ~ через неделю, там шаблон будет пока старый.

[Виктор.У]

 

Ну и что все ещё нужен Uikit и 7000 строк кода или будем пользоваться JBkit - ом  и 16 - ю строчками?

 

Отдельное спасибо за код. Теперь мой сайт доступен и для мобилок. Осталось только научится JB ZOO image масштабировать при изменении окна

[Sliapy]

Осталось только научится JB ZOO image масштабировать при изменении окна

 

Нужно всего лишь задать ему ширину в процентах.

 

Ну и до "доступности для мобилок" все-таки еще пилить и пилить

 

 

Адаптивность, все-таки, это немного сложнее, чем "взять оформление из UIKit".

 

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

Edited by Sliapy, 14 November 2013 - 13:22.

[SmetDenis]

Вот каждый второй хочет себе адаптивный дизайн на сайт, мобильную версию итд...
А вы знаете почему? =) Все просто - это модно, это тренд, сайт без мобильной версии - вчерашний день.
Ага, так и вижу как люди покупают "трактора" с планшета или телефона =)

Я может открою Америку, но в реальной жизни - это зачастую убийство времени, бюджета, нервов и лишняя демотивация.

Давайте просто прикинем, каким сайтам нужен мобильный (адаптивный) дизайн?
Это как минимум социальные сети, новостные порталы и прочие ежедневные сайты - анекдоты, демотиваторы, wiki, инстаграмы и прочее. Такие ресурсы люди посещают когда едут в автобусе или сидят в кафе, т.е зачастую для убийства времени или чтобы по-быстрому что-то узнать (ну это мое скромное наблюдение кншн).

JBZoo же это больше каталог или простой магазин. На такие сайты люди заходят чтобы чем-то отовариться (например).
Покупки люди совершают все же зачастую с десктопа. Почему? Так проще искать в интернете, сравнивать, не последнюю роль играет большой экран (чтобы разглядеть товар, например), системы оплаты удобнее и еще множество причин.

Не убедительно, да?

 
Хорошо, давайте глянем на сухие числа.

Вот открытая статистика не безызвестной соц. сети vk.com
http://www.liveinter...te.ru/oses.html


Суммарно посещаемость с мобильных OS ~30% Казалось бы много.
Но я бы назвал это неким неслабым рекордом среди сайтов.
Почему? потому что это как раз тот самый ежедневный и время-убивающий сайт, который должен запускаться даже на тостере (если у него есть Wi-Fi).

 

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

А теперь глянем на популярные разрешения экранов
http://www.liveinter...esolutions.html


Интересно, что среди 90%+ нет экранов меньше 1000 в ширину, а подавляющее большинство - это явно десктопы или планшеты с серьезным экраном.


Я еще раз хочу подчеркнуть, что vk.com это один из рекордсменов с высокой долей посещаемости с мобильных девайсов.
Статистика собрана с более чем 6 МЛН уникальный человек в сутки где большая частью людей - обычные люди далекие от ИТ.

Что говорят нам эти числа?
По возможностям (например размеры экрана) мобильные девайсы все меньше уступают десктопу (я имею ввиду обычный серфинг).
Выходит высока доля вероятности, что сайт с шириной ~1000px отобразится нормально (помните, давным давно было можно все делать под 960?).
Зачем такому ресурсу отдельная мобильная версия? Мне пока не понятно...

А теперь глянем еще на одну статистику одного из моих старых сайтов (очень большой и популярный онлайн-магазин молодежной одежды в Москве+Питер).
Посещаемость более 3000 уников в сутки, в основном молодые люди от 20-35. Т.е скорее всего те кто умеет пользоваться мобилкой и интернетом =)
По мнению Яндекса - 16% за последний месяц. Хм...

А вот размеры экранов, это интереснее


Т.е в принципе картина та же, но процент ниже.

А вот кардинально другой сайт. Книжки онлайн. Казалось бы, читать книги с телефона или планшета - в радость =)


Все еще не убедил что адаптивность - это трата сил ради 10-15% у которых и так все хорошо с размером экрана?
Ок. Едем дальше....

 
Небольшая заметка о юзабилити.

Возьмем один из самых популярных сайтов мира - wikipedia.org
Сайт отличный. Когда я на него захожу с обычного компьютера, сразу знаю где, что искать и все просто.
Стоит зайти с гаджета, так он подставляет мне урезанную мобильную версию.
В итоге я как пользователь теряюсь, т.к на якобы привычной странице не знаю где нужная мне информация.
Все в столбик, блоки свернуты. Часть информации вовсе не доступна.

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

Хорошая мобильная версия редкость и то на любителя. Один их не плохих примеров (но и не сказать что хороших) - это modile-шаблон нашего форума.
В принципе удобно, но если реально сидеть и пользоваться, не ахти... Хотя над форумом работали профи и он очень популярный в своей нише.

 

Про CSS фреймворки и серебряные пули.

Почти все CSS фреймворки обещают мобильность и адаптивность. Что это значит на практике?
Это колонки, которые зависят от ширины браузера, большие кнопки, меню и несколько классов, которые подстраиваются под определенную ширину.
Половиной фичей ваш сайт скорее всего не будет пользоваться, еще часть не подходит по дизайну и в итоге для большинства хватит нескольких небольших рецептиков в духе как привел Cheren выше. Нужен ли FW вообще. Пока спорно...

 

Делать то что?

Сейчас я все больше прихожу к тому простому мнению.
Перед тем как приступить к работе над мобильной версии, нужно основательно изучить свою аудиторию.
Иначе вы просто будете тратить свое драгоценное время ради жалких 10-15%, у которых и так разрешение ~1000px, а браузер отлично справляется с масштабированием.

Если у вас реально сайт нужен чтобы его можно было читать с любого экрана (н-р, ежедневный) и вы уверены, что процент этих людей будет в районе 20-30%.
То да, есть смысл. Но поверьте, это большая редкость.
И то в этом случае скорее всего нет смысла делать поддержку мелких экранов и нужно снова отталкиваться от статистики.

В остальных случаях простой рецепт
Делаем основные элементы управления не меньше 24px (чтобы пальцем попасть).
Чуть-чуть @media и минимальную комфортную ширину в районе 900px. Поздравляю, вы ублажили более 95% людей!
А остальные 5% если и зайдут с убогих устройств, думаю они и так привыкшие к мысли, что используют бюджетный, маленький и медленный андроид 2.x версии =)
Эти устройства вымрут через год-полтора сами собой.

 

В заключение.
Я прекрасно знаю что рынок мобилок растет и от этого никуда не деться.
Лишь призываю разработчиков не тратить время, если ваш сайт в принципе не нуждается в мобильной версии.
Т.е делайте фичи по мере необходимости. Лучше потратить время на удобную навигацию, аккуратное наполнение и общее юзабилити.

Но вот где адаптивность реально 100% нужна, так думаю в мобильных приложения (сейчас начинается мода писать их на HTML+CSS+JS)

PS Ну вот такое небольшое In My Humble Opinion по мобильным технологиям =)
К теме напрямую не относится конечно, но согласитесь, очень близко к шаблонам итд.

[xatberg]

убедительно Денис

но я как и многие другие предпочитаю потратить время на разработку такой фичи как мобильность(пускай не полноценно) в том плане когда она есть хорошо когда нет плохо, это как прикуриватель в машине хоть я и не курю но он есть