Сначала мобильные! - Люк Вроблевски

• Прототипы, прототипы, прототипы! Чем раньше вы сможете опробовать то или иное мобильное решение, тем быстрее поймете, работает ли оно в реальном мире.

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

Благодарности

Написание книги, пусть и такой небольшой, как эта, — огромное дело. К счастью, у меня было множество помощников. Джеффри Зельдман, Эрик Майер и вся команда 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

Глава 1

4. http://www.smartonline.com/smarton-products/smarton-mobile/smartphones-pass-pc-sales-for-the-first-time-in-history/

5. http://articles.businessinsider.com/2011 -02-15/ tech/29983706_1_tabletmarket-pcs-smartphones

6. http://www.comscore.com/Press_Events/Press_ 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. http://www.morganstanley.com/institutional/techresearch/ pdfs/MS_Economy_Internet_Trends_102009_FINAL.pdf

10. http://www.mediapost.com/publications/?fa=Articles. 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

16. http://en.wikipedia.org/wiki/T9_Cpredictive_text)

17. http://www.cisco.com/en/US/solutions/collateral/ns341/ns525/ ns537/ns705/ns827/white_paper_c11-520862.html

18. http://www.comscore.com/Press_Events/Press_ Releases/2010/3/Facebook_and_Twitter_Access_via_Mobile_ Browser_Grows_by_Triple-Digits

19. http://newsroom.cisco.com/dlls/ekits/Cisco_VNI_Global_ Mobile_Data_Traffic_Forecast_2010_2015.pdf

20. http://www.gartner.com/it/page.jsp7idH466313

21. http://blog.admob.com/2008/12/18/impact-of-new-rim-handsets-stormrising/

22. http://officialblog.yelp.com/2011/02/via-yelp-mobile-yelpers-call-a-localbusiness-every-other-second.html

23. http://www.lukew.com/ff/entry.asp71131

24. http://www.cloudfour.com/links-do-not-open-apps

25. http://blog.twitter.com/2010/09/evolving-ecosystem.html

26. http://danzarrella.com/new-data-on-mobile-facebook-posting.html

27. http://www.facebook.com/press/info.php7statistics

28. http://joehewitt.com/post/ipad/

Глава 2

29. https://developer.mozilla.org/en/canvas_tutorial

30. http://www.html5rocks.com/en/tutorials/appcache/beginner/

31. http://googleresearch.blogspot.com/2009/06/speed-matters.html

32. http://blog.compete.com/2010/03/12/smartphone-owners-a-ready-andwilling-audience/

33. http://readitlaterlist.com/blog/2011/01/is-mobile-affecting-when-we-read/

34. http://www.lukew.com/ff/entry.asp71259

Глава 3

35. http://itunes.apple.com/us/app/nearest-tube/ id3224366837mt=8

36. http://stackoverflow.com/questions/1649086/detect-rotation-of-androidphone-in-the-browser-with-javascript

37. http://mail.glustech.com/SnowGlobe/

38. http://thenextweb.com/apps/2010/12/21 /hidden-safari-mobile-featurereveals-augmented-reality-capability/

Глава 4

39. http://www.dmolsen.com/mobile-in-highered/2011/02/07/ the-universityhome-page-mobile-first/

40. http://xkcd.com/773/

Глава 5

41. http://paidcontent.org/article/419-pontiflex-about-half-of-mobile-appclicks-are-accidental/

42. http://developer.apple.com/library/ios/#documentation/ UserExperience/Conceptual/MobileHIG/Introduction/ Introduction.html

43. http://www.lukew.com/ff/entry.asp71085

44. http://go.microsoft.com/7linkid=9713252

45. http://www.lukew.com/touch

46. http://www.lukew.com/ff/entry.asp71197

47. http://en.wikipedia.org/wiki/Progressive_enhancement

Глава 6

48. http://www.lukew.com/ff/entry.asp71198

49. http://mashable.com/2010/08/07/ebay-facts/

50. http://mashable.com/2011/01/07/40-of-all-tweets-come-from-mobile/

51. http://www.lukew.com/ff/entry.asp7691

