Регистрация
Зарегистрируйся на сайте и получи доступ к полному контенту сайта и подпискам бесплатно!

Адаптивный дизайн: на все гаджеты мастер?

19
0
2 833 0
Аудио Текст
16 июля 2012

Панацея ли адаптивный дизайн? Больше никаких кривых мобильных версий? Больше никакой головной боли с адаптацией верстки под многочисленные разрешения экрана? В беседе с генеральным директором агентства AGIMA Александром Богдановым мы вникаем в сущность адаптивного дизайна, в принципы его построения, в то, сколько он стоит и зачем и кому нужен в действительности.

Из программы вы узнаете:
— что такое адаптивный веб-дизайн как явление;
— под какой пул компьютеров и гаджетов единовременно проектируется дизайн сайта;
— в чем суть принципа mobile first и есть ли исключения из него;
— насколько легко веб-разработчикам осваивать адаптивный веб-дизайн;
— во что выливается заказ адаптивного веб-дизайна для клиента (насколько увеличиваются трудозатраты, какие специалисты дополнительно подключаются к работе над сайтом);
— как адаптивный веб-дизайн меняется схему взаимодействия собственно дизайнера и девелопера;
— каждому ли сайту гипотетически нужен адаптивный дизайн.

Михаил Боде: Добрый день! В эфире SeoPult.TV и я, Михаил Боде. В самом начале передачи рискну высказать крамольную мысль: мобильного интернета не существует. А что же существует? На самом деле есть мобильный интернет на iPad, мобильный интернет на Android-гаджетах, мобильный интернет на самых простых мобильниках, может быть Nokia, и т. д. Гаджетов не счесть! Мобильный интернет — это, перефразируя Шопенгауэра, воля и представление. И притом что представлений на самом деле десятки — куча устройств с разным соотношением сторон экрана, с разной передачей графической информации, — есть ли воля, которая способна объединить те идеи, которые заложены в сайт, и сделать так, чтобы на всех устройствах замысел, на котором базируется веб-представительство компании, был одинаково реализован? На статус такой воли претендует, в частности, явление, которое называют адаптивным веб-дизайном. И поговорить о нем я пригласил сегодня генерального директора агентства интернет-маркетинга AGIMA Александра Богданова.

Александр Богданов, генеральный директор агентства интернет-маркетинга AGIMA.
Родился 25 января 1984 года в Москве.
В 1996-2001 годах жил и учился в США.
В 2006 году с отличием окончил Институт международного права и экономики им. А. С. Грибоедова (дипломы по специальностям «юрист» и «переводчик в сфере юриспруденции»)
в 2006-2010 годах обучался в аспирантуре.
В 2005 году возглавил агентство AGIMA.

