Итан Маркотт - Отзывчивый веб-дизайн

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

Когда у вас появится свободная минутка (и крепкий алкоголь под рукой), зайдите к Мерлину Манну и посмотрите его подборку Noise to Noise Ratio ( http://bkaprt.com/rwd/46/). Там представлены самые насыщенные контентом страницы, они просто утопают в хламе. А саму статью, оба ее параграфа, найти практически невозможно.

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

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

В конце 2009 года дизайнер Люк Вроблевски произвел небольшую революцию в нашей профессии, предположив, что мобильное представление сайтов не должно ограничиваться второстепенной ролью ( http://bkaprt.com/rwd/47/). Ссылаясь на резкий рост мобильного веб-трафика и новые технические возможности современных телефонов, Люк предложил веб-дизайнерам создавать в первую очередь мобильные версии сайтов и приложений.

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

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

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

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

Наверное, можно было бы выразить это более завлекательно и интересно, но вообще-то маркетинг не мой конек. Мы стали задавать такие вопросы, потому что считаем, что подход «сначала мобильные» невероятно полезен в процессе создания веб-сайта. Вот как Люк объясняет смысл этого подхода ( http://bkaprt.com/rwd/48/):

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

Легко заполнить окно десктопного браузера панелями инструментов социальных сетей, ссылками на похожие статьи, RSS-ссылками и облаками тегов. (Если я не ошибаюсь, то это называется «созданием дополнительной ценности».) Но как только мы вынуждены работать с экраном, размеры которого на 80 % меньше, чем наш обычный холст, несущественный контент и всякий хлам быстро отпадают, и мы можем сосредоточиться на действительно важных аспектах наших проектов.