Мы знаем, что инфографика - это способ быстро и просто донести до адресата большой объем информации; что мозг воспринимает картинку лучше и быстрее, чем текст; что инфографика широко используется в новостных и аналитических изданиях.

Глупо не поставить эти преимущества на службу маркетингу . Этим прилежно и занимаются агентства, делая инфографику клиентам направо и налево. На выходе - ужасные результаты, насилие над графикой и смыслом.

Почему так происходит? Ответ в этом посте. После его прочтения вы сможете :

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

Если ты такой умный, то где твой ROMI?

Инфографика в маркетинге «в лоб» не работает. Она напрямую не влияет на классическую цепочку «привлечение»-«конверсия»-«удержание». Глупо ждать, что схема покупки сразу увеличит число заказов, а графика о скидках приведет к повторным заказам.

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

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

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

Хотя с каждым годом роль ссылок в ранжировании результатов поисковой выдачи сокращается (по крайней мере, поисковики так говорят), эффект от обратных ссылок на сайт никто не отменял. Ничего плохого нет, что ссылка на вашу инфографику появится в посте блогера или аналитической статье.

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

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

Короче говоря, инфографика сама по себе никому не нужна. Ее нужно правильно преподнести. И будьте готовы на это потратиться.

Выбираем сюжет

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

Шаг 1. Возьмите тему, которая:

  • актуальна , т.е. связана с происходящими событиями, праздниками и особыми датами, временем года. Например, сумасшествие с Pokemon Go , корги , День Металлурга , жаркое лето ;
  • важна для вашей целевой аудитории: связана с вашей продукцией или услугами, затрагивает иные интересыаудитории. Например, если вы подключаете компании к интернету, расскажите клиентам о тарифах, особых предложениях и бонусах ; как автоматизировать бизнес и почему выгодно отдать кейтеринг на аутсорс . Все это, конечно, в разных работах.

Шаг 2. Разверните тему. Возьмем для примера Pokemon Go.

1. Расскажите все про нее: историю, малоизвестные факты и цифры, биографии людей и персонажей. Например,

  • «Кто такие покемоны? »;
  • «Чем известна Nintendo, кроме Pokemon Go? »;
  • «Какие бывают покемоны? »;
  • «Что нужно знать о Pokemon Go? »;
  • «Pokemon Go и другие популярные игры для мобильных устройств ».

2. Научите чему-то читателей, предложите им инструкцию для применения. Проявите заботу , и люди это оценят;

  • «Как установить и играть в Pokemon Go? »;
  • «10 лайфхаков Pokemon Go »;
  • «Все способы прокачки опыта в Pokemon Go ».

3. Сравните c аналогом или антиподом: «Чем Pokemon Go лучше Ingress? ».

4. Проверьте, можно ли набрать много чисел и характеристик: «Список всех покемонов в Pokemon Go ».

После этих шагов остаются несколько тем. Будет нелишним пропустить их через три сита Сократа . Для каждого из сюжетов ответьте на три вопроса:

  • «Вы уверены, что то, что вы скажете, правда?»
  • «Вы уверены, что вы скажете что-то хорошее?»
  • «Вы уверены, что людям необходимо увидеть то, что вы хотите рассказать?»

Итак, вы уверены, что никого не введете в заблуждение из-за незнания темы, принесете в мир свет и пользу людям? Что ж, теперь пора задаться главным вопросом.

А нужно ли вообще делать инфографику?

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

Вот отличительные признаки массива данных, для которого лучше использовать инфографику:

  • не менее 10 различных элементов или фактов;
  • каждый элемент имеет одно или несколько свойств: количественный показатель, привязку ко времени, географическому региону и тому подобное;
  • знания, полученные на основе данных, сводятся к 1-2 идеям, сюжетам . Простых списков может быть сколько угодно, но число идей должно быть ограниченным.

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

Сначала подумайте: а действительно ли нужно делать инфографику?

Какие бывают типы инфографики?

Есть несколько подходов к классификации инфографики: первый , второй , третий и другие. Наиболее распространенный подход к классификации был предложен NeoMam Studios. Эта же студия разработала гайд по выбору типа инфографики. Но обо всем по порядку.

Тип 1. Визуализированная статья

