Если вы всерьез занимались версткой какого-нибудь сайта, вам наверняка доводилось сталкиваться с несовместимостью сайта с некоторыми браузерами. Особенно сильно этим грешат браузеры от Microsoft — чем ниже версия Internet Explorer'a, тем больше проблем возникает.

Пародоксально, что до сих пор так много людей использует Internet Explorer 6, который вышел в 2001 году.

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

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

Браузер

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

В интернете есть несколько решений, но я не нахожу их приемлимыми:

• готовые образы виртуальных машин с нужными браузерами от Microsoft (ограниченный срок работы, большой размер для загрузки)
• Multiple IE — программный пакет с несколькими версиями браузера (не всегда запускается, нет IE 7)
• плагин IE Tab для Firefox (очень ограниченная функциональность, практически нет отладки)
• режимы совместимости в IE 8 (помогает совсем немного)

Лично я установил VMware, создал две виртуальных машины с Windows XP и разными версиями Internet Explorer'a на них. Это оказалось наиболее практичным вариантом для меня.

Но можно поступить и проще. Я недавно узнал о существовании прекрасной программы — IE Tester.

Программа позволяет в одном окне в разных вкладках запускать различные версии Эксплорера (от 5.5 до 8). На моем Windows 7 все работало без каких-либо проблем.

Я проверял, насколько отображение сайта в этой программе соответствует отображению в настоящих IE и не нашел отличий.

Инструменты

Единственный недостаток программы — на нее нельзя устанавливать дополнительные панели, как на обычный браузер. То есть, неплохое, как для IE, средство отладки - Internet Explorer Developer Toolbar использовать не получится.

Взамен, с сайта IE Tester можно скачать другую панель для отладки — DebugBar. Отображение DOM структуры, стилей, HTTP-запросов; есть JavaScript консоль. В целом неплохо, но я не нашел способа удобно модифицировать стилевые свойства или добавлять атрибуты. Впрочем, уже существующие атрибуты у элементов можно изменять.

Если DebugBar вам не понравился, можно попробовать Firebug Lite. Это более простая версия версия известного расширения для отладки на Firefox. Решение базируется на JavaScript — все, что вам нужно сделать — это вставить несколько строчек в код страницы.

Плюс в том, что можно добавлять свой CSS код на лету, чего я не нашел в DebugBar.

Думаю, используя эти инструменты можно с успехом отладить сайт.

P.S.

На последок: интересный случай, который произошел со мной, пока я занимался одним сайтом.

Сайт в IE 6 выглядел просто ужасно. В IE 7 пару элементов «распались» — я исправил это в течении 15 минут. Но IE 6... На сайте не узнавались даже общие элементы. Вздохнув, я начал переделывать все с самых верхних элементов, постепенно вынося правки в коде в отдельный файл для IE6.

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

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

Что-то вроде:

/* Кнопочки пыщь пыщь пыщь */

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

>_<

Также посмотрите:

• Как начать программировать?
• BitLocker популярно
• Как продолжить загрузку Оперой
• Windows 7 Beta. Первые впечатления

Вашему вниманию небольшая программка моей собственной разработки.

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

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

Числа можно вводить от 0 до очень больших. Оформление навеяно переворачивающимися ретро часами.

Запускается на девайсах c Windows Mobile 2003 и старше при наличии Compact Framework 3.5.

Версия 1.0

Скачать
Зеркало

(пожалуйста, не ставьте прямые ссылки)

Также посмотрите:

• Как начать программировать?
• Динамическое подключение C# DLL к C++

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

Для того, чтобы получить эту системность, я поступил в университет. Но, на самом деле, это не слишком помогает. Только пройдя некоторый путь, начинаешь что-то понимать.

Если вы так же не можете понять логики во всем этом сложном мире программирования — вам сюда. Итак, предположим, вы решили стать программистом.

Я расскажу, по какому принципу строится обучение в университете, а потом о том, как бы я советовал начинать изучать программирование.

Университет

Следует понимать, что в университете преподают «академическое» программирование. Как и ко многим другим наукам, преподаваемым в университетах, подход к обучению программирования очень обстоятельный.

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

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

И говоря «полностью», я имею ввиду, не только компонентный подход («Это видеокарта, а это процессор»), а и более глубокие уровни («Регистры процессора Intel 80386 можно разделить на такие группы»), вплоть до элементарной базы («Диод — это ...»).

