Создание мобильного сайта

Я собираюсь создать мобильную версию сайта.

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

Что мне нужно знать? Что мне нужно знать?

Требуются хорошие советы и ресурсы!

- Шри

Если вы создаете мобильный сайт, вы попадаете в мир боли! Шутки в сторону. Я провел год в качестве менеджера проектов над проектами мобильных веб-порталов, и ошибки браузеров и различия в платформах на порядок хуже, чем при разработке полнофункциональных веб-приложений для ПК.

Первое, что я скажу: внимательно посмотрите на бизнес-кейс. Сейчас мобильное пространство имеет преимущество первопроходца; но вы можете или не можете зарабатывать деньги на мобильной версии. Тщательно обдумайте это.

Второе: максимально ограничьте количество целевых устройств. Когда вы добавляете устройства, бремя поддержки клиентов и обеспечения качества практически взрываются. Если вы можете обойтись только с поддержкой iPhone + Android, то сделайте это. По крайней мере, установите фиксированный список, какие телефоны полностью поддерживаются, а какие поддерживаются частично, и держите его при этом.

Вы не сможете нацелить все устройства «хорошо» с помощью одного технологического решения. (По крайней мере, если вы не определите «хорошо» как чистый текст, выровненный по левому краю, минимальный стиль). 4 основных «семейства» форматов для мобильных сайтов:

• HTML 5 . «Лучший» компромисс между сильными функциями и строгим, последовательным анализом прямо сейчас. Работает только на современных мобильных устройствах (сейчас это практически iPhone и Android).
• XHTML Mobile . Наиболее совместимая, самая широкая поддержка устройств. Что вы хотите для всех не новеньких Nokias, Sony-Ericssons и т. Д. Другими словами, XHTML Mobile работает с большинством установленных на основе мобильных телефонов. Но часто пользователи этих мобильных телефонов на самом деле не пользуются мобильными сайтами, поэтому они составляют меньший процент от реальных посещений мобильных свойств.
• Суп с тегами, т. Е. HTML 4.01, полный XHTML 1.0 и т. Д. Работает как «суп с тегами», совместим только с самыми последними моделями телефонов.
• WAP. Почти для всех вариантов использования этот формат сейчас мертв. Я бы не стал рассматривать это как-либо для разработки новых месторождений. (Телефоны, которые могут использовать только WAP, настолько старые и сломанные, что ни один человек не захочет использовать их в качестве вычислительных платформ. Подумайте, монохромные экраны, нет клавиатуры QWERTY и т. Д.)

Примечание: только современные мобильные устройства поддерживают Javascript (опять же, ограниченная поддержка на iPhone, приличная на Android, некоторые другие смартфоны с различными операционными системами поддерживают Javascript, но только в самых последних моделях).

И последнее, но не менее важное: рассмотрим собственные приложения, возможно, «гибридные» приложения, в которых некоторая часть хрома и логики приложения установлена ​​локально, а другой контент загружается через сеть. Разработка нативных приложений для iPhone действительно удивительно дешева, и нативные приложения, конечно, быстрее и удобнее, чем приложения в браузере.

Что мне нужно знать? Что мне нужно знать?

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

Что мне нужно знать?

Я начну с W3C Mobile Web Best Practices 1.0 и посмотрим, что скажут такие сайты, как Smashing Magazine , о разработке сайтов для мобильных устройств.

Что мне нужно знать?

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

Несколько хороших статей на эту тему -

• Состояние развития мобильной сети - часть 1 , 2 , 3

• Подходит для мобильных устройств:
  руководство по оптимизации мобильного Интернета