Визуализированная статья - это презентация материала с добавлением небольших графических форм. Здесь акцент делается на заголовке, и он должен убедить читателя потратить время на изучение. Как и в текстовой статье.

Тип 2. Алгоритм, блок-схема

Речь идет о визуализации процесса или алгоритма принятия решения.

Тип 3. Практичная инфографика (useful bait)

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

Тип 4. Таймлайн

Это тип, в котором события или элементы располагаются в последовательности : хронологической или пространственной, смысловой.

Тип 5. Сравнение

В качестве объектов сравнения могут быть выбраны реальные предметы или понятия. Никто не любит сухие сравнения - нужно добавить юмора в графику или тексты.

Тип 6. Числа

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

Тип 7. Фотоинфографика

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

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

И когда в настоящее время, все еще продолжается этап выработки общей национальной идеи в России, а неадекватность поведения Запада только возрастает, с уверенностью можно говорить лишь об одном - главным стержнем патриотизма в нашей стране, всегда была и останется ее Армия и Флот.

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

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

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

ОБЩИЕ СРАВНЕНИЯ

ЭКСПОРТ ВООРУЖЕНИЙ

Обратите внимание насколько дешевле и качественнее, российские экспортные модели и военные объекты.



ТАНКИ


СУХОПУТНЫЕ ВОЙСКА


Обращаю ваше внимание на отсутствие у американских бригад средств ПВО(!), отсутствие ракет класса земля-земля, не имение систем залпового огня и иные странные на первый взгляд и абсурдные решения...

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

Что ясно говорит нам об иных целях подобного формирования. И действительно, ни с кем кроме "карманных армий", бригады США никогда не воевали.


АВИАЦИЯ






ФЛОТ


САУ


КОСМОС

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



ОБОБЩЕНИЕ

Новая, вежливая Армия нашей страны, на сегодняшний день не просто находится на втором месте в мире, но в действительности прямо конкурирует за планетарное лидерство с первой.

Своими успехами, поведением и победами, "вежливая Армия" учит граждан России быть патриотами. И делает это не с трибуны - зачитывая лозунги, а на полях сражений, плацах учебных центров и успешных командировках по всему земному шару.

Смотря на них, каждый житель нашей страны понимает, что быть патриотом - это значит быть преданным своему Отечеству, создавать образ в делах и нормах поведения, вносить свой вклад в национальное возрождение России, в обеспечение ее безопасности от внешних и внутренних угроз, глубоко сознавать необходимость выполнения воинского долга в рядах Вооруженных Сил и свято чтить героическое прошлое своей Родины.

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

И это понятно, ведь все что они и их хозяева сегодня могут, это до паники опасаясь Армии России, "ходить" и мелко пакостить вокруг нашей страны, всякий раз оглядываясь на то, а не слишком ли сильно своей "мышиной возней", они разозлили

Русского Медведя...


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

Сегодня мы призываем вас вместе порассуждать, что же делает инфографику инфографикой. А что - просто красивой картинкой с текстом.

Часть примеров - из журнала «Инфографика» , спасибо им за труд.

Исследование и повествование - равноценны

Это два полярных подхода к инфографике. Первый предложил статистик Эдвард Тафти, второй - дизайнер Найгел Холмс. Первый назвал свою инфографику «исследовательской» (слово explorative гораздо точнее подходит, как нам кажется). Второй окрестил свою «повествовательной» (narrative).

Отличить их нетрудно

Если видите адские нагромождения столбцов, кривых и осей, как будто вам снится кошмар про Microsoft Excel — перед вами типичная исследовательская инфографика, детище Тафти.

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


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

Просто о сложном

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

Плохо

Процесс написания контента. Показана только последовательность шагов и ничего больше. Это вполне хорошо бы воспринималось и обычным нумерованным списком.


Хорошо

Варианты приготовления кофе. Показан объем и тип чашки, последовательность «слоев», состав, дозировка ингредиентов. Текстом получилось бы длиннее и не так понятно.


Оба самостоятельны и право на жизнь имеют. Ок, идем дальше. Что делает инфографику хорошей?

Баланс графики и информации

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

Плохо

Отличный визуальный стиль и рисовка, но смысла ровно нисколько. Визуализация одного числа — сомнительная задача для инфографики.


Хорошо

Тот же стиль иллюстрации, но показано гораздо больше — состав бургера и откуда берутся все его ингредиенты. Уже лучше.