М. Б.: Саша, привет!
Александр Богданов: Привет, Миша!
М. Б.: Ну, прежде всего, адаптивный дизайн — это вполне устоявшийся термин. Я перед тем, как писать сценарий, готовиться к программе, провел небольшой опрос: все на рынке более или менее представляют, что это такое. И когда я просил моих уважаемых собеседников назвать какие-то вещи, которые у них ассоциируются с адаптивным дизайном, они даже называли некоторые явления, в него входящие: это «резиновая» верстка, «резиновый» макет; говорили, что обязательно CSS и т. д. Но у меня складывается впечатление, что не все понимают, какие базовые принципы лежат в основе адаптивного веб-дизайна и что это на самом деле такое. То есть кто-то считает, что это просто новая обертка для старого содержимого, которая позволяет взять больше денег с клиента.
А. Б.: Хороший вопрос. Каждый себе представляет, даже у меня в компании, адаптивный веб-дизайн по-разному. Программисты начинают кидать термины, которые вы сейчас перечислили: CSS, HTML5, Java Script и т. д. Дизайнеры говорят о большом количестве различных макетов, которые приходится адаптировать под разные устройства. На самом деле, когда говоришь об адаптивном веб-дизайне, хочется начать чуть-чуть с других вещей — с той задачи, которую призван этот дизайн решать. Самое главное, для чего разрабатывается адаптивный сайт, — это чтобы бренд, бизнес, любой владелец веб-сайта мог выстроить одинаково эффективную коммуникацию со своей целевой аудиторией с любого устройства.
М. Б.: С любого устройства?
А. Б.: С любого устройства, да. Если раньше все ориентировались на обычные desktop PC и максимум, что делали, — это организовывали резиновую верстку, адаптируя ширину самого сайта, ту площадь, на которой мы представляем контент, адаптируя его под тот или иной монитор, то адаптивный веб-дизайн — это не совсем резиновая верстка. Это способ компоновки контента таким образом, чтобы вы могли донести главную мысль до своей целевой аудитории, повторюсь, с любого целевого устройства. Недавно на одной из презентаций мы показывали интересные слайды, где видно, как иногда сайты отображаются на часах или на беговых дорожках во время занятия спортом и т. д. Сейчас реально бесконечное множество устройств, на которых можно и нужно просматривать сайты, и их количество растет. И пользователей, привыкающих использовать эти устройства для выхода в интернет, для браузинга в интернете, тоже все больше и больше.
М. Б: Саша, немножко забегая вперед: а адаптивный дизайн под всевозможные устройства, под весь их пул сегодня возможен? Можно ли сегодня говорить об адаптивном дизайне, если сайт, например, адаптирован под пять-шесть гаджетов: iPad, iPhone, Android-устройства?
А. Б.: Нет, можно говорить об адаптивном веб-дизайне, даже когда сайт адаптирован всего лишь под два, скажем, устройства, например под планшет и обычные персональные компьютеры. Смысл адаптации в том, что мы не создаем дополнительную версию сайта; часто делались костыли в виде мобильных версий сайта. Мы делаем один сайт, который имеет возможность адаптировать контент. Два устройства, десять устройств, пятьсот — не важно, это лишь элемент, входящий в техническое задание при разработке: какое количество устройств мы должны учесть при адаптации.
М. Б.: Продолжим про базовые понятия адаптивного дизайна. В частности, мы немножко пробежались по «резиновому» макету. Ты сказал, что для адаптивного дизайна важно, как предоставляется контент. Что еще? И плавно перейдем к техническим методам организации всего этого хозяйства.
А. Б.: Первое и самое главное — тот посыл, который мы должны довести до целевой аудитории. Мы должны при проектировании сайта учесть те типы и ту структуру контента, которые мы будем представлять на нем. Забегу чуть вперед, ожидая, что, скорее всего, такой вопрос поступит: здесь мы начинаем проектирование по принципу mobile first, то есть сначала проектируем для экранов мобильных устройств.

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

