Створення мобільного веб-сайту

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

Це перший раз, коли я буду створювати мобільний веб-сайт.

Що мені потрібно знати? Що мені потрібно бути обізнаним?

Хороші поради та запитувані ресурси!

- Шрі

Якщо ви будуєте мобільний сайт, то ви вступаєте у світ болю! Серйозно. Я провів рік як менеджер проектів на проектах мобільних веб-порталів, а помилки в браузері та різниці платформ на порядок гірші, ніж розробка веб-додатків з повним ПК.

Перше, що я скажу, це: уважно подивіться на діловий випадок. Зараз у мобільного простору є перша перевага; але ви можете або не можете заробляти гроші на мобільній версії. Подумайте над цим уважно.

Друга річ: максимально обмежте цілі пристрою. У міру додавання пристроїв навантаження на підтримку клієнтів та забезпечення якості практично вибухають. Якщо ви можете втекти лише підтримуючи iPhones + Android, зробіть це. Принаймні встановіть фіксований список, які телефони повністю підтримуються, а які частково підтримуються, і дотримуйтесь цього.

Ви не зможете орієнтуватися на всі пристрої "добре" одним технологічним рішенням. (Принаймні, не, якщо ви не визначите "добре" як чистий текст, вирівняний зліва, мінімальний стиль). Чотири основні "сім'ї" форматів для мобільних веб-сайтів:

• HTML 5 . "Найкращий" компроміс між сильними характеристиками та суворим, послідовним розбором прямо зараз. Працює лише над найсучаснішими мобільними телефонами (практично зараз означає iPhone та Андроїди).
• XHTML Mobile . Найбільш сумісна, найширша підтримка пристрою. Що ви хочете для всіх не зовсім нових Nokias, Sony-Ericssons тощо. Іншими словами, XHTML Mobile працює з більшістю встановлених на базі телефонів. Але часто користувачі цих телефонів насправді не використовують стільки мобільних сайтів, тому вони є меншим відсотком фактичних відвідувань мобільних сайтів.
• Суп з тегами, тобто HTML 4.01, повний XHTML 1.0 тощо. Працює як "суп з тегами", сумісний лише з дуже недавніми моделями телефонів.
• WAP. Майже для всіх випадків використання цей формат зараз мертвий. Я б більше не вважав це за розвиток зеленого поля. (Телефони, які працюють лише з WAP, настільки старі та зламані, що жодна людина не захоче використовувати їх як обчислювальні платформи. Подумайте про монохромні екрани, без клавіатури QWERTY тощо).

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

І останнє, але не менш важливе, розглянемо вбудовані програми, можливо, "гібридні" програми, які мають частину хрому та логіки додатків, встановлених локально, та залучають інший вміст через мережу. Розробка власних додатків для iPhone дійсно напрочуд дешева, а рідні додатки, звичайно, швидші та зручніші для користувачів, ніж додатки в браузері.

Що мені потрібно знати? Що мені потрібно бути обізнаним?

Якщо це ви зараз знаходитесь, то будьте готові витратити багато часу на навчання, або подумайте про те, як найняти зовнішнє ноу-хау.

Що мені потрібно знати?

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

Що мені потрібно бути обізнаним?

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

Кілька приємних статей на цю тему -

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

• Мобільний: Посібник з
  оптимізації мобільних веб-сайтів