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

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

Имея это в виду, я обратил внимание на то, что некоторые вещи работают не так хорошо, как могли бы быть, или вообще не работают, скажем, на моем iphone.

то, что кажется сломанным, включает (но не ограничивается):

  • события mouseover/mouseout (могут сломать почти все)
  • Псевдонимы CSS :hover, естественно (например, ломает навигационные меню только для CSS)
  • ДВОЙНОЙ ЩЕЛЧОК - масштабирование вместо обработчика события
  • Проблемы, связанные с CSS (минус, кажется, он работает так же, как в Chrome, без градиентов + некоторые проблемы с размером шрифта)

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


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

Существуют ли какие-либо фреймворки (CSS или JS), которые могут абстрагироваться от этого и при необходимости выполнять изящную деградацию? boilerplate приходит на ум, jquery-mobile mootools-mobile (power tools)?

чем вы заменяете вещи, подобные приведенным выше, событиями кликов?

как включить свайпы в веб-приложение? Вы можете обрабатывать и реагировать на масштабирование пальцем? вы должны?

дополнительные события, такие как встряхивание, наклон - всплывают ли они в окне браузера?

Вы делаете что-нибудь, чтобы приспособить неудобные элементы ОС, такие как select, checkbox и radio?

управление ресурсами — используете ли вы уровень обнаружения, который будет отправлять на устройство только те файлы, которые являются конкретными, в отличие от общих js-библиотек, которые могут работать с обоими?

что касается поддержки устройств, меня интересуют только droid и ios, поэтому поддержка javascript будет довольно хорошей - не могли бы вы отказаться от своей основной структуры и вместо этого использовать библиотеку micro js?

и, наконец, есть ли у вас какие-либо впечатления о жизнеспособности портативных устройств для электронной коммерции и монетизации (в настоящее время и в ближайшем будущем). Я хотел бы убедиться с точки зрения бизнеса, что работа разработчиков будет стоить затрат, и мы не собираемся следовать модным словечкам, таким как «#socialmedia». есть данные о ценности конверсии по сравнению с десктопными? это может помочь мне оценить, используются ли они в качестве инструмента для быстрого просмотра или действительно могут выполнять полный монти.

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

заранее спасибо.


person Dimitar Christoff    schedule 18.05.2011    source источник


Ответы (3)


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

Я надеюсь, что это хоть немного полезно.

person Gary Ryan    schedule 18.05.2011

Я могу ответить на часть вашего вопроса о коэффициенте конверсии / жизнеспособности бизнеса.

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

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

person SimplGy    schedule 01.04.2012

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

http://blog.2partsmagic.com/2012/07/developing-web-application-ipad-android-tablet/

person Sheryar Nizar    schedule 14.04.2014
comment
Пожалуйста, добавьте какое-то объяснение, когда вы ставите просто ссылку в качестве ответа. - person Rachcha; 14.04.2014