Основная задача — не идти по принципу, привычному всем. Как раньше? Делали обычную версию сайта, потом урезанную маленькую заплаточку называли мобильной версией и вывешивали. Мы идем от обратного. Есть хорошая иллюстрация принципа mobile first, которую в своих презентациях часто использует Брэд Фрост, известный специалист, один из основателей течения адаптивного дизайна. Он показывает красивый иллюстрированный стакан, поместившийся на экране обычного монитора. По ходу уменьшения его размера он перестает попадать в поле экрана, то есть фактически на экране мобильного ты вообще его не видишь. А когда размещаешь стакан изначально по принципу mobile first на экране мобильного, по ходу увеличения мало того что стакан останется, туда еще можно два дополнительных поместить. Идея в том, что любое проектирование должно начинаться с идеи, которую мы должны донести до пользователя. И только после этого мы начинаем привносить технологии: различные макеты, компоновку блоков во время дизайна и т. д., различные программные ухищрения, такие как использование медиаскриптов, Java-скриптов, для того чтобы правильно распознавать ширину экрана устройств, на которых мы выводим наш сайт и т. д.
М. Б.: А принцип mobile first не имеет ли оборотной стороны? Когда мы проектируем сайт изначально под мобильные устройства, явно как-то пытаемся упрощать, не множить сущности, давать самые необходимые элементы в единственно допустимой последовательности. Не будет ли от подобного страдать десктопная полноценная версия?
А. Б.: Вообще, весь гений — в простоте. Вот у вас в руках iPad. Стив Джобс, еще когда в 1970-х представлял себе, как будет выглядеть идеальный компьютер будущего, который он хочет создать, как раз мыслил о чем-то очень простом, которое помещается в руках, не имеет никаких излишних вещей и т. д. Самые простые предметы — самые гениальные. То же самое с преподнесением информации: если вы можете вашему клиенту, вашему потребителю выразить свой посыл в одной фразе, значит, скорее всего, эта фраза до него дойдет. Если вы хотите свой посыл ему донести в нескольких томах энциклопедии, то, скорее всего, до него это не дойдет, потому что он не сможет это все прочитать. Поэтому чем проще, тем лучше. И именно этот подход мы используем при разработке любого сайта у себя в компании. Мы стремимся не плодить ничего лишнего. Основной подход наших веб-дизайнеров — это простота.
М. Б.: В итоге мы получаем достаточно простую схему, хорошо адаптируемую, легкорастяжимые элементы дизайна, также адаптивные изображения, которые меняются в зависимости от того, на каком устройстве ты их смотришь. Но это то, что видит пользователь. А давай посмотрим с точки зрения владельца бизнеса — человека, который все это заказывает. Адаптивный дизайн — насколько сейчас дорогая история и насколько…
А. Б.: Насколько кипиайная (KPI), да?
М. Б.: Насколько кипиайная, во-первых, да! Дает ли она отдачу? Казалось бы, сделай десктопную версию, хорошую мобильную и, может быть, под планшетники, поскольку известно, что аудитория планшетников лучше всего покупает — лучше, чем пользователи, например, смартфонов.
А. Б.: Буквально месяц назад был интересный разговор с одним из наших клиентов. К нам приехал представитель страховой компании ВСК. Мы давно с ними работаем, разрабатывали основной сайт для них, не адаптивный, но мы регулярно рассказываем им про адаптивный веб-дизайн, мы с ними беседуем, делимся опытом, они с большим интересом к этому подходят. И вот в очередной раз он приехал и спросил, имеет ли смысл адаптивный веб-дизайн делать. И мы спросили:
— Какая у вас сейчас часть аудитории, которая к вам на сайт заходит, заходит с мобильных устройств?
Он говорит:
— Ну, порядка 5%.
— Хорошо, это много?
— Ну, это, в принципе, мало.
— А год назад?
— Ну, где-то 0,5%.
То есть динамика — в десять раз. Я люблю рассказывать на примере Японии: у них с 2006 года по 2010-й количество пользователей, заходящих на сайты с мобильных устройств, по сравнению с обычными РС, выросло с 15 до 87%. Это 2010 год. Сейчас практически 100% японцев пользуются только мобильным интернетом. Может быть, в России прямо сейчас обычные бизнесы не нуждаются резко в адаптации своих сайтов, но завтра 100%-я необходимость в этом будет. Это раз. Два: есть, естественно, бизнесы, которые крайне нуждаются в адаптации своих сайтов. Недавно у нас был интересный кейс для крупной компании Maykor ЦРТ, крупного бренда, который занимается обслуживанием инфраструктуры на месте эксплуатации. Что это значит?

Стоят вышки МТС, предположим, — один из клиентов Maykor ЦР, — по всей России, где-нибудь в степи. Туда, на эту вышку, для обслуживания дорогостоящего сложного оборудования залезают техники, у них есть в руках iPad, iPhone, им надо пользоваться сайтами, сайтом ЦРТ, и пользоваться им так же корректно, как с любого другого устройства.