Если инфографика выглядит на сто баллов, а смысла в ней на полтора - это просто упражнения в дизайне и не более того.

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

Инфографика для ленивых. Она должна быть понятна как на «общем плане», так и при детальном рассмотрении.

Плохо

Функции смарт-часов. Общий план понятен — перед нами все возможности часов. В детали нужно всматриваться — некоторые иллюстрации непонятны.


Хорошо

Места обитания и рацион птиц в США. Зрителю понятен общий посыл, также он быстро считывает данные по каждой птице: где живет, чем питается.


Инфографика, которая содержит двусмысленности и неясности, отправляется в корзину. Нужны только простые и понятные образы.

Нет бессмысленного декора

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

Каждый дизайнер должен постоянно спрашивать себя: «зачем?». Особенно перед тем, как нарисовать очередной завиток на инфографике.

Инфографика живет и без текста

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

Этот пункт стоит разобрать чуть подробнее. Выберем случайную картинку из интернета по запросу «инфографика»:


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

Если убрать с картинки весь текст, то получится вот так:


Уловить смысл теперь практически невозможно, иллюстрации недостаточно «говорящие». Более того - левая и правая часть почти не отличаются. Вывод: это не инфографика, а иллюстрированный текст.

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


Если убрать все тексты, то инфографика практически не потеряет в смысловой нагрузке - всё потому, что ключевые данные визуализированы, а второстепенные просто добавлены текстом:


Даже если бы мы убрали числа - остались бы «капельки» и можно было бы сравнить, на что воды уходит больше, а на что меньше. А это уже инфографика.

Итого

Вычислить настоящую инфографику несложно. Ее признаки:

  • Она говорит просто о сложном. Причем так, что любой текст с задачей бы не справился. Или это был бы долгий и нудный текст.
  • Она балансирует между эстетикой и смыслом. Если картинка детализирована до последнего штришка - она должна нести много информации. Если информации мало - достаточно простой визуализации.
  • Ее легко воспринимать. Даже при беглом осмотре понятен как общий смысл, так и значение мелких элементов.
  • В ней нет дизайна ради дизайна. Где-то писали, что одним из критериев хорошей инфографики является «красота». Буллщит, господа. Дизайн решает задачи, а не любуется сам собой - это справедливо для любой области его применения, для инфографики в том числе.
  • Инфографика живет и без текстов. Конечно, всё зависит от ее типа, но универсальный тест (убрать тексты и посмотреть, что вышло), никто не отменял.

Кстати, инфографика бывает интерактивной - так что если у вас проект, где нужно визуализировать кипы данных, можно посмотреть в ее сторону.

Так, например, мы сделали Dataface - создания, если интересно.


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

Бонус

За последние лет 5 инфографика набрала популярность, потом уронила эту популярность, а сейчас возвращается - в виде анимированной и интерактивной инфографики.

Если Вам нужно компактно представить большой массив какой-либо информации, попробуйте воспользоваться для этого приёмами инфографики.

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

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

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

Преимущества инфографики

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

Не даром в крупных издательствах над созданием инфографики обычно работают группы из двух-четырёх человек. Один из них, обычно, занимается составлением текстовки, а остальные трудятся над её стилистическим оформлением.

Основными преимуществами инфографики являются:

  • наглядность представления информации;
  • обобщённость подаваемой информации;
  • экономия времени и места для демонстрации большого объёма данных;
  • красочность и привлекательность для конечного пользователя.

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

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

Для создания хорошей инфографики Вам потребуется большая база всевозможного клипарта, гибкая в настройке базовая канва и красивые шрифты. Всё это имеется в арсенале сервиса :

При регистрации Вы получаете в своё распоряжение:

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

Главными же недостатками бесплатного тарифного плана являются наличие водяного знака, ограничение качества загружаемого изображения, а также наличие водяного знака. Однако за безлимитный доступ к сервису придётся ежемесячно раскошеливаться на 29 баксов, что при наших доходах довольно накладно...

Последним недостатком Piktochart является его англоязычность. Однако, этим "грешат" практически все подобные сервисы, поэтому либо придётся смириться (интерфейс довольно очевидный), либо запускать его в Хроме с активированным автопереводчиком.

