Поэтому доверьтесь профессионалам – компаниям, которые имеют опыт разработки мобильных сайтов для самых разных устройств. Существуют экраны совершенно разных конфигураций, размеров, с различным количеством точек на дюйм, с наличием физических кнопок на самом устройстве (или их отсутствием). Также есть несколько разных положений экрана (например, вертикальное и горизонтальное – для чтения и просмотра изображений и видео) и даже несколько версий операционной системы, которые работают на одном и том же смартфоне. Конечно же, в ответ на такое разнообразие устройств появились технологии, которые позволяют упростить создание мобильной версии сайта – например, компания InfoGin предлагает адаптацию веб-контента для мобильных устройств с помощью своей разработки Smartphone Web Optimizer (рис. 10.3).
Smartphone Web Optimizer автоматически анализирует содержимое вашего сайта и генерирует версию, предназначенную для мобильных устройств. Хотя такое решение и упрощает взаимодействие с мобильным контентом, оно не адаптирует его: длина текста, количество картинок и ссылок при этом остаются прежними, без учета «мобильного контекста».
Жесты и multi-touch
Существуют жесты, которые сейчас активно используют при взаимодействии с мобильными сайтами. Если в старых мобильных телефонах (например, Motorola Razr или Nokia) мы не задействовали ничего, кроме кнопок на корпусе телефона, то теперь любой ребенок с легкостью разбирается, каким образом увеличивать или уменьшать размер изображения на экране iPhone или iPad (рис. 10.4).
Простота навигации и взаимодействия с разным сегментами дисплея и – это то, что нужно учитывать при разработке мобильного сайта. Перелистывание, увеличение, уменьшение, передвижение экрана, нажатие на кнопку «Назад» – типичные действия, которые производит пользователь, работая с мобильным сайтом.
Соответственно, размер графических элементов на мобильном сайте очень важен – если ваш пользователь не может нажать на кнопку «Оформить заказ» из-за того, что она пересекается с расположенной рядом гиперссылкой, то, скорее всего, второй раз к этой процедуре он не вернется. Во врезке 10.1 дан пример удачно разработанного мобильного сайта компании Kiddicare.
Руководство к действию: идеи по разработке мобильных сайтов для бизнеса
Новые покупатели, как правило, находят информацию о вашем продукте в Интернете, воспользовавшись поиском. Перебросить нового потребителя на мобильный сайт гораздо проще, чем на мобильное приложение: ему не придется скачивать приложение либо покупать его, а также авторизоваться в App Store – ваш потребитель может начать работу с сайтом сразу.