1. Ссылки покупок

    Создание сайта под бурж для ЧК

    Белая схема - Заработок полностью на автомате!

    Доступ в приватный форум

    Timon&Pumba - 2 скрипта для сoздания трaфикoвых сайтов

    =прибыльная схема=

    «facebook 2.0» — с 0 до 100$ в сутки за 30 дней — второй набор на обучение к дмитрию сидашу

    Бесплатный уникальный контент (тексты) для сайта

    FАS - прoдвинутый cкpипт для быстрoй индeксaции. Нa бaзе Мувeр-2

    Уникальная методика слива трафика из Facebook

    Кровавая неделя партнёрского маркетинга. Акуле плевать

    БаблоРуб. Практический онлайн-курс Дмитрия Шахова - Профессиональное продвижение любых сайтов (2016)

    Бесплатный траффик только ЧК

    Jonn22: Технология создания дорвеев. Бесплатный трафик!

    Инструкция как получить внешний HDD

    Прибыльная схема с доходом 40-60 тыс в месяц

    [Валерий Морозов] - Секреты сторителлинга (2017)

    [Wordpress] Сборка WP-MFC +WP-MFC LINKATOR +WP-MFC GOOGLE (АКЦИОННЫЙ ПАК 2) 2017

    Узнавать больше, учиться меньше(Скот Янг) - Часть 3

    LPACK: создаём лендинги западного уровня при помощи шаблонов + как на этом заработать + 550 шаблонов

    Как заработать на youtube

    "Mувep" - модуль для ускopeния индeксaции сайтов

    Александр Корнилов (kote) : Тизерная кухня 2.0 - интенсив 2017

    Цифровые Ноотропы (Digital Energy Mandala)

    Первый курс по Telegram (2017)

    Продвижение в Инстаграмм (2017) Топовый автор.

    Facebook - подписчики десятками в день на ваши страницы

    SEO Марафон 2.0 по продвижению сайтов от WPNEW (2017)

    от 100$ в месяц на дорвеях Вконтакте

    Заработок на Алиекспресс и ВК

    Сайт по продаже покупке видеоигр

    Арбитраж трафика для тех, кто хочет результата! 2017

    Курс по личному продвижению в социальных сетях

    [WP] Обучающий видеокурс по Visual Composer

    [Дмитрий Воронов] Оформление групп и пабликов в соцсетях, каналов на ютубе.

    Две стратегии, субботний коучинг по баскетболу

    Две стратегии, субботний коучинг по волейболу

    Методика слива трафика. Арбитраж (Бурж и Ру)

    Трафик из ВК v.3

    Как создать и упаковать инфопродукт, который будет пользоваться спросом

    [Мультовод] - Заработок на мульти аккаунтах 2017

    Схема пассивного заработка на накрутке топовых партнерок

    Два скрипта для создания трафиковых сайтов на автомате

    Бинарные опционы. Стратегия (система) "СКВОЗНОЙ КАНАЛ"

    Instagram + буржунет. Тотальное палево фишек, софт и кейсы (видеокурс)

    Белая схема заработка. 8-10к в неделю не напрягаясь

    [РФ_Мир] Вывод 1 к 1: WebMoney, YandexMoney, Qiwi —> Безнал по Миру 0% Наличные рубли от 2%

    Два скрипта для создания трафиковых сайтов на автомате

    Тренинг "Профессиональная Настройка РСЯ"(2016)

    Зарабатывай на сайтах. Мануал по созданию cайтов на копипасте без блокировок (201

    Скрипт. Холодные звонки в BtoB с высокой конверсией [Авторская]

    Обучение дропшиппингу на Amazon – Ваш официальный бизнес за рубежом (2016)

    Видеотренинг CPA 2.0

    [Udemy.com] Alibaba - Ваш посредник в деле получения огромной прибыли (Новинка, 2016)

    Бизнес на налогах

    Стратегия "Звезда бинарных опционов" позволяет зарабатывать от 10 000 рублей ежедневно!

    [Courson] Холодные звонки. Как продать идею за 100 секунд?

    SalesHub - Мастер-группа: Запуск бизнеса на Amazon за 90 дней (2016)

    ОКтрафик - краткий курс по Одноклассникам для новичков и не только!

    Прибыльный VisitWeb (Юрий Минаев)

    Турбо-запуск товарного бизнеса за 1 день (Пакет GOLD, 2016) Осень

    Photoshop. магия внутри

    Тизерный трафик. Масштабирование с нуля до результата

    Гребём лопатой Adult трафик - белая схема заработка 50$ в день без вложений (2016)

    Клуб Миллионеров - Стратегия Триллион для форекс и бинарных опционов

    Способ продвижения в топ Youtube за 1 день (2016)

    Схемы заработка без вложений

    Wordpress помогатор 3.1

    Стратегия Ставок на Футбол от Густаво Доньжи

    Стратегия на турбо опционы

    Обучение по Бинарным Опционам.

    Бизнес по рецепту. продажа женских товаров

    Мануал по добыче бесплатного трафика с поисковика Bing (2016)

    От 6к уникальных посетителей на страницу ВК

    Facebook

    Стратегия Лайв Профит - ставки на футбол

    [Ирина Шмидт] - Церебро Таргет 2016

    Новый дорген.

    Стратегия на спорт.

    Двойной арбитражник по бесплатному трафику (2016)

    Подробная инструкция по Созданию интернет магазина чая с нуля (2016)

    Чертежи солнечного био-вегетария площадью 1200 кв.м. (СБВ-Профи)

    Адский стрим по копирайтингу: то чувство, когда подглядывать - хорошо!

    Видео-Курс - Tехнология быстрого старта в email рассылках (2016)

    Продвижение партнерских программ в одноклассниках (2016)

    Научу грести трафик. Только успевай сервера покупать!

    Трафик из ВК (Схема + Кейсы)

    Пассивный доход со стабильными выплатами.Схема добычи трафика.

    Секрет создания аккаунта яндекс директ без НДС

    Система ставок от проверенного каппера

    Государственный и банковский конфискат +VIP блок (2016)

    Как работать и зарабатывать деньги на продвижении своих проектов (2016)

    Секреты бесплатной рекламы от бывшего сотрудника Вконтакте

    Mobile Арбитраж - Арбитраж мобильного трафика (2016)

    BUSINESS MANUAL - Безопасные схемы заработка

    Как получать 1000-и заказов из CPA сетей (Дм.Ковпак)

    Как зарабатывать удаленно 100 тыс. руб на продвижении в Инстаграме без вложений и жить в Тайланде

    Самонаполняемые Видео-сайты!

    Прибыльная стратегия для бинарных опционов, первый доход через считанные дни + бонус!

    Траф с Вк за копейки

    Профит на онлайн теме от 30к до Неизвестно в месяц

    Легальный высокодоходный бизнес в реале

    Скрыть объявление
  2. Новое в Копилке

    Виртуозный трейдинг с Доктором Богатовым

    Автонаполняемый сайт [[REDDS]]

    Герман Стерлигов - Как безошибочно создать своё крестьянское хозяйство с нуля

    Финансы для нефинансистов [FULL PACK]

    Автонаполняемый Женский портал

    Коучинг Управление репутацией в сети - Дмитрий Сидорин

    Вращение руками - Наталья Королева

    Онлайн-марафон Огород от А до Я Лучшее за сезон 2016

    Интенсив Внедрение CRM-системы в отделе продаж - Университет продаж amoCRM

    Что ждать от арбитража.Для новичков

    КЕЙС: 120 800 руб. из тизерок без опыта в арбитраже на новой похудалке НЕЙРОСЛИМ

    Xelius Group(Павел Пахомов) - Опционы на миллион

    Стратегии ставок Холова на настольный теннис

    Ковалевский Антон - Прикосновение к своему Пути. Начало путешествия.

    12-ти недельный курс mba или лучшие стратегии роста и прорыва для бизнеса

    Кириллов. Гений жизни - Эффективное управление деньгами.

    [Олег Луканов] Ortega Project Insider. Харизма в соблазнении

    Smart Payment - Секреты Инфомаркетинга 2017

    [Шива] Об абсолютной необходимости любви к себе (2016)

    Еленин Сергей - Состояния в знакомствах (2015)

    19 УБОЙНЫХ ХАКОВ ДЛЯ LANDING PAGE

    Плагин ускорения для сайта WP Rocket v2.9.1.1 - на русском

    Черников - Видео для подписных

    Крючок. Как я зарабатываю по 79$ каждый день на автомате, просто раздавая книги (Ксения Шокина)

    Киселев - Новая система ставок

    [AST Production] Закрытое сердце

    Гейдж Дэвид - Партнерское соглашение: Как построить совместный бизнес на надежной основе

    Питер Скотт. Динамичная Торговля на Теннисе

    [Сухоруких] Анатомия СЕО - "SEO актив"

    Обучение составлению семантического ядра Key Collector (28 поток) [февраль 2017]

    Целевая Аудитория в Инстаграм

    Статьи с pokerstrategy по покеру

    [Биней, Udemy] Как создавать первоклассные рекламные объявления для Instagram

    Авторская стратегия (тоталы)

    Схема заработка 90 к за 2 месяца в Вк

    [Россоловски]-Программа снижения высокого артериального давления

    [Россоловски]-Программа подготовки организма к восстановлению во сне

    Виктор Орлов - Продактивити 2

    Тема Shopier. Последняя версия.

    Торговый робот FORTA Forex

    Анализ доходности ПАММ-счетов от Артема Звездина

    Анимированный экшен - Gif Animated

    Башкирова - Менеджер по продажам. Строим карьеру с нуля (2016)

    Сегментация как способ найти клиента - [profileschool]

Адаптивный дизайн для блога / сайта — нужно ли?

  1. [​IMG]Я тут начал потихоньку внедрять новый шаблон для блога и столкнулся с такой штукой как адаптивный дизайн (или адаптивная верстка). С ее помощью при уменьшении размеров экрана макет сайта будет корректно подстраиваться под новые параметры. Поэтому на планшетах или смартфонах ваш проект будет выглядеть все также привлекательно и останется максимально удобным для использования. Звучит круто, согласитесь! А просматривая подборку из 25 красивых адаптивных дизайнов, я еще больше загорелся желанием внедрить такую фишку и у себя в блоге. К счастью, большинство современных шаблонов поддерживают адаптивную верстку. Однако, дойдя до практики, у меня появились определенные сомнения.

    Безусловно, когда число мобильных устройств растет такими темпами игнорировать «мобильную аудиторию» просто глупо. Недавно с удивлением обнаружил, что некоторые из моих сайтах 10-15% пользователей просматривает именно с планшетов/смартфонов. 15% — цифра весьма внушительная, это не 1-3% как раньше, а через пару лет она будет еще больше. Какое бы решение по поводу мобильной версии сайта вы не приняли, задумываться и учитывать данных посетителей нужно.

    Теперь, собственно, о решениях:

    • Обычный дизайн сайта без изменения.
    • Адаптивная верстка.
    • Мобильное приложение.
    • Отдельная мобильная версия сайта.

    Каждый подход, в принципе, имеет свои преимущества и особенности.

    Обычный дизайн


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

    [​IMG]

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

    [​IMG]

    Я знаю этот сайт по десктопной версии, но иногда захожу с мобильника чтобы быстро глянуть новости или расписание трансляций матчей. Из всего экрана мне нужны только 2 небольшие области и все, остальная информация мало волнует. В адаптивной верстке мне пришлось бы искать нужные тексты в «общей ленте» других записей, используя прокрутку. То же самое, фактически, и в блогах, и в разных информационных сайтах — сайдабр, меню, футер — это все дополнительные области, пользователь ориентируются только на текст (как в RSS). Но и убирать их с сайта на смартфоне нельзя, так как они могут понадобиться.

    Адаптивная верстка


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

    Адаптивный дизайн хорош для восприятия информации. Он отсекает все лишние элементы изначально и вы получаете доступ только к контенту.

    [​IMG]

    Горизонтальное меню, как правило, трансформируется в «иконку с тремя полосками», при клике на которую оно открывается. В центре экрана — текст, графика, ничего лишнего. И все же меня не покидает мысль о том, что большой информационный портал в таком виде я бы просматривать не смог. Вот то же меню, нормально смотрится в примере, если там 6-7 пунктов, а у меня в блоге, например, их 20-30 (категории). И даже, если запихнуть их под красивую маленькую иконку при открытии это будет выглядеть громоздко.

    Что касается удобства информации. Шрифты большие, читабельные, картинки подстраиваются под размер экрана. Теоретически, в адаптивной верстке можно скрыть ненужные блоки дабы больше внимания уделить контенту, например, убрать из отображения блок «последние фотографии галереи». С одной стороны вы сэкономите место, с другой желающий глянуть фото просто зайдет в соответствующий раздел сайта. Главное, чтобы та или иная информация не скрывалась для пользователя вообще. Здесь не подойдет такой вариант, как в RSS, когда виден только текст.

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

    Приложение и мобильная версия сайта


    Этот вариант для своего блога я, безусловно, не рассматриваю, но он существует. Идеальный пример такого подхода — Facebook: у них имеется десктопная версия, мобильная m.facebook.com и приложение, которое они рекомендуют для более удобной работы в смартфонах.

    [​IMG]

    Сейчас мобильные версии сайтов m.имя_сайт.com мало кто делает, хотя когда-то разработчики считали это направление весьма перспективным. Рынок устройств изменил требования к таким сайтам раз и навсегда. Однако некоторые все еще создают подобные страницы. Думаю, это свойственно крупным проектам по типу социальных сетей. Тем не менее, все больше из них переходят на приложения. Не удивлюсь, если через пару лет, мобильных версий не останется вовсе.

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

    Итого, сделаю несколько выводов:

    1. Безусловно над мобильным отображением сайта нужно работать, какой бы подход вы не выбрали. Если у вас, например, есть блок социальных иконок, который на смартфоне будет закрывать кусок текста для чтения, то это неприемлемо.
    2. Адаптивная верстка прикольная, но как по мне, подходит не для всех типов сайтов.
    3. Однако удачный адаптивный дизайн — это как красочный имиджевый макет, может создать отличное впечатление о проекте.
    4. Некоторым людям (я думаю не один такой) логичнее воспринимается обычная версия сайта с возможностью перемещения по макету. Это не так сложно, как утверждают адепты адаптивной верстки.
    5. Приложение подойдет для крупных порталов. Есть смысл делать, если аудитория будет его активно использовать.

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

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

    А что вы думаете про адаптивную верстку/дизайн?


    © Tod's Blog. Про заработок в интернете, 2014. | Нет комментариев | Категория Web разработка, Дизайн/графика, Мои проекты.

    Интересные статьи по теме

    [​IMG]
     

Поделиться этой страницей