Цитаты из книги «Создание сайтов»

В России на твердую ногу встал «Мегаплан» (www.megaplan.ru). Минималистичен, но функционален российский же Teamer (www.teamer.ru). За рубежом планку задают прежде всего вышеупомянутый Basecamp (https://basecamp.com/) и TeamLab (http://www.teamlab.com/ru/default.aspx). По большому счету системы управления проектами и задачами – одно из самых высококонкурентных направлений в области вспомогательных инструментов для интернет-бизнеса, благодаря чему нам есть из чего выбирать.

В России наиболее массовыми продуктами для ведения онлайн-бухгалтерии являются «Бухгалтерия. Контур» (http://www.b-kontur.ru) и «Мое дело» (http://www.moedelo.org/). Для ведения бухгалтерского учета по американской системе обычно используется QuickBooks (http://quickbooks.intuit.com/).

Онлайн-хранилища данных В наши дни держать всю информацию, а особенно критически важную для бизнеса, на жестких дисках офисных компьютеров неудобно и небезопасно. Гораздо легче бывает загружать видео или текстовые документы в удаленное файлохранилище, где те будут лежать в целости и сохранности, доступные лишь тем, кому вы дадите допуски. Самые популярные в российском Интернете «облачные склады» – Dropbox (https://www.dropbox.com/), Google Drive (https://drive.google.com), «Яндекс. Диск» (http://disk.yandex.ru/). Вплоть до определенного объема хранимой информации они не требуют оплаты. Недавно был запущен проект «Облако@Mail.ru» (https://cloud.mail.ru/), предлагающий бесплатно 100 Гбайт дискового пространства.

Полезно знать «Рассылка SeoPult. Выпуск № 87: особенности мобильных версий сайтов»: http://seopult.ru/subscribe.html?id=87 «Мобильные сайты для бизнеса»: http://seopult.tv/programs/moneymaking/mobilniye_sayti_dlya_biznesa/text/ «Как реализовать поддержку обычных мобильных телефонов и смартфонов» (рекомендации Google): https://developers.google.com/webmasters/smartphone-sites/feature-phones?hl=ru «15 вещей, которые вы можете (и должны) реализовать на своем сайте, чтобы сделать его более быстрым для мобильных пользователей»: http://www.cmsmagazine.ru/library/items/moblile/15-things-for-making-your-site-faster-for-mobile-users/ «Ускорение загрузки сайта на мобильных устройствах»: http://frontender.info/speed-up-your-mobile-website/ «Создаем быстрый прототип мобильного приложения»: http://habrahabr.ru/post/189524/ «Рассылка Setup.ru. Выпуск № 3: свое приложение под iOS и Android»: http://www.setup.ru/client/subscription/24 «Продвижение мобильных приложений и аналитика»: http://seopult.tv/programs/mobile/prodvizhenie_mobilnyh_prilozheniy_i_analitika/ «Разработка приложений: через агентство или напрямую?»: http://seopult.tv/programs/mobile/razrabotka_prilozheniya/ «Как создают мобильные приложения»: http://seopult.tv/programs/moneymaking/razrabotka_mobilnikh_prilojeniy/text/ «Мобильные приложения для бизнеса: пять советов для новичков»: http://slon.ru/business/mobilnye_prilozheniya_dlya_biznesa-730069.xhtml «Сделай апп: пять конструкторов мобильных приложений для бизнеса»: http://www.hopesandfears.com/hopesandfears/ideas/cloud/119639-5-konstruktorov-mobilnyh-prilozheniy-dlya-biznesa «Мобильная типографика»: http://habrahabr.ru/post/188484/ Портал Apps4All: http://apps4all.ru Глава 22. Сайт и ваши

Чтобы удостовериться в том, что отображение сайта на мобильных устройствах отвечает вашим требованиям, используйте онлайн-инструменты для проверки совместимости. Мы бы вам рекомендовали в первую очередь: W3C mobileOK Checker (http://validator.w3.org), mobiReady (http://www.ready.mobi/), Browsershots (http://browsershots.org). Для iPhone-версий подходит TestiPhone (http://testiphone.com). Дадим вам еще несколько советов на предмет того, о чем нужно задумываться, если вы заказываете мобильную версию сайта или адаптивный дизайн. • Если мобильная версия представляет собой отдельную сущность, лучше размещайте ее на поддомене. Иначе говоря, m.yoursite.ru, а не yoursite.ru/m. • Отдельную мобильную версию вряд ли удастся адаптировать подо все мыслимые смартфоны и планшетники. С помощью веб-аналитики выберите самые популярные разрешения. В частности, многие «умные» телефоны на платформе Android имеют разрешения 480 × 320 и 480 × 800 пикселей. • Мобверсия может представлять собой отдельный сайт, но базу данных им делайте общую. Иначе будет иметь место преумножение сущностей без необходимости. Чтобы предотвратить проблемы с дублированием контента, используйте в HTML-коде атрибуты rel="alternative" и rel="canonical".

Для помощи в разработке мобверсий существует немало онлайн-сервисов, и самый известный из них – MoFuse (http://mofuse.com/). Достойны внимания и Wirenode (http://www.wirenode.com), Winksite (http://winksite.com/), Mobify (http://www.mobify.com). Принцип их работы сводится к тому, что в систему загружаются страницы веб-версии и теми или иными методами оптимизируются под «карманные» устройства.

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

Используйте короткие URL: в мобильных браузерах люди реже вводят что-либо в адресную строку, однако иногда им приходится вбивать туда название страницы напрямую. Чем проще формы, нуждающиеся в заполнении, тем лучше, и не беда, если в веб-версии полей десять против трех в мобильной: лучше собрать меньше информации о пользователе, но довести его до звонка или заказа, чем остаться ни с чем. Используйте автозаполнение полей, где только возможно. И вообще храните максимум информации, оставляемой посетителем. • Используйте аппаратные возможности гаджетов разумно.

Львиная доля «мобильных» пользователей использует аппараты с сенсорным экраном, или тачскрином (англ. touch-screen). Поэтому не задействуйте в мобверсии сценариев работы, которые требуют манипуляций мышью. Заменяйте их общепринятыми «жестами» (прижившаяся в русском языке калька с англ. gestures): например, выбор – касание пальцем, промотка страницы вниз или прокрутка слайдера с фотографиями – листающее движение в нужном направлении и т. д. По той же причине откажитесь от показа информации по наведению на нее указателя; так часто оформляют справки. Пусть все интерактивные элементы будут крупными: кнопки, веб-формы, поля, где нужно ставить галочки, и т. д. • Не заставляйте посетителя вводить данные с клавиатуры без крайней на то необходимости. Отнюдь не все набирают буквы

• Адаптивный дизайн. Еще несколько лет назад эта методика отсутствовала как класс, но чем дальше, тем более она популярна. И кстати, всячески пропагандируется Google. Суть ее в том, что в зависимости от того, на каком устройстве осуществляется просмотр, комбинируются и видоизменяются элементы верстки с подстройкой под ширину окна браузера. В адаптивном, или «отзывчивом», веб-дизайне принят также метод mobile first – дословно «сперва [под] мобильный»: сайт изначально проектируется с акцентом на том, что он будет выводиться на экраны гаджетов, ввиду чего делается умеренно аскетичным, с «подвижными» блоками. Адрес у страницы один, просто в ее макет исходно благодаря технологии CSS3 Media Queries заложена вариативность: смотря по обстоятельствам меняется число колонок, размер текста, величина управляющих элементов и их взаимное расположение и т. д.