[Atom]

Почему адаптивный веб-дизайн является жизненно необходимым для Вашего бизнеса?

С тех пор как в 1996 году Nokia выпустила на рынке Финляндии свой 9000 Communicator, первый супер удобный телефон в качестве веб-гаджета, ему не было и нет равных. Благодаря этому мобильные устройства стали более доступными для тех потребителей, которые искали онлайн-контент, так сказать, на ходу, что привело к современной шумихе под названием «адаптивный дизайн». Конечно, вы слышали об этом и раньше, а также читали бесчисленные сообщения в блогах о том, как супер-реагирующая технология упрощает взаимодействие пользователя с онлайн-информацией. Однако в этом посте мы не будем привлекать внимание к потребностям адаптивного дизайна, а скорее поговорим о препятствиях, с которыми вы можете столкнуться, развивая бизнес при помощи различных веб-сайтов. Мы также обсудим и то, что реагировать на дизайн – это не самое главное в брендировании, но самое то, если вы стремитесь предоставить желаемую информацию для пользователей.

Необходимость

Какова, по сути, в этом необходимость? Вот некоторые статистические данные, с которых стоит начать:
*Согласно результатам многочисленных опросов, около $38,8 млрд. долларов потрачено на покупки с мобильного телефона в 2013 году. Анализируя онлайн посещения интернет-магазинов, стало известно, что американцы, например, получают доступ к виртуальным покупкам на 28% чаще благодаря своим смартфонам, по сравнению со статистикой настольных компьютеров. Тем более, что доступ к электронной коммерции со смартфонов в настоящее время имеют около 21% посетителей. В США 91% людей неимоверно рады тому, что они в состоянии купить что-либо при помощи своего мобильного устройства 24/7, а также могут принять решение о выборе места празднования своего дня рождения (67%), например, считая это весьма удобной услугой.

Так почему бы не сделать свой мобильный сайт мега удобным в этом плане и не получить огромную целевую аудиторию потенциальных пользователей, начиная с сегодняшнего дня? С другой стороны, существует более чем 232 различных размера экранов в различных устройствах. И что теперь? Вот где выходит на сцену адаптивный дизайн. Вместо того, чтобы создавать 232 различных макета для вашего сайта, который будет загружен на отдельных устройствах (и кто знает, сколько еще их будет по мере развития техники), можно создать один макет, который будет автоматически отображаться на экране. Данная схема отвечает всевозможным размерам экрана и, таким образом, считается «адаптивным дизайном».

Только «За»!

А теперь подумайте о своих новых возможностях! «Адаптивный» сайт обрабатывается браузером клиента и поэтому в состоянии определить, какой именно макет подойдет для этого лучше всего. Адаптивный дизайн скоро станет промышленным стандартом, так как орды сайтов уже приняли это во внимание, в то время как другие уже находятся, так сказать, в процессе. Такой дизайн обеспечивает целостность работы пользователей в сети на всех платформах, поддерживая философию и язык вашего сайта, что является достаточно динамичным делом. К тому же, он максимально оптимизирован для устройства как с крошечным экраном, так и с большим дисплеем, что позволяет пользователю перемещаться в пределах вашего сайта и легко считывать информацию. Когда пользователи осуществляют поиск при помощи своих мобильных, поисковая система Google принимает во внимание m.sites версию при отображении результатов. Если ваш сайт оптимизирован для мобильных устройств, то такие веб-страницы всегда доступны для всех устройств.

Да, это все звучит здорово. Но для идеального адаптивного дизайна и достижения быстро реагирующего макета вам придется немного попотеть над хорошим и открытым веб-дизайном. Это занимает много времени в плане оптимизации сайта для мобильного. По-настоящему адаптивный сайт трудно проверить, поскольку есть немало устройств, которые можно запустить на нем. В конце концов, это требует квалифицированного вмешательства и талантливого сотрудничества с руководителями проекта по разработке такого сайта, а это весьма труднодостижимая комбинация.

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

Понятливость для пользователя

Вы должны быть в состоянии разумно контролировать трафик, а именно, откуда на ваш сайт приходят посетители при помощи их мобильных устройств. Это поможет вам создать персонализированный контент и понять вашего посетителя лучше. Например, если кто-то всегда получает доступ на ваш сайт с кофе, вы узнаете, что такие пользователи посещают ваш сайт, потягивая кафе, и это окажется весьма полезной информацией. Вы также можете получить доступ к текущим прогнозам погоды, независимо от демографии (город/село, средний/высший класс и т.д.) и прошлых визитах.

Обнаружение сегментов

Помните, что ваши клиенты – это не просто статистика людей, которые едут за рулем, гуляют с собакой или заказывают пиццу. Они - реальные люди в реальном мире. Так что вы должны быть в состоянии определить, как два клиента отличаются друг от друга. Например, последовательность переходов данных может показать вам процент вернувшихся посетителей; но вы также должны знать, сколько один вернувшийся клиент потратил в прошлом месяце и почему другой провел лишь несколько долларов. Было бы непрофессионально и невежественно воспринимать их обоих одинаково.

Понимание клиента

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

Ресурсы

Мы рассмотрели лишь самую малость сути адаптивного веб-дизайна. Сегодня на рынке мобильных устройств такой взрыв предложений, что предоставить портативную информацию проще простого. Адаптивная стратегия позволяет создать один сайт для всех устройств, и, хотя она имеет свои минусы, это окупится в долгосрочной перспективе, если ваши клиенты постоянно нуждаются в доступе к Вашему сайту прямо на ходу. Согласно статистике текущего 2013 года, не остается никаких сомнений в том, что все больше и больше потребителей решают свои дела при помощи мобильных устройств. Теперь ваша очередь: зайдут ли они с них именно на Ваш сайт?

Спасибо за внимание

[miraida]

Обычные сайты написаны на HTML.
Для мобильных устройств требуется XHTML, CHTML и WML.

Осветите это. На каком языке писать? Или сейчас уже все моби брузы понимают HTML?

[Сергей Коча]

Адаптивный дизайн предполагает HTML5 и CSS3, т.е. нужен не просто смартфон, а смартфон с браузером понимающим эти HTML5 и CSS3. Мобильники, в основном, в лучшем случае работают через Оперу мини (более 5а% рынка), а это увы уже иной метод адаптации. Это уже целая система, это как отмечает Гугл, отклик через юзер агента.

Я этой задачей занимаюсь уже более 5 лет. Чем дальше, тем больше проблем. Даже такая простая проблема, как ввод фото на такой адаптивный сайт превращается в проблему: надо иметь целую систему подбирающую фото в нужный размер для мобильника, иначе трафик с 2 мегабайтным фото превратится в минутное ожидание. Я не говорю, про такое простое, как поворот фото. Юзер может фотографировать в не той ориентации, в которой оно будет отображаться на ресурсе.

Пока, под адаптивном дизайне, все-таки надо понимать развод. Реально, надо смотреть не на изменяемом экране компа, а на самом реальном мобильнике.

cotonti mobi - MobiCot - PHP Mobile Content Management Framework