Вы будете ученым. Приятно знать всю эту информацию, это бывает полезно в работе, но не настолько часто.

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

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

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

Если учится самому

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

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

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

Однако, если бы я начинал учить кого-то программированию, я бы предложил начать с C#.

Еще было бы неплохо сразу задумать себе какую-нибудь цель — решить написать какую-нибудь определенную программу.

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

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

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

Я помню, у меня была проблема, когда после изучения С++ по одной из книг, я не мог перейти к программированию приложений под Windows. Это было ужасно. Я прочел книгу о языке. Переменные, конструкции языка, вывод строк на экран — все стало довольно просто.

А вот чтобы создать простое «Hello World» окно в Windows — надо было очень постараться. Сразу появляется множество новых непонятных вещей: оконные процедуры, хендлы, сообщения и прочие атрибуты WinAPI. Перестаешь понимать, как это все работает...и забрасываешь обучение.

С# сразу привязан к Windows и прикладному уровню. Начать — совсем просто. Окна программ создаются с помощью визуального редактора — это не сложнее работы в Ворде.

Потом программа постепенно обрастает кодом.

Кроме того, C# изначально объектно-ориентирован. Мне было сложно по книге понять, что вобще этот ООП такое. Но на практике понимаешь все довольно быстро.

Кроме того, С# — новый язык. C# программисты востребованы. Я не говорю, что C# — идеальный язык, у него есть свои недостатки, но по-моему с него очень хорошо начинать обучение программированию.

Впринципе, C# — не единственный язык, который удовлетворяет вышеперечисленным требованиям, но мне он нравится больше всех.

Практика

Чтобы начать программировать, понадобится среда программирования — Microsoft Visual Studio. Качать варез необязательно, Microsoft предлагает облегченную бесплатную версию — http://www.microsoft.com/express/vcsharp. То, что нужно для обучения.

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

Необходимые примеры можно найти в интернете. В интернете вобще можно найти все необходимое. Основной источник информации для Windows программиста -- библиотека MSDN.

Удачи!

Также посмотрите:

• Динамическое подключение C# DLL к C++
• Отладка сайтов в старых IE
• Pocket Counter: счетчик для КПК
• BitLocker популярно

Ну вот. Новая нашумевшая игра. Все хотят поиграть. Вы тоже.

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

Иногда впрочем вместо черного экрана можно получить милые полосочки разных цветов.

У некоторых игра зависает через несколько секунд, у других — через несколько минут, но играть все равно невозможно.

Ах, да, еще. У вас видеокарта Radeon от AMD/ATI. Скорее всего что-нибудь из HD 38xx серии. У меня вот 3870. Судя по всему у владельцев более новой 48хх (4850, 4870) серии проблемы возникают реже, но тоже возникают.

Итак, как же можно побороть эту проблему с черным экраном в Острагаре? Попробуйте такие шаги:

1. Отключите антивирус

Скорее всего это не поможет, но можно поробовать.

2. Заставьте игру использовать одно ядро

А вот этот пункт некоторым помогает — отдельным счастливчикам. Оставить игре одно ядро процессора можно в диспетчере задач.

Вот пошаговая инструкция:

1. Запустите игру и дождитесь загрузки главного меню
2. Нажмите Ctrl+Alt+Del и запустите Диспетчер задач
3. На вкладке игры найдите процесс игры — он больше всех использует оперативную память.
4. Нажмите правой клавишей и выберите пункт «Задать соответствие» или «Set affinity».
5. Оставьте игре одно ядро.

В итоге у вас получится что-то в таком духе:

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

3. Даунгрейд драйверов

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

Скачать нужные драйвера можно отсюда:

http://www.guru3d.com/news/ati-catalyst-9-7-vista-windows-7-64bit/

После этого я делал так: зашел в диспетчер устройств и откатил драйвера для видеокарты, после чего запустил инсталлятор и установил версию 9.7.

Впрочем мне это не помогло.

4. Торможение видеокарты

Можно взять две 3870 видеокарты, но от разных производителей, и на одной видеокарте игра будет идти без проблем, а на другой — черный экран и все такое. Судя по всему те игроки, у которых видеокарты были немного разогнаны на заводе, больше подвержены риску столкнуться с проблемами. У меня, например, именно такая карточка от MSI.

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

Тактовые частоты ядра и памяти для моего Радеона по-умолчанию такие: 800 и 1125.