У нас сейчас охват мобильного интернета в некоторых местах значительно лучше, чем охват обычного интернета, проводного, поэтому количество пользователей [мобильного интернета] неминуемо растет, особенно точечно. И если вам как бизнесу необходимо охватить всю целевую аудиторию интернета, не ограничиваясь desktop РС, то вам просто необходимо учитывать интересы пользователей мобильных устройств. Я, например, пользуюсь интернетом практически только со своего iPhone. Есть время, пока ты в пробке стоишь где-нибудь, на рыбалке сидишь, отдыхаешь. Ты сел — раз посмотрел, Skype попользовался, «потвитил», в Facebook пообщался… Но что происходит, когда я захожу в браузер? Я захожу на какой-нибудь сайт, особенно если это информационный портал, и это что-то невозможное! Надо все так расширить, что-то рассмотреть, нажимаешь ссылочку, промахиваешься постоянно.
М. Б.: Ну, что говорить, если у того же самого Facebook обычная мобильная версия...
А. Б.: Да, то есть ты промахиваешься пальцем мимо ссылок, у тебя постоянно дискомфорт, просто выбешивает пользоваться мобильным браузером! Что происходит, когда мы видим адаптивный сайт, даже не мобильную версию, а адаптивный сайт на экранах мобильного? Мы видим привычные нам, пользователям touch screen, функции, то есть обычные ссылки у нас в меню преобразуются в большие кнопки, знакомые нам по мобильным приложениям, для нажатия пальцем. И вся трансформация происходит автоматически! Если мы берем какую-нибудь фотогалерею, то у нас привычное всем движение пальцем для прокручивания фотографий библиотеки, вместо того чтобы пытаться попасть на стрелочку. Мы учитываем специфику пользователей тех или иных устройств, а не просто размер экрана.
М. Б.: Саша, судя по твоим словам, адаптивный дизайн действительно облегчает представление информации пользователю разных гаджетов. Ну и понятно, что увеличивается, таким образом, мобильная аудитория самого адаптивного сайта.
А. Б.: Да.
М. Б.: А есть ли какие-нибудь данные о том, поднимает ли адаптивный дизайн продажи? Потому что известно, что даже владельцы тех же самых iPad, других планшетников делают покупки с них чаще, чем обладатели других гаджетов, но все равно пока не очень охотно. Они предпочитают посмотреть на iPad, покрутить карточку товара, а потом, может быть, сделать заказ с десктопа, а может быть, не сделать. Они, скорее всего, перейдут в другой магазин. Адаптивный дизайн в этом смысле может быть заделом на будущее или пока ничего точно нельзя сказать?
А. Б.: Если рассматривать западные примеры, то однозначно да. Многие крупные магазины, в том числе Ozon, реально сделали свои версии адаптивных сайтов, и реально у них есть рабочие магазины. Что касается российского рынка, у нас мало сейчас. То есть к нам стоит очередь для того, чтобы производить корректные адаптивные сайты. Мы не успеваем их производить такими темпами, как хотели бы. Мало кто на рынке сейчас имеет достаточно экспертизы.
М. Б.: Это очень затратная история...
А. Б.: Это затратная история, но, главное, требуется экспертиза. Причем экспертизы появляются каждый день! То есть я слежу в Twitter за пятью или шестью самыми крупными экспертами рынка на Западе, за тем, какие новые вещи они обсуждают. Необходимо это отслеживать постоянно, каждый день, потому что все меняется очень быстро: появляются новые сервисы для того, чтобы более эффективно производить адаптацию под те или иные устройства, появляются сервисы адаптации размера экрана, но это уже скорее технические вещи. Появляются различные интересные примеры того, как стоит работать с контентом, как автоматизировать работу с ним. Изначально, когда мы делали первые версии адаптивных сайтов, мы просто брали контент и начинали его урезать, как-то размещать и т. д. Потом я вам, наверное, расскажу про неудачные кейсы, да?
М. Б.: Обязательно.
А. Б.: И в какой-то момент я понял, что это адский труд. Обычно, когда мы разрабатываем веб-сайт, мы рисуем все его страницы. Каждая страница сайта призвана решать конкретные задачи. Мы не ориентируемся только на главную; главная страница — это страница, разводящая трафик, а внутренние — решающие конкретные задачи, будь то получение информации или продажи.
М. Б.: Посадочные, да.
А. Б.: Так вот, каждую страницу необходимо рисовать.

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