Оценить качество инфографики в Piktochart и ещё раз взглянуть на плюсы и минусы Вы можете ниже:

Вторым толковым сервисом для создания инфографики можно назвать :

Данный сервис тоже англоязычен, но имеет вполне понятный интерфейс, в котором можно довольно быстро разобраться.

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

В отличие от предыдущего сервиса, создатели Easel.ly гораздо сильнее ограничивают выбор графических элементов для бесплатного использования. Это же касается и шрифтов, которые в большинстве своём не поддерживают русский язык. Однако, нехватку графики, в принципе, можно компенсировать загрузкой собственных изображений (до 60 штук).

Что же реально радует, так это то, что сервис не накладывает никаких водяных знаков на сохраняемую инфографику! Правда, и здесь, увы, не без оговорок... Если Вы захотите скачать картинку в высоком качестве, то положение русскоязычного текста может "поплыть", а в PDF он будет заменён "кракозябрами" :(

Поэтому сохранять придётся либо в оригинальном размере, либо используя функцию шаринга готовой инфографики для блогов:

И замыкать тройку лидеров у нас сегодня будет сервис, ориентированный больше на создание диаграмм и традиционных блок-схем, но вполне пригодный и для создания инфографики - :

Одним из главных преимуществ данного сервиса является, пускай и частичная, но русификация! Кроме того, редактор Cacoo реализован на флеше, который может получать список установленных в Вашей системе шрифтов и использовать их для создания надписей. Поэтому в плане работы с кириллицей данный сервис - один из лучших в Интернет на сегодняшний день!

Однако, поддержка русского языка - далеко не единственное преимущество Cacoo. К ним также можно отнести:

  • большое количество клипарта;
  • поддержку загрузки собственных изображений (правда, не больше 500 КБ каждое);
  • возможность совместного просмотра и редактирования диаграмм;
  • отсутствие водяных знаков;
  • сохранение в PNG без искажений в большом размере.

Казалось бы, всё прекрасно, но не совсем... Облом начинается с самого создания инфографики: в Cacoo нет специальных шаблонов под данный вид презентационных материалов! То есть, Вам потребуется либо создавать пустой лист, либо адаптировать под свои нужды одну из тем для лендингов или ментальных карт.

Далее клипарт. Всяких иконок и картинок имеется довольно много, но эстетическое качество большей их части оставляет желать лучшего... Для традиционных диаграмм и блок-схем, в принципе, это годится, но инфографика с таким оформлением будет выглядеть не очень. Благо, можно загружать собственные изображения, но есть ограничение на их размер (не более 500 КБ каждое).

В остальном же Cacoo - довольно мощный инструмент, который позволяет создавать профессионального качества диаграммы и иные презентационные материалы. Но его интерфейс довольно запутанный и требует изучения.

Cacoo можно назвать также одним из самых демократичных сервисов в плане ограничений. Так, нас не ограничивают в выборе шаблонов и клипарта, как это делается у конкурентов. У бесплатного аккаунта существует только три серьёзных лимита:

  1. Можно хранить не более 25 блок-схем.
  2. Можно загружать собственные картинки размером не более 500 КБ.
  3. Можно сохранять результаты работы только в формате PNG.

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

Сравнение

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

Особенности / Сервис
Поддержка русского языка (интерфейс / надписи) - / некоторые шрифты - / только стандартные шрифты частично / любой системный шрифт
Интерфейс интуитивно понятный простой местами запутанный
Шаблоны для инфографики + ограниченное количество - (можно адаптировать шаблоны лендингов)
Клипарт много ограниченное количество много (мало качественного)
Дополнительные функции вставка карт, видео, диаграмм вставка диаграмм вставка диаграмм
Водяной знак при сохранении + - -
Сохранение в большом размере - +/- (русские надписи "плывут") +

Выводы

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

Главное, что с современными сервисами Вы можете практически полностью отказаться от традиционного графического редактора и создавать профессионального вида инфографику без особых усилий прямо в своём браузере!

P.S. Разрешается свободно копировать и цитировать данную статью при условии указания открытой активной ссылки на источник и сохранения авторства Руслана Тертышного.

P.P.S. Если Вы хотите быстро создавать различные блок-схемы на своём компьютере оффлайн, то Вам может пригодиться программа Diagram Designer:
https://www..php