Создание существующего сайта для мобильных устройств [закрыт]

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

Недостатком является то, что это ОЧЕНЬ сложный сайт с тонной страниц (и каждая страница может варьироваться в зависимости от данных и пользователя, получающего доступ к сайту). Многое из этого также является устаревшим кодом (как в старом HTML который НЕ проверяет)

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

Отдельный CSS очевиден. Но как быть с рекомендациями /рекомендациями по разработке дизайна для мобильных устройств, чтобы обеспечить удобство использования сайта и приличный внешний вид?

Для справки, серверная часть находится в PHP + MySql и Front end в htmls + CSS и битах JS (JS разлагается)

Изменить. Чтобы быть более понятным, я хотел бы получить совет по аспекту дизайна. Каковы хорошие практики в разработке для мобильных устройств?

4 голоса | спросил AJ. 24 Maypm09 2009, 22:58:44

5 ответов


0

Несколько быстрых советов по проектированию для мобильных устройств:

  • Только вертикальная прокрутка, а не горизонтальная.
  • Сделайте ссылки достаточно большими, чтобы их можно было легко нажимать пальцем (если это устройство с сенсорным экраном).
  • Храните страницы небольшими (лучше всего до 20 КБ), включая любые изображения или файлы CSS
  • Примите, что некоторые устройства будут отображать некоторые элементы по-разному
  • Убедитесь, что вы используете XHTML
  • Выберите цветовые схемы, которые работают даже при ярком дневном свете
  • Включайте только то, что имеет отношение к делу - максимально используйте ограниченную площадь экрана
  • Старайтесь избегать сложной навигации
  • Не используйте абсолютный размер в CSS
  • Используйте минимум CSS и Javascript - тщательно проверяйте, когда вы используете
  • Воспользуйтесь преимуществами функций телефона (нажмите, чтобы позвонить и т. д.)
  • Мобилизуйте, а не просто минимизируйте
  • По возможности избегайте пользовательского ввода (выбор из выпадающего меню предпочтительнее, чем ввод текста - когда это возможно)
  • Тест, тест, тест! (сначала используйте эмуляторы, а затем позаимствуйте телефоны своих друзей и коллег, чтобы обеспечить возможность широкого тестирования).
  • Дизайн для коротких периодов взаимодействия с пользователем - позволяет человеку быстро и легко выполнить задачу.
  • Будьте последовательны - следуйте рекомендациям по дизайну и стандартам defacto
  • Используйте клавиши доступа для ссылок

Надеюсь, что это поможет.

ответил Matt Lacey 27 Maypm09 2009, 16:26:52
0

Специальный ответ для iPhone:

Для iPhone я бы предпочел не оптимизировать. Safari для iPhone очень хорошо отображает веб-страницы. Проверьте этот ответ и вопрос , чтобы узнать больше об оптимизации iPhone.

Общий ответ:

Я бы согласился с mr-euro для технической оптимизации. В дизайне вам нужно принять во внимание небольшое разрешение (например, 320x240). Я бы оставил выпадающий список или любую необычную javascripting в этом отношении. Большинство мобильных устройств не очень хорошо справляются со сценариями и становятся вялыми .

ответил Kriem 24 Maypm09 2009, 23:14:53
0

Если вам удастся преобразовать сайт в проверенный W3 XHTML 1.1, он будет правильно отображаться в браузере мобильного телефона.

ответил mr-euro 24 Maypm09 2009, 23:07:12
0

Вы можете попытаться настроить другой сервер, который передает запрос от мобильных браузеров на реальный сервер и передает их в такую ​​программу, как tidy, который может создать действительный (X) HTML из довольно уродливого HTML. Это может позволить вам использовать существующую услугу без каких-либо изменений при некоторых затратах на обработку.

Вы можете найти небольшой пример ruby ​​ (который использует локальный прокси-сервер) .

ответил Samuel Tardieu 24 Maypm09 2009, 23:19:02
0

Я думаю, что вы должны быть более конкретным здесь. Мобильные браузеры для обычных мобильных телефонов действительно примитивны. Если вы нацелены на них, вы должны убедиться, что нет ничего «сложного». Страница в основном должна быть просто короткими частями текста с изображениями полной ширины.

Если вы нацелены на iPhone /любой другой сенсорный экран, вам нужно всего лишь убить flash /java, зависания и другие неприкасаемые вещи, которых у вас, скорее всего, вообще нет. Mobile Safari действительно похож на его старшего брата, вам не нужно ничего особенного.

Что касается Blackberry и прочего, я не уверен, но посмотрите мобильный сайт wsj в качестве примера.

ответил ilya n. 20 J0000006Europe/Moscow 2009, 11:37:08

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132