То же самое дальше происходило в отделе программирования и т. д. Когда появились способы организации автоматического построения контента под разные устройства — их начали писать на Западе, —мы их изучили, чуть-чуть дополнили, расширили и начали применять у себя. Работа упростилась в разы. Если изначально труд был действительно адский, то есть трудозатраты могли в десять раз превышать трудозатраты на разработку обычного сайта, то теперь это, наверное, порядка двух — двух с половиной, может быть, раз.
М. Б.: Сейчас процесс создания и доводки адаптивного дизайна в значительной мере автоматизирован?
А. Б.: Да. Сильно автоматизирован. Мало того, мы сейчас всю адаптацию привязываем к единой системе управления, и пользователь самостоятельно может работать с контентом через системы управления, адаптируя свой контент под различные устройства. То есть все происходит автоматически, не требуется каких-то специальных навыков в дальнейшей работе с контентом.
М. Б.: Ты говоришь, что к вам сейчас стоит очередь. Значит, не все пока так просто и требуются значительные человеческие вложения. Расскажи о том, какие люди должны работать над адаптивным дизайном, потому что я немножко изучал вопрос и понимаю, что, в частности, ведение адаптивного дизайна заставляет несколько пересмотреть взаимодействие веб-разработчика и дизайнера. Не все к этому готовы.
А. Б.: Абсолютно верно вы заметили по поводу чуть-чуть иной схемы взаимодействия веб-разработчика и дизайнера. Если говорить простым языком, веб-разработчик и дизайнер должны быть в пять раз ближе друг к другу и общаться в десять раз больше. Необходима хорошо выстроенная коммуникация между отделом дизайна и отделом программирования. Это очень важно, потому что необходимо взаимоограничение, необходимы взаимотесты и т. д.
М. Б.: Это практически то, что у программистов называется Agile, Scrum — постоянная итерационная работа?
А. Б.: Да, есть постоянные итерации, естественно, не совсем Agile, но есть постоянная взаиморабота. Мы, конечно, пытаемся это систематизировать таким образом, чтобы это не влияло на предсказуемость сроков и т. д., и тем не менее плотная работа — это раз. Два: повышенное внимание к проекту на этапе проектирования. То есть мы затрачиваем в три, в четыре раза больше на этапе прототипирования на разработку именно таких прототипов кликабельных, мы очень много с ними работаем, мы тестируем прототипы перед тем, как рисовать дизайн на различных устройствах, чтобы смотреть, как они себя ведут. Это, естественно, повышенное внимание на этапе дизайна, потому что приходится рисовать много разных макетов. Но то, что мы научились автоматизировать контент и поведение контента, существенно нам уменьшило работу на этапе дизайна. Ну и на этапе программирования с каждым днем работа становится все проще и проще, потому что появляются различные новые скрипты, сервисы, которые позволяют более просто организовать работу. Но я очень рад притом, что мы у себя воспитали нескольких мощных тимлидов в отделе программирования, которые с основы, с нуля собирали руками сотни разных страниц, промучились, и теперь они понимают, как просто работать с автоматизированными сервисами, и у них это все получается значительно лучше.
М. Б.: Смотри, поскольку адаптивный дизайн сейчас в тренде и постепенно потянется «длинный хвост» заказов, клиенты будут не только к тебе выстраиваться в очередь. Думаю, вполне могут собраться несколько дизайнеров и программистов, освоить все эти методы и создать свою контору, которая будет заниматься исключительно адаптивным дизайном. Вот сейчас на рынок можно выйти с подобным предложением еще?
А. Б.: Конечно. Если какая-то группа талантливых людей соберется и создаст такую команду, которая будет заниматься исключительно адаптивным веб-дизайном, и на высоком качественном уровне, мы их с удовольствием купим. Реально достаточно сложно, как я сказал, следить за очень быстрым, динамично развивающимся трендом. Я видел какие-то сайты каких-то небольших контор, которые уже, как вы говорите, заявляют, что занимаются исключительно адаптивным веб-дизайном, и сразу публикуют цены, и цены эти в несколько раз...
М. Б.: Вы не публикуете?
А. Б.: Нет, конечно! Цены на сайт — это история очень индивидуальная и субъективная. Мы решаем задачи, задача требует реализации определенного продукта, затрат определенного количества часов… У нас прозрачная система тарификации, основанная только на часах, но изначально сказать, сколько будет стоить ваш проект, не имея перед глазами BRD, невозможно. Но когда ты видишь, что на сайте люди публикуют цены, причем цены на разработку сайта под ключ, скажем, 30 тыс. руб., тебе становится смешно, потому что ты понимаешь, что серьезный проект за 30 тыс. руб. не сделать. Соответственно, если люди заявляют, что они еще и адаптивный веб-дизайн делают за эти деньги, мне становится еще смешнее, потому что я знаю, какие трудозатраты сюда надо закладывать.
М. Б.: Скоро будут такси ездить с надписью на борту: «Адаптивный дизайн за 20 тыс. руб.».
А. Б.: Да-да.
М. Б.: Сложно говорить о средней температуре по больнице, но все-таки обычный, хороший корпоративный сайт, не адаптивный, рассмотрим в сравнении с таким же сайтом, но адаптированным под весь пул гаджетов, наиболее распространенных. Какая может быть вилка, какая разница? Насколько это дороже?
А. Б.: В среднем стоимость вырастает где-то в два — два с половиной раза. Это на данный момент. Чисто в зависимости от трудозатрат. Трудозатраты снижаются с каждым днем, потому что появляются различные способы автоматизации работы, быстро нарабатывается наша экспертиза, так что мы имеем возможность снижать трудозатраты при адаптации сайта. Но тем не менее на данный момент коэффициент такой. Раньше, как я сказал, где-то год-полтора назад, когда мы только начинали, этим заниматься, наши трудозатраты были в десять раз больше. И конечно, заказчик редко готов был платить в десять раз больше, но мы вкладывались в свою экспертизу, мы «прокачивались». На данный момент, наверное, у нас уникальная команда именно «прокачанных» в сфере адаптивного веб-дизайна людей.
М. Б.: Я понял тебя. Саша, скажи, пожалуйста, насколько адаптивный дизайн требует дальнейшего вмешательства дизайнеров и разработчиков после того, как проект, грубо говоря, сдан? То есть он в меньшей степени нуждается, чем обычный сайт, в доводке и поддержке на постоянной основе? Или как?
А. Б.: Если мы говорим про мобильные версии сайтов, которые четко созданы для конкретного устройства, предположим для планшетника или для Nokia и т. д., то адаптивный сайт все-таки вещь универсальная и гибкая, поэтому она значительно более просто адаптируется под новые гаджеты, которые выходят. Но тем не менее некоторые гаджеты имеют и свою уникальность, например, всякие Retina Display.