52. http://www.medien.ifi.lmu.de/pubdb/publications/pub/ deluca2007pmc/deluca2007pmc.pdf

53. http://www.lukew.com/ff/entry.asp71235

54. http://diveintohtml5.org/

55. http://www.quirksmode.org/html5/inputs_mobile.html

Глава 7

56. http://www.quirksmode.org/blog/archives/2010/09/ combining_meta.html

57. http://www.lukew.com/ff/entry.asp71142

58. http://www.morganstanley.com/institutional/techresearch/ mobile_internet_report122009.html

59. http://www.slideshare.net/kleinerperkins/kpcb-top-10-mobile-trendsfeb-2011

60. http://www.asymco.com/

61. http://lukew.com/ff

62. http://yiibu.com/about/site/index.html

63. http://www.cloudfour.com/category/mobile-web-and-services/

64. http://www.lukew.com/ff/entry.asp71337

65. http://www.lukew.com/ff/entry.asp71193

66. http://www.cloudfour.com/on-mobile-context/

67. http://globalmoxie.com/blog/mobile-web-responsive-design. shtml

Помощь онлайн

Нужно больше данных?

Отличным источником фактов и интересной информации для меня служит Mobile Internet Report — исследование инвестиционного банка Morgan Stanley. Оно содержит сотни файлов с данными обо всех основных тенденциях в мобильном мире (http://bkaprt.com/mf/58).

Основным автором этого отчета на протяжении нескольких лет была Мэри Микер, после перехода в компанию Kleiner Perkins она продолжает публиковать свои выводы (http:// bkaprt.com/mf/59).

Если вам интересны данные о развитии мобильного рынка, обратите внимание на статьи и заметки Хораса Дедью на сайте Asymco (http://bkaprt.com/mf/60).

Кроме того, и я каждый понедельник размещаю в своем блоге статьи, посвященные дизайну и программированию для мобильных устройств, а также другим вопросам (http://bkaprt.com/mf/61).

Концепция «сначала мобильные!»

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

• Брайан и Стефани Ригер рассказали о процессе создания сайта под названием Yiibu, о своем подходе к верстке, стилям и контенту (http://bkaprt.com/mf/62).

• Блог Cloud Four содержит огромное количество отличных статей, посвященных теме пересечения принципов мобильного и обычного веб-дизайна (http://bkaprt.com/mf/63).

Бесконечные споры

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

• Мобильные приложения против мобильных веб-решений: когда и почему лучше выбирать тот или иной вариант (http://bkaprt.com/mf/64, http://bkaprt.com/mf/65)?

• Понимаем ли мы суть мобильного контекста и умеем ли программировать под него? Джейсон Григсби суммирует основные вопросы и приводит на своем сайте ссылки на ряд интересных статей (http://bkaprt.com/mf/66).

• И наконец, следует создавать отдельные версии (мобильную и стационарную) одного и того же сайта или применять отзывчивый веб-дизайн? Все зависит от ситуации, утверждает Джон Кларк в завершающем разделе своей статьи (http://bkaprt.com/mf/67).

Об авторе

Люк Вроблевски — сооснователь и руководитель социальной сети Bagcheck (http://bagcheck.com), которая была приобретена компанией Twitter Inc. всего через девять месяцев после создания. До этого он занимал пост директора по дизайну в компании Yahoo! занимаясь вопросами совершенствования продуктов и пользовательских интерфейсов. Кроме того, Люк успел поработать старшим дизайнером пользовательских интерфейсов в eBay Inc., где руководил разработкой дизайна потребительских продуктов (таких как eBay Express и Kijiji), а также основать компанию LukeW Ideation & Design (http://www.lukew.com), предоставляющую консультации в области продуктовых стратегий и дизайна, и выступить сооснователем Ассоциации интерактивного дизайна (IxDA).

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

Люк — автор популярной книги по веб-дизайну Web Form Design («Дизайн веб-форм»), а также множества статей о дизайне и стратегии в области цифровых продуктов. Он желанный гость на отраслевых мероприятиях и участник многих конференций по всему миру.

© 2012 Luke Wroblewski. All rights reserved