Но когда я понизил частоты до 700 и 1024...вуаля, я смог нормально играть и пройти Остагар.

Собственно, это единственный из пунктов, который мне помог.

Понизить частоту можно в RivaTuner:

Кстати, вы же знаете, что я не несу ответственности, если с вашей видеокартой что-нибудь случится? Такое изменение частоты скорее всего лишает вас гарантии.

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

Удачи!

Также посмотрите:

• Установка Accelero S1 rev.2 на MSI Radeon HD 3870
• Mirror’s Edge. Распространенные проблемы
• Как “на глаз” определить почему тормозит игра

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

Кто круче?

.classname .classname2 div

или

Specificity

Разобраться в этом, поможет такая табличка.

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

• Если это инлайн стиль (style="color: red;"), A начисляется единица.
• За каждый идентификатор в селекторе В начисляется единица.
• За каждый класс, псевдокласс (:hover) и другой атрибут (например, [type=text] для input) начисляется единица С.
• Тоже самое происходит с элементами html и псевдоэлементами (:before) для D.

Потом все эти цифры объединяются вместе, и у кого больше, тот и победил

Примеры

а Просто один html элемент. А=0, B=0, C=0, D=1
а.big Большая специфичность за счет класса. А=0, B=0, C=1, D=1
a:hover Элемент и атрибут. Специфичность такая же, играет роль только порядок записей. А=0, B=0, C=1, D=1
.classname .classname2 div Класс в классе и 1 элемент. А=0, B=0, C=2, D=1.
#id_name Идентификатор побеждает всех. А=0, B=1, C=0, D=0.
style="" Инлайн-запись побеждает даже идентификатор. А=1, B=0, C=0, D=0.

Следует понимать, что цифры не просто конкатенируются:

0 1 0 0 все равно круче чем 0 0 10 0, потому что учитывается каждая отдельная буква.

Правила

На основании этой таблички легко разработать следующие простые правила:

1. Применяйте самые общие стили к html элементам, менее общие — к классам и атрибутам, и совсем уникальные — к идентификаторам.
2. Инлайн стиль победит всех. Используйте осторожно.
3. В целом, чем более сложный и «глубокий» селектор, тем больше у него приоритет.
4. Спецификации предусматривают, что id следует применять к одиночному элементу html, а классы — к повторяющимся.
5. Однако к глобальным элементам, таким как какой-нибудь wrapper div лучше применять класс, а не идентификатор, даже если он всего один, потому что потом стиль элемента можно будет легко изменить программно, добавив еще один класс.

Также посмотрите:

• 6 способов привлечь внимание людей
• F-образный принцип чтения веб-страниц
• “Говорящие головы” в онлайн видео – это скуучно
• Яркое оформление, красивые слова => выглядит как реклама => игнорировать

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

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

Сегодня, я немного изменю своей привычке и напишу смешанный пост. 

Ворк

Если вы принадлежите к тем немногочисленным людям, которые составляют постоянную аудиторию моего блога (Сережа, привет! ), вы должно быть обратили внимание на то, что с июня месяца новых постов не появлялось. Ужасная вещь для блогера! Что я себе думаю?

Что ж — я был занят. Меня нашла работа.  Мне довелось почти три месяца проработать в крупном (если не крупнейшем) рекламном агенстве Украины. Никаких названий я, конечно, называть не буду — вам придется поверить мне на слово. Я занимался программированием для веба: поддерживал, правил и делал сайты для клиентов.

Работа имела свои плюсы и минусы, наверно, как и любая другая работа. Из плюсов — неплохая зарплата, хороший коллектив, работа с крупными клиентами.

Что не понравилось, и на чем я хотел остановиться детальней —  то, как там делаются вещи.

Иногда мне кажется, что я перфекционист. Иногда я начинаю думать, что это везде так.

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

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

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

Но если бы только клиент был невежествен. Невежественным являются и люди в самом агенстве.

Неэффективность. Огромная неэффективность. Например, трата огромных сил для того, чтобы размещать на сайте статьи, которые потом никто не прочитает. Ever. И знаете что? Это никого не волнует. Работа ради работы. Работа, чтобы показать, что «мы работаем».

Клиенту потом похвастаются — «за отчетный период на сайте была размещена 51 статья».

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

Сами сайты передаются из рук одного рекламного агенства в руки другого. Мне довелось видеть сайт, 80% которого работала на одной CMS, а остальные 20 — на другой.