Конечно, мы не можем предвидеть, что появится Retina Display, когда мы еще не сделали сайт. Но чтобы произвести изменения, нам достаточно просто внести в CSS определенные изменения, которые будут подгружать необходимые картинки нового разрешения, и фактически вот и все — адаптация адаптивного сайта под новые устройства.

То есть какие-то изменения при выходе новых устройств вносить все-таки необходимо, но они не такие значительные. Чего не скажешь о мобильных версиях сайта! Я помню самый курьезный случай, я часто о нем рассказываю: мы разрабатывали мобильную версию сайта для компании РОСНО, мы ее долго проектировали, хотели сделать маленькой, емкой, пытались как-то применить принцип mobile first и т. д. Мы выпустили сайт, и буквально через месяц, даже меньше, отпраздновать особо не успели, вышел четвертый iPhone, и все повально его начали покупать. А наш сайт не адаптирован под это устройство, и нам пришлось переделывать все изображения, перерисовывать, модифицировать, и фактически так приходится делать со всеми версиями мобильных сайтов до сих пор, адаптируя их под вот эти новые Retina Display и т. д. Постоянный «допил». Адаптивный сайт, тем не менее, призван хотя бы правильно структурировать контент для любых устройств. Например, если проблемы с отображением (мы до сих пор с ним сталкиваемся) на Opera Mini... К сожалению, браузер недостаточно точно определяет ширину экрана — он определяет только 850 пикселей железно, хотя экран может быть куда меньше, и у нас может разрешение растягиваться и т. д., могут быть некие перекосы в верстке. Но тем не менее правила организации контента сохранятся, то есть пользователь всегда получит нужную информацию.
М. Б.: Ты как раз затронул тему, которую я захотел только что поднять: насколько адаптивный веб-дизайн соотносится с кроссбраузерной версткой и вообще насколько удается действительно не только под все устройства, но и под браузеры сайт адаптировать? А если брать шире, насколько высока точность адаптивного веб-дизайна? Не бывает ли досадных промахов, ошибок определения соотношения сторон устройства и т. д.?
А. Б.: Нет, есть, конечно, проблема, связанная со старыми браузерами, на которых сложно определять размер экрана. Есть проблема, как я сказал, с некими новыми браузерами, такими как Opera Mini. Например, нам приходится отдельно использовать JavaScript, чтобы работать со старыми браузерами, как-то адаптироваться под них. Но все проблемы решаемые. Конечно, это добавляет сложности еще к кроссбраузерности, которую мы имеем. Есть интересная картинка, которую я тоже постоянно показываю на презентациях. Это как ВВС тестировало свой новый адаптивный сайт, и у них огромный кусок пола завален различными гаджетами — порядка сотни различных гаджетов, и на всех открыт сайт ВВС.

