Сначала мобильные!
Шрифт:
Мобильный ландшафт продолжает видоизменяться, поэтому дизайн наших сайтов должен быть готов к тому, чтобы полностью отвечать потребностям пользователей независимо от времени и места их взаимодействия с веб-приложением, технических характеристик мобильных устройств или размеров их экранов.
• Примите тот факт, что в обозримом будущем мобильная индустрия продолжит развиваться столь же стремительными темпами.
• Используйте тег viewport, чтобы «сообщать» мобильным браузерам, что в процессе разработки сайта вы о них не забыли.
• Не забывайте о разрешающей способности экранов и старайтесь показывать изображения высокого разрешения на устройствах, позволяющих это делать.
• Применяйте принципы отзывчивого веб-дизайна, чтобы адаптировать свои сайты к различным устройствам отображения.
• Создавая отзывчивый веб-дизайн или используя серверные процедуры, учитывайте особенности взаимодействия пользователей с различными устройствами.
• Сводите число элементов сайта к минимуму, позволяющему сохранять функциональность.
Перечень рассмотренных в этой книге принципов и методов разработки мобильных веб-приложений, каким бы широким он ни был, нельзя считать исчерпывающим. Новые решения появляются практически каждый день. Мобильная вселенная постоянно расширяется, и даже само понятие мобильного устройства начинает размываться. Принципы мобильного веб-дизайна еще только формируются, и основные изменения ждут нас впереди. Держите руку на пульсе!
Заключение
Надеюсь, что мой простой призыв «сначала мобильные!» станет катализатором новых идей и решений. Сегодня мобильные устройства заменили нам персональный компьютер: они всегда при нас, они подключены к Интернету, они позволяют решать массу различных задач, общаться друг с другом или просто хорошо проводить время. Поэтому если при разработке сайтов мы прежде всего будем думать об этих персональных портативных устройствах, мы сможем:
• воспользовавшись растущей популярностью мобильного Интернета, предложить потребителям новые способы взаимодействия с нашими сайтами и приложениями;
• приняв ограничения, присущие мобильным устройствам, сконцентрироваться на наиболее приоритетных задачах и функциях;
• используя возможности мобильного интерфейса, найти инновационные решения для удовлетворения потребностей наших клиентов;
• переосмыслив накопленный нами опыт в области традиционного веб-дизайна, по-новому взглянуть на свойственные мобильным устройствам особенности организации контента, взаимодействия с пользователями, ввода информации и визуальных решений.
И в завершение — несколько практических советов.
• Если есть возможность, тестируйте верстку и код на реальных мобильных устройствах. Программы-эмуляторы и браузеры стационарных компьютеров не способны в полной мере их заменить.
• Если в вашем распоряжении нет нужного устройства, отправляйтесь в ближайший магазин и протестируйте результаты вашей работы на выставочных образцах.
• Прототипы, прототипы, прототипы! Чем раньше вы сможете опробовать то или иное мобильное решение, тем быстрее поймете, работает ли оно в реальном мире.
И последнее по счету, но не по значению. Не бойтесь начинать с малого. Некоторые из самых крупных и успешных проектов, реализованных в мобильном бизнесе, начинались с небольших экспериментов, проводившихся командами страстно увлеченных веб-дизайнеров и разработчиков. Вам не нужно знать о мобильных технологиях все — возьмите с собой то, что уже знаете, и отправляйтесь в путь.
Благодарности
Написание книги, пусть и такой небольшой, как эта, — огромное дело. К счастью, у меня было множество помощников. Джеффри Зельдман, Эрик Майер и вся команда An Event Apart дали мне прекрасную возможность обсудить тему книги на замечательной веб-конференции. Всюду, где мне доводилось представить аудитории свою концепцию, я слышал множество ценных советов и важных вопросов. Именно они помогли мне преобразовать разрозненные мысли и идеи в книгу, которую вы только что прочитали.
Неоценимую помощь в работе мне оказали и советы моих рецензентов: Брайана и Стефани Ригер, Джейсона Григсби, Крейга Вилламора, Питера-Пола Коха, Джоша Кларка. Несколько небольших, но очень важных рекомендаций мне дал Итан Маркотт. Для автора способность слушать не менее важна, чем умение писать, и я благодарен всем этим людям за то, что они предоставили мне возможность слушать их в течение последних лет.
Оформить мысли в слова мне помогла команда A Book Apart. Я получил истинное наслаждение, работая с редактором Мэнди Браун, литературным редактором Кристой Стивенс, потрясающим веб-дизайнером Джейсоном Санта-Марией и, конечно же, с властелином дизайна Джеффри Зельдманом.
Эта книга не появилась бы на свет, если бы меня не поддерживала моя жена Аманда. Несмотря на заботы о новорожденной дочке и нашем двухлетнем сыне, на занятие моим стартапом и мои постоянные разъезды, она непостижимым образом смогла убедить себя в том, что моя идея написать книгу не совсем безумна. Возможно, она была единственным человеком, кто так считал. Я со всей любовью посвящаю эту книгу ей.
Приложение
Полные веб-адреса упомянутых в книге источников
1. http://www.lukew.com/ff/entry.asp71270
2. http://www.lukew.com/ff/entry.asp71226
3. http://www.lukew.com/ff/entry.asp71225
4. http://www.smartonline.com/smarton-products/smarton-mobile/smartphones-pass-pc-sales-for-the-first-time-in-history/
5.-02-15/ tech/29983706_1_tabletmarket-pcs-smartphones
6.Releases/2011/1/Webbased_Email_Shows_Signs_of_Decline. in_the_U.S._While_Mobile_Email_Usage_on_the_Rise
7. http://news.bango.com/2010/02/16/600-percent-growth-in-mobile-webusage/
8. http://mobithinking.com/mobile-marketing-tools/latest-mobile-stats
9.pdfs/MS_Economy_Internet_Trends_102009_FINAL.pdf
10.showArticle&art_aid=120590
11. http://www.lukew.com/ff/entry.asp71361
12. http://www.lukew.com/ff/entry.asp71269
13. http://techcrunch.com/2010/12/13/google-mobile-searches-grew-130-percent-in-q3/
14. http://www.mobiadnews.com/7p=5133
15. http://www.youtube.com/watch7v=8aa0tVJQcg0