Компьютерликбез. Теперь мобильный!





Всем привет!

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

Десктопная версия Android

Абракадабра на планшете

Мобильная версия блога (сайта)

Вообще, надо сказать, что многие интернет — маркетологи уже давно заявляют, что у каждого сайта должна быть мобильная версия. Это обусловлено тем, что рынок мобильного интернета развивается стремительными темпами. И если сайт не адаптирован, или не имеет мобильной версии, то он с каждым годом (а может быть, и чаще) будет терять все больше и больше посетителей.

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

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

1. «Что это?» И закрываете страницу, то есть уходите с него.
2. «Этот сайт не работает.» И опять закрываете страницу и уходите.
3. «Ерунда какая-то И уходите, уходите, уходите...

И все бы ничего, только вот для сайта это похоже на «выстрел в голову». Это называется «Отказ», то есть если Вы пришли из поиска и провели на сайте менее 15 секунд, то для сайта это очень, очень, очень и еще раз очень плохо. Об отказах я также упомянул в сегодняшнем видео...

Те, у кого нет сайтов или блогов не удивляйтесь после этого почему вебмастера ставят попапы (ну всевозможные всплывающие окна). Они стараются чтобы Вы проявили хоть какую-то активность, хоть куда-то кликнули или что-то ввели с клавиатуры. Иными словами, это делается, в том числе и, для того, чтобы Вы сделали хоть какие-то действия перед уходом. Хотя главная цель у этих окон, конечно же, другая...

Актуальность мобильной версии

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

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

Так вот до того, как я поменял дизайн, Вы знаете, у меня был вполне адаптивный шаблон. То есть его не разрывало, не косило и он не «плыл» в разные стороны, а тихо-мирно и аккуратно вписывался (пусть и в миниатюре) во все разрешения экранов. Кстати, вот вроде бы единственный скриншот, сохранившегося старого дизайна, причем в мобильной версии с моего Nokia Lumia:

Internet Explorer на nokia lumia 520

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

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

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

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

Мобильная версия — это необходимость

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

Мобильная версия Fly

И тут, Евгений Ходченков, напомнил в очередной своей рассылке, о плагине для WordPress - WPTouch. Его я, кстати, устанавливал около года назад, но что-то он у меня не работал. Не работал из-за кэширования. Это я понял совсем недавно и об этом же рассказываю в видео. Год назад я об этом не знал и не стал разбираться. Тогда я его просто удалил и забыл о нем.

Теперь же, подумал я, прошло достаточно времени. И, вероятно, уже сам плагин претерпел много обновлений. Может быть, теперь, он будет нормально работать?

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

P.S. Уже наковырял, все настройки в видео, которое я записал через неделю после написания этой статьи. Осталось только подружить мобильную версию с браузером Opera под Symbian, но об этом в конце статьи я дописал небольшое дополнение.

Мобильная версия на iPhone

Статистика — наше ВСЕ!

Хочется еще сказать пару слов об актуальности мобильной версии блога. Вернее, о том, как я заблуждался...

Ясное дело, что, скажем, для магазинов, сервисов, больших новостных порталов, социальных сетей, мобильная версия — архиважный элемент, но для блога, тем более не такого мощного как, например, Бигпикчер, это не так важно — наивно думал я до тех пор, пока не сделал выгрузку статистики по мобильному трафику за последний месяц.

Статистика мобильного трафика за месяц

Смотрите, какая любопытная вещь получается: первые три места занимают три основные (читай популярные) мобильные операционные системы, если ориентироваться по производителям гаджетов:

1. Samsung - Android;
2. Apple - iOS;
3. Nokia - Windows Phone/Mobile/SymbianOS.

И обратите внимание на процент отказов. Если у Nokia и Apple он довольно большой, то Android еще, можно сказать, терпимо. Но дело в том, что среди тех Samsung'ов (Android'ов) очень много планшетов, а на планшетах мой дизайн смотрится нормально. Вот скрин с моего Asus Google Nexus 7.

Десктопная версия на планшете

В то время как у Nokia, вообще, нету планшетов. Я имею в виду что в этой выборке на мой сайт не было переходов именно с планшетов Nokia. А, вообще, их планшеты существуют, например, тот же Nokia Lumia 2520. Но сейчас не об этом.

Так вот я теряю 30% людей, имеющих смартфоны Nokia и iPhone, а это плохо.

Дальше больше. Apple. Да, я пока что ничем не могу помочь пользователям «яблочной» продукции. У меня нет статей про iOS, а тем более про MacOS просто потому что, я стараюсь писать только практические статьи. Статьи, в которых я сам что-то попробовал и применил. Поэтому мне хочется Макбук, тогда я бы стал с ним разбираться и рассказывать Вам об этом...

Впрочем, одна статья есть и посвящена она Стиву Джобсу. Это даже не статья, а скорее соболезнование по поводу его кончины. Я создал свой блог в год его смерти. Тогда я только завел блог и пост получился коротенький. Кстати, вот он.

С другой стороны, у человека ведь может быть планшет или смартфон Apple, а десктопный компьютер или ноутбук может работать на Windows. И что делать этому человеку, если у него компьютер не подключается к Интернету и Windows заблокирован? Конечно, взять свой гаджет Apple и зайти на Компьютерликбез, прочесть статью и решить проблему!

Но даже и этого он не может сделать, потому что у Компьютерликбеза нет мобильной версии...

И человек уходит...

Грусть, печаль...

Но теперь ничего подобного не будет!

Ибо Компьютерликбез теперь мобильный!

Windows Phone

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

Да, и небольшое дополнение про Nokia X6 и браузер Opera, Вы найдете под видео.

Дополнение про Nokia X6

Уже когда записал видеообзор, я вспомнил про второй свой смартфон Nokia X6. Старенький, конечно, аппарат, но и его потестить было не лишним. Ведь мы не можем знать с каких устройств к нам будут заходить люди, правда? Мы должны быть, как говорится, быть «во всеоружии».

Итак, напомню, Nokia X6 работает под операционной системой Symbian, в которой, кстати, есть свой стандартный браузер, но можно поставить и отдельный. У меня это, конечно же, Opera Mobile. В 2009 или 2010 году, когда я его покупал, этот браузер был актуальным для смартфонов.

Так вот с Оперой я, пока что, не смог подружить свою мобильную версию и выглядит все в данный момент — вот так:

Браузер Opera в Nokia X6

А вот стандартный браузер приятно удивил! Конечно, все не так опрятно и чисто как, скажем, на Android, iOS и Windows Phone, но, по крайней мере, лучше чем в Опере, правда?

Дефолтный браузер в Nokia X6

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

Вот. Теперь все. Пишите комментарии. Может, кто-то по-своему настроил плагин и сумел-таки «подружить» старые мобильные операционные системы с плагином WPTouch?

P.S.  Подписывайтесь на обновления, потому что скоро напишу статью про облачный софт. Будет интересно. Обещаю!