Мы обязательно в ТЗ прописываем, какое количество гаджетов гарантируем.

Ну, как при тестировании любого сайта обычно пишут, какие версии браузеров, минимальные требования к браузерам и т. д. То же самое здесь: мы пишем, какие гаджеты мы обязательно будем использовать при тестировании сайта, при отладке, а остальные все, скорее всего, будут отображаться корректно, но могут быть какие-то нюансы, потому что невозможно все учесть. Мы можем, конечно, иметь такой бюджет, как у ВВС, и использовать и 100 устройств, и 200, но в первую очередь мы ориентируемся на основные.
М. Б.: Саша, я замечу, что не ты и не твои заокеанские коллеги первыми поняли, что с простыми мобильными версиями сайтов не все так гладко и что они нуждаются в какой-то адаптации, приспособлении под различные устройства. Но несколькими годами ранее некоторые разработчики пошли иным путем — в сторону мобильных приложений. Зачастую сегодня у нас мобильное приложение — это не самый дешевый, но все-таки годный и хороший способ для того, чтобы пользователю iPad, iPhone, Android дать доступ к основному функционалу сайта, для чего он предназначен. То есть приложение для электронной коммерции упрощает процесс покупки, приложения для заказа такси (я буквально вчера пользовался) упрощает, собственно, заказ. Нужно ткнуть в две точки и сказать: «Вызываю». Насколько адаптивный дизайн в этом смысле конкурирует с мобильными приложениями и с их разработчиками? Ну, очевидно же, что задачи более или менее те же выполняются?
А. Б.: Ну, наверное, какие-то пересечения задач есть, но все же я считаю, что приложения и мобильные или адаптивные версии сайтов решают разные задачи. Во-первых, приложения многие офлайновые. Например, я часто пользуюсь приложением для фиксирования бега и т. д. — количественных показателей твоих спортивных успехов. Мне для этого интернет совсем не нужен, он мне нужен лишь иногда, чтобы все эти результаты опубликовались у меня где-то в моем аккаунте в Google. Это первое. Второе: при разработке мобильных приложений ориентируются на основные типы устройств, предположим на iPhone и на Android. Причем в случае с приложением под Android себестоимость разработки значительно дороже, чем в случае с iPhone, потому что Android-приложение учитывает огромное количество устройств, на которых оно будет отображаться. Но при разработке приложений мы не учитываем быстроразвивающийся Samsung Bada, например, или Windows Mobile, или Symbian тот же, да.
М. Б.: Они развиваются, но тем не менее доля рынка-то у них растет не стремительными темпами?
А. Б.: Нет, и я не говорю о том, что приложения мобильные не нужно разрабатывать — их нужно разрабатывать, только под конкретные задачи, под конкретную целевую аудиторию, использующую те или иные устройства. А если мы говорим об адаптивном веб-дизайне, то мы говорим о любых устройствах, то есть я могу пользоваться браузером с любого устройства. Кстати, есть некоторые приложения интересные, на которые ты кликаешь и тут же попадаешь на мобильную версию сайта. У тебя происходит автоматическая переадресация в браузер в твоем устройстве. Для чего это делается? Потому что, разрабатывая приложения, фактически бренд получает пожизненное размещение логотипа в твоем устройстве, а дальше — переадресация на мобильную версию сайта, которая сделана одна для всех устройств, а фактически тебе нужно сделать только логотипчики под разные версии мобильных платформ. Есть и такие истории.

