Отзывчивый веб-дизайн - [24]

Шрифт
Интервал

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

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

Знакомьтесь: «Сначала мобильные»

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

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

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

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

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

Навстречу отзывчивому процессу разработки

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

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

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

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

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

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

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

Определяем разрешение

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


Рекомендуем почитать
Instagram для бизнеса: 40 хаков и готовых решений

Прочитав эту книгу, вы перестанете сомневаться в эффективности Instagram и научитесь грамотно использовать функционал этой соцсети. Мы приготовили более 40 практических хаков и вдохновляющих примеров, а также ценные рекомендации от экспертов Ingate и Another Point по самым важным вопросам: от создания аккаунта и выбора оптимальной стратегии до тонкостей продвижения и настройки рекламы.


Разговор по существу: искусство общения для тех, кто хочет добиваться своего

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


Мой первый бизнес. Как оценить идею проекта и свои силы

Джеймс Каан – успешный британский инвестор. Много лет он оценивает бизнес-проекты и решает, вкладывать ли в них деньги. Чтобы не ошибиться, Джеймс всегда задает начинающим предпринимателям разные каверзные вопросы. Все они собраны в этой книге.На что вы готовы ради достижения цели? Уверены, что не путаете бизнес с хобби и ваш продукт нужен кому-то кроме вас? В вашей команде действительно профессионалы? Учли ли вы все расходы?Автор проанализирует каждую сторону вашего проекта. Он подскажет, как посмотреть на идею глазами независимого, опытного инвестора, и обратит внимание на тонкости, которые предприниматели часто упускают из виду, за что платятся немалыми деньгами.Каждый, кто горит идеей открытия нового бизнеса, должен прочитать эту книгу.



Величайшая возможность в истории человечества

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


Войны брендов

Как победить в войне — непримиримой войне брендов? Как сделать торговую марку непобедимой? Как избежать ошибок в процессе брендинга? Ведь эти ошибки допускают даже самые известные фирмы. Что нужно сделать, чтобы ваша фирма достигла успеха? На эти и множество других, связанных с ними, вопросов ответит книга, написанная одним из лучших в мире специалистов по маркегингу Дэвидом Д'Алессандро. Руководствуясь своим богатейшим опытом, автор предлагает несколько правил создания поистине непобедимого бренда.Издание будет интересно не только специалистам по маркетингу, бизнесменам, студентам и аспирантам, изучающим экономику, но самому широкому кругу читателей.