И на самом деле никто не заинтересован в хорошем результате и какой-либо качественной работе. Это «лишь бы сдать» тянется цепочкой: агенству лишь бы сдать работу какому-нибудь бренд-менеджеру со стороны клиента, тому — лишь бы хорошо отчитаться перед начальником. И так далее.

Я ушел.

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

Я был не слишком доволен самой сутью работы — делать сайты для других. Я решил попробовать заняться своим делом. I can do better. Это было сложное решение — слишком много всего было на обоих чашах весов. Меня отговаривали от моей затеи и уговаривали остаться.

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

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

Я не сожалею о потраченных трех месяцах — я узнал много нового. Но теперь, пора кое-что изменить.

Также посмотрите:

• 6 способов привлечь внимание людей
• Яркое оформление, красивые слова => выглядит как реклама => игнорировать
• Приоритет в CSS
• Закрытые общества Интернета

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

В общем, рекомендую.

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

Субтитры на русском — от меня. Я старался сделать адекватный перевод так, чтобы только читая субтитры можно было уловить суть. Поэтому написанное на экране иногда может не дословно соответствовать речи.

Если у вас есть улучшения или замечания к субтитрам — пишите, и я внесу их. Скачать видео в оригинальном (большем размере) можно на TechEd Spotlight!, а субтитры — отсюда.

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

Как настроить BitLocker в моей системе

Да, наилучшая защита обеспечивается использованием TPM чипа вместе с BitLocker'ом, но не на всех компьютерах он есть. Скорее, на очень редких компьютерах он есть, особенно у нас. Впрочем стоит отметить, что новые материнские платы, даже бюджетные, обычно имеют разъем для TPM.

Вместо TPM или в дополнение к нему можно использовать PIN код или USB носитель. PIN код нужно будет вводить на старте системы, а USB носитель соответственно тогда же вставлять.

В видео настройка BitLocker'a, например включение других режимов авторизации осуществляется в редакторе групповой политики. И приводится путь, где найти нужные ключи:

Local Computer Policy | Computer Configuration | Administrative Templates | Windows Components | BitLocker Drive Encryption

Возможно, в вашей системе нужные вам ключи будут находится в подпапках:

• Operating System Drives — отвечает за системные разделы с Windows
• Fixed Data Drives — другие разделы на несъемных носителях
• Removable Data Drives — съемные носители

В этом случае настройки задаются отдельно для разных типов дисков.

BitLocker и сменные носители

Так же BitLocker можно использовать на сменных носителях, в часности на USB дисках. В этом случае доступ к зашифрованным файлам будет возможен по паролю или по смарт карте. Эта более легкая версия BitLocker называется BitLocker To Go.

Зашифровать диск можно на Windows 7. Включить шифрование на сменном диске довольно просто — зайдите в проводник, нажмите правой клавишей мыши на USB диске и выберите «Turn on BitLocker...».

После этого чтение с флешки будет доступно на Windows 7, Vista и на XP. Это возможно благодаря исполняемому файлу, который записывается на диск.

Чтение файлов будет доступно после предоставления пароля или смарт карты. Также можно сделать так, чтобы флешка автоматически «открывалась» на определенном компьютере.

К сожалению, запись на диск будет недоступна на всех системах отличных от Windows 7.

Также посмотрите:

• FlashBoot: работаем с загрузочными usb флешками
• Отладка сайтов в старых IE
• Как начать программировать?
• Windows 7 Beta. Первые впечатления

Треш своими руками . Вот, что бывает, когда у тебя слишком много свободного времени.

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

Random Posts

• GTA 4 тормозит, лагает и вобще
• Как продолжить загрузку Оперой
• ClearType: что это такое и как это настроить?
• F-образный принцип чтения веб-страниц

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

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

Есть у кого поучиться

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

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

Давайте подумаем, кто занимается похожими задачами?  Захватить и удержать внимание?

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

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

У телевизионного канала немного другая задача. Существует мало способов заставить человека переключиться на нужный канал. Обычно люди попадают на канал, просто «щелкая» каналы в поисках интересной передачи. Единственное, что могут сделать люди на ТВ — это постараться удержать зрителя как можно дольше на своем канале.

Как они это делают? Интересное содержимое, конечно, важно, но есть и некоторые другие методы, о которых мы поговорим позже.