Если мы говорим о каких-то сервисах, которые призваны работать и в офлайне, призваны работать очень корректно и точно на конкретном устройстве, например iPhone или iPad, то здесь имеет смысл разрабатывать мобильное приложение. Если мы говорим о сайте, о сервисе, о постоянно обновляющейся базе, об интерактиве и коммуникации с различными устройствами, не только с планшетами и коммуникаторами, то здесь мы говорим об адаптивном сайте, причем не забываем, что есть же и пользователи обычных desktop PC, они же тоже на сайт заходят.

Поэтому это единая точка коммуникации с любой аудиторией и единая точка управления всем контентом, чего не скажешь о различных мобильных приложениях: приходится, в каждом случае по-своему, как-то maintenance делать, управлять.
М. Б.: Как ты думаешь, в ближайшей перспективе адаптивный дизайн будет удешевляться, становиться ближе, понятнее и доступнее не только крупному бизнесу?
А. Б.: Конечно же, он будет удешевляться, потому что будут удешевляться трудозатраты, связанные с его разработкой. Я считаю, тенденция к адаптивному веб-дизайну неминуема, потому что привычки использовать фиксированную верстку или «резиновую» верстку вынуждены отпасть, ведь тебе необходимо учитывать интересы мобильной аудитории интернета.
М. Б.: И все-таки, адаптивный дизайн — это пока предложение скорее для крупного бизнеса, в лучшем случае для среднего? А малому к нему следует только присматриваться?
А. Б.: Нет, не скажите, и малый бизнес тоже.
М. Б.: Есть примеры?
А. Б.: Все зависит от того, какого объема вам нужен сайт и какие задачи он призван решать. Если у вас большая компания и вам нужен крупный корпоративный проект, то, конечно же, это потребует значительных вливаний денежных средств. Если мы говорим о небольшом промопроекте, если мы говорим о небольшом сайте небольшой компании, имеющей ограниченное количество контента, в основном предоставляющей информацию, не имеющей сложных сервисов, то, конечно, здесь все значительно проще. Поэтому я бы не стал говорить о том, что это исключительно прерогатива крупных компаний, нет. Любые компании себе это могут позволить. Единственное, надо понимать, что если вы хотите, чтобы адаптация происходила корректно, то необходимо много времени тратить на проектирование, на дизайн и на дальнейшую работу с версткой, поэтому это требует дополнительных трудозатрат.
М. Б.: Ну что же, Саша, большое спасибо тебе за беседу! Я под конец хочу провести небольшую параллель. Вот так же, как вы насаждаете адаптивный дизайн, который позволяет представить сайт одинаково красиво, хорошо и сообразно задачам, которые клиент в него закладывает на разных устройствах, чтобы вы, компания AGIMA, тоже были понятны не только крупному бизнесу, среднему, но и малому. Во всех форматах продолжали нести адаптивный дизайн как миссию, ну и, конечно, зарабатывали на нем деньги!
А. Б.: Спасибо!
М. Б.: Мы обязательно тебя еще раз пригласим. Дорогие друзья, это был SeoPult.TV. Все вопросы, которые возникли у вас к нашему гостю, вы можете задать ему на наших страницах в социальных сетях Facebook, «ВКонтакте», Twitter, и он обязательно на них ответит. Мы обязательно будем продолжать дальше развивать тему адаптивного дизайна, оставайтесь с нами, не переключайтесь! Это был SeoPult.TV, Михаил Боде, всего доброго!

Развернуть текстовую версию
Комментарии
Похожие видео