А пока поговорим о том, что нужно сделать нашему сайту. У ТВ зрителя есть свобода выбирать, что ему смотреть, но в определенных рамках. У него есть свобода выбирать между тем, что ему предлагают, между тем, что сейчас «идет». Более того, остановившись на какой-то программе, зритель лишается возможности выбирать, что ему смотреть. Он смотрит то, что ему покажут.

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

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

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

Вы это знали

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

0. Содержание

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

1. Форматирование текста

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

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

Чтобы добиться лучшей «читаемости» текста используйте:

• абзацы
• заголовки
• выделение ключевых фраз жирным и курсивом
• таблицы
• списки

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

Иногда, можно сделать текст интересным используя только форматирование. Вот, к примеру, 2 страницы из «Космополитен». Какая страница вам больше нравится?

Кстати, привлекающее внимание форматирование текста — это не большие красные буквы.

2.Картинки

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

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

Для сравнения, оцените другой новостной сайт — Корреспондент.net. Все заголовки в колонке «Последние новости» абсолютно нечитаемы, потому что идут ровными стройными рядами. Это скучно. Хочется смотреть, куда угодно, но только не на эти заголовки.

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

3. Анонс и начало

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

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

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

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

Аттракторы

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

Вот несколько обложек «Космополитена» (да, да, я люблю этот журнал ).  Прежде чем читать дальше, попробуйте найти общие элементы.

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

Какие приемы можно было бы использовать в этих случаях?

4. Особые слова

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

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

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

Кстати, не стоит перебарщивать. Благодаря рекламным баннерам вида «ШОК! С Жанны Фриске сполз лифчик», некоторые слова вида «шок», «скандал», «ужас» могут не только не привлечь нужного внимания, но и, наоборот, отпугнуть внимание людей.

5. Люди, лица

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

Человеческие лица вобще очень хорошо привлекают внимание. Подтверждение этому вы можете найти в одной из статей серии «Куда смотрит пользователь».

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

Лица счастливых людей можно часто увидеть к месту и не к месту в городское рекламе.

6. Цифры

Менее заметная одинаковая черта всех обложек — использование цифр. 7 способов, 40 причин, 6 секретов. Иногда доходит до абсурда — на обложке одного журнала упомянутое число зашкаливало за 300.

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

Вот, считай, идеальная реклама в метро. И цифры, и лица.

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

К читателям

На Википедии эту статью назвали бы оригинальным исследованием. Автор не претендует на полноту. Если у вас есть отзывы, а главное — дополнения к статье — милости прошу в комментарии.

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

Также посмотрите:

• Приоритет в CSS
• Яркое оформление, красивые слова => выглядит как реклама => игнорировать
• F-образный принцип чтения веб-страниц
• Реалии украинского рекламного бизнеса

Этот пост — попытка составить список известных закрытых сообществ Сети.

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

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

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

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

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

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

Рекомендуемый шаблон: название сообщества; тематика одной фразой; скриншот закрытого раздела; развернутое описание сообщества; описание того, что дает регистрация.

Список закрытых обществ

Дару~дар

сообщество людей, которые любят дарить и получать подарки

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

Или наоборот — получаете понравившуюся вам вещь в подарок.

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

Dirty.ru

коллективный блог

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

Зарегистрированные пользователи могут постить в блог и имеют доступ к закрытым разделам сайта.

Хабрахабр

коллективный блог/социальная сеть

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

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

Лепрозорий

коллективный блог

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

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

Упячка

ммм...тематический коллективный блог

Сложно описывать Упячку. Лучше сами посмотрите. Основная идея — бессмысленность и абсурдность, которая начинает нравиться. Имеет свои устоявшиеся слова и темы, вроде упоминания Вассермана, «пяней» и тп.

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

0day.kiev.ua

варез портал

Известный варез портал в Украине. Наполнение достаточно неплохое, особенно в свете закрытия Инфостора. Варез выкладывается на украинские файлообменники, на собственный ftp-сервер или на трекер. Незарегистрированные пользователи имею возможность просматривать только общие «разговорные» разделы форума.

Зарегистрированным пользователям —  доступ ко всему варезу, что есть на сайте. Инвайт на сайт, впрочем, можно достаточно дешево купить (пожертвованием от 5$).

Конец списка.

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

Также посмотрите:

• Приоритет в CSS
• Реалии украинского рекламного бизнеса
• 6 способов привлечь внимание людей
• “Говорящие головы” в онлайн видео – это скуучно