<?xml version="1.0" encoding="windows-1251"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">
	<channel>
	<title>eSector Blog</title>
	<link>http://blog.esector.ru/</link>
	<description>Корпоративный блог компании eSector Solutions</description>
	<language>ru</language>
	<copyright>Copyright: (C) eSector Solutions, LLC, see http://blog.esector.ru/terms/ for terms and conditions of reuse</copyright><!--

	{WCO:RSS}

--><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/esector-blog" /><feedburner:info uri="esector-blog" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><feedburner:browserFriendly></feedburner:browserFriendly><item>
		<title>Запускайте веб-стартапы без опросов и тестирования</title>
		<author><![CDATA[
		Сергей Капустин <sergey@esector.ru>		]]></author>
		<link>http://blog.esector.ru/blog/index.php/entry/.56/</link>
		<description><![CDATA[<p>Наблюдайте за пользователями после запуска продукта, а не за фокус-группой и выделенной группой экспертов до запуска.</p>
<h2><br>Не тратьте время и деньги на:</h2>
<ul>
<li>Фокус-группы</li>
<li>Тестирование удобства использования (формируя для этого отдельную внутреннюю рабочую группу)</li>
<li>Независимое экспертное тестирование</li></ul>
<p>Сколько бы людей ни участвовало в тестировании вашего продукта (сайта, веб-сервиса, веб-приложения, онлайн-сообщества), и как бы эти люди ни были опытны и как бы им ни была близка тематика вашего продукта, это <strong>не может гарантировать выпуск продукта без изъянов и недочетов</strong>. </p>
<p class=quote>Мне кажется вполне обоснованным мнение о том, что юзабилити-тестирование при запуске бесполезно. Мы на самом деле тыкаем пальцем в небо, когда придумываем сценарии тестирования. Намного полезнее постепенно разрабатывать чеклисты для проверки продукта перед запуском.</p>
<p class=quote><em>Аскар Байбузов (Информационный архитектор и проектный менеджер компании eSector Solutions)</em></p>
<p>&nbsp;</p>
<p>Опросы участников фокус-групп, экспертное тестирование с применением специального оборудования и программного обеспечения, выделение отдельного процесса и команды для тестирования <strong>может отбросить запуск вашего продукта на неизвестный срок</strong>. Пока вы тестируете, на «другом конце интернета» кто-то уже выпустил аналогичный продукт и собирает вокруг него постоянную аудиторию.</p>
<p>С одной стороны, есть такое мнение:</p>
<p class=quote>Это болезнь индустрии, к сожалению. Производители ПО постоянно находятся под давлением пользователей, которые заставляют их выпускать недоработанные продукты.</p>
<p class=quote><em>Аскар Байбузов (Информационный архитектор и проектный менеджер компании eSector Solutions)</em></p>
<p>&nbsp;</p>
<p>А с другой, есть и такие:</p>
<p class=quote>Мне кажется, что иногда программисты забывают о том насколько это большая работа — создавать ПО в крупных компаниях. То, что нам может показаться небольшим изменением пяти строк кода может потребовать пять человеко-недель работы после того как пройдены все обязательные процессы. В данном случае мы имеем в виду Microsoft, но это может быть любая другая крупная компания.&nbsp;</p>
<p class=quote><em>Джеф Этвуд (Разработчик ПО для Windows)<br></em>Читать всю публикацию Джефа о разработке ПО в крупных компаниях: <a href="http://www.codinghorror.com/blog/archives/001082.html" target=_>http://www.codinghorror.com/blog/archives/001082.html</a> (на английском) </p>
<p><br>&nbsp;</p>
<p class=quote>Я не сделал ни одной презентации в Power Point. Мы даже не используем документы Microsoft Word, мы просто разговариваем друг с другом.</p>
<p class=quote>У нас очень, очень интересная и динамичная обстановка. Я думаю, что какой инновационной бы ни была атмосфера в крупной компании, вы не сможете воспроизвести обстановку стартапа. И я думаю, что это именно то почему обстановка в стартапах настолько заразительна и поразительна и это именно то, что привлекает так много людей.</p>
<p class=quote><em>Брет Тейлор (бывш. сотрудник компании Google, ныне — основатель компании FriendFeed)</em><br>Читать интервью Брета для Fortune: <a href="http://blogoscoped.com/archive/2008-03-18-n20.html" target=_>http://blogoscoped.com/archive/2008-03-18-n20.html</a> (на английском) </p>
<p>&nbsp;</p>
<p>Забудьте про тестирование как отдельный процесс разработки и про фокус-группы. Просто <strong>убедитесь, что все, что в итоге получилось, соответствует ранее определенным целям, интересам аудитории, техническому заданию, информационной архитектуре и вашим внутренним стандартам качества</strong>. Хорошо, когда в вашей компании используются документы для контроля качества перед началом и окончанием каждого процесса разработки, но даже если этого нет, не стоит заморачиваться. Просто положитесь на опыт всех участников проектной команды. Главное — поскорее запустить то, что вы задумали.</p>
<p class=quote>Считаю, что при таком подходе очень многое будет зависить от команды и их отношения к проекту. В стартапах, где каждый член команды является совладельцем, такой подход, наверно, самый лучший.</p>
<p class=quote><em>Санжар Ахмедов (Ведущий разработчик компании eSector Solutions)</em></p>
<p>&nbsp;</p>
<p>Когда вы запустите ваш продукт и расскажете о нем, им начнут пользоваться не лабораторные крысы в нашпигованных датчиками лабораториях,</p>
<p><img src="/res/info-images/laboratory_rat.jpg"></p>
<p><strong>а те, для кого ваш продукт предназначен</strong>. Они будут решать свои задачи, сидя в пижаме у себя дома или в привычной обстановке в офисе. Они будут пользоваться вашим продуктом и допускать ошибки, жаловаться на отсутствие нужных им возможностей и неудобный интерфейс. Но они будут пользоваться, пытаясь решать задачи, которые они поставили сами, а не задачи, подготовленные заранее супер-знатоками пользователей. </p>
<h2><br>Но, разрабатывая продукт, выпуская и управляя им, не забудьте:</h2>
<p>1. Включить в него возможности для того, чтобы быстро сообщить об ошибке, задать вопрос, пожаловаться на неудобства или отсутствие важной возможности. Если ваш продукт ориентирован на англоязычную аудиторию, можете использовать этот <a href="http://getsatisfaction.com/" target=_>http://getsatisfaction.com/</a> сервис. У них есть виджеты и API <a href="http://getsatisfaction.com/for_companies" target=_>http://getsatisfaction.com/for_companies</a> для интеграции с сайтом вашего продукта.</p>
<p>2. Установить Google Analytics (эксперементируйте с разными вариантами страниц, пытайтесь понять, почему пользователи, только попав на главную страницу, сразу уходят с вашего сайта, ищите причины, по которым пользователи не используют те или иные инструменты или не заходят на некоторые страницы, изменяйте сайт постоянно, чтобы увеличить процент преобразования посетителей в постоянных пользователей, анализируйте поисковые запросы пользователей во внутреннем поиске...)</p>
<p>3. Следить за тем, что говорят о вашем продукте в блогах, форумах, вопросах и ответах...</p>
<p>4. Записывать все действия пользователей, особенно их «ошибки» (примеры действий: куда не нажимают, откуда попадают на страницы 404-й, 500-й и других ошибок, обращают ли внимание на подсказки, какими разделами помощи пользуются чаще, сколько шагов требуется для решения основных задач...)</p>
<p>5. Исправлять критические ошибки в кратчайшие сроки и сообщать об этом пользователям.</p>
<p>И не бойтесь последствий. В начале обязательно будут недовольные тем, что вы запустили недоведенный до ума продукт. Но именно эти мнения для вас наиболее ценны и очень маловероятно, что вы бы их получили, задавая вопросы участникам фокус-групп (которые вы сами придумали) и привлекая экспертов для анализа вашего продукта.</p>
<p class=quote>Цель тестирования — не избавить продукт от недочетов вообще, а найти важные проблемы в интерфейсе. Кстати, как раз вероятность того, что пользователи будут через форму сообщать о проблеме, крайне низка.</p>
<p class=quote><em>Аскар Байбузов (Информационный архитектор и проектный менеджер компании eSector Solutions)</em></p>
<p>&nbsp;</p>
<p>Поэтому веб-формы, в которых вы предложите пользователям делиться с вами своими идеями и сообщать о проблемах, не единственный способ анализа. Такие инструменты как <a href="http://www.google.com/analytics/" target=_>Google Analytics</a>, <a href="http://www.robotreplay.com/" target=_>RobotReplay</a> и <a href="https://crazyegg.com/" target=_>CrazyEgg</a> позволят вам узнать о проблемах, и не задавая вопросы посетителям.</p>
<p>Тех пользователей, кто потратил свое время, чтобы сообщить вам о проблеме или поделился идеей — благодарите и премируйте. Они должны почувствовать причастность к вашему продукту. Как если бы вы все работали в одной команде.</p>
<h2><br>Для кого подойдет предложенный выше подход</h2>
<p>Подход, который я предлагаю выше подойдет для небольших компаний с большими идеями. Ключевым преимуществом небольших команд является скорость запуска продукта на рынок, а самым дешевым или бесплатным способом тестирования являются сами ваши пользователи.</p>
<p>Также следует отметить, что опросы и тестирование не нужны особенно тогда, когда сами разработчики являются частью целевой аудитории продукта.</p>
<p class=quote>Гораздо обычней когда дизайнеры сами являются основной частью целевой аудитории. Открытое ПО зачастую можно отнести к категории: создано гиками и для гиков. Поэтому Linux, Apache, Perl и множество аналогичных продуктов настолько успешны, по крайней мере до тех пор пока основной целевой аудиторией все еще остаются технологически подкованные пользователи. Конечно, у тех же самых продуктов нет никаких шансов, постоянно увеличивая количество пользователей, привлечь к использованию и обычных людей.</p>
<p class=quote><em>Якоб Нильсен</em> <br>Читать всю статью про латание бреши между дизайнером и пользователем: <a href="http://www.useit.com/alertbox/designer-user-differences.html" target=_>http://www.useit.com/alertbox/designer-user-differences.html</a> (на английском) </p>
<p><br>Если вы собираетесь разрабатывать, например, веб-приложение для врачей, веб-сервис для специалистов в нано-технологиях или онлайн-сообщество для пенсионеров — вам понадобяться представители целевой аудитории. Их можно привлечь как советников, можно провести тщательно продуманный опрос и обязательно индивидуальный для каждого респондента, вы можете решить провести тестирование на фокус-группе, когда ваш продукт будет к этому готов.</p>
<p>Вы запускали веб-проекты без опросов и тестирования? Пожалуйста, расскажите о вашем опыте.<br></p>]]></description>
		<pubDate>Tue, 22 Apr 2008 05:02:57 GMT</pubDate>
	</item><item>
		<title>Ищем бриллианты при помощи веб-сервиса DiamondPriceGuru.com</title>
		<author><![CDATA[
		Яна Киселева <yana@esector.ru>		]]></author>
		<link>http://blog.esector.ru/blog/index.php/entry/.55/</link>
		<description><![CDATA[<p><a href="http://esector.ru/projects/index.php/browse/.esp.website/view/.260/" target=_>Про историю создания, аудиторию и возможности веб-сервиса DiamondPriceGuru.com</a> было рассказано на нашем сайте, сейчас я хочу рассказать о том, как искать бриллианты.</p>
<p>Итак, представляю себя влюбленным женихом и иду на веб-сервис DiamondPriceGuru.com в поисках бриллианта для обручального кольца для своей ненаглядной.</p>
<p>Моя задача — найти бриллиант с самыми лучшими параметрами (огранка, цвет и чистота) за 2000 долларов. У вас задача может быть другой.</p>
<p>&nbsp;</p>
<h3>1 этап: Выбираю параметры бриллианта</h3>
<p>Чтобы найти подходящий бриллиант для своей&nbsp;бриллиантовой девушки выбираю его форму, ограничения в стоимости, огранку, цвет и чистоту.</p>
<p>&nbsp;</p>
<h4>Форма бриллианта</h4>
<p>Форму выбираю чек-боксами, при этом я могу выбрать несколько форм бриллианта или даже все.</p>
<p>&nbsp;</p>
<p><img src="/res/info-images/diamond_price_guru_1.png"></p>
<p><em>Выбран Emerald, а на Round просто наведен курсор</em></p>
<p>&nbsp;</p>
<p>Я думаю, что моей избраннице больше понравится круглый бриллиант, поэтому выбираю его, а на Emerald кликаю еще раз, чтобы отменить выбор.</p>
<p>&nbsp;</p>
<p><img src="/res/info-images/diamond_price_guru_2.png"></p>
<p><em>Выбрана круглая форма бриллианта</em></p>
<p>&nbsp;</p>
<p>При этом я не стремлюсь попасть в маленький чек-бокс, а кликаю на любую часть картинки.</p>
<p>&nbsp;</p>
<h4>Стоимость бриллианта</h4>
<p>У меня 2000 долларов, поэтому в правом от шкалы поле вписываю число 2000. Минимальное значение в 200 долларов уже установлено.</p>
<p>Правый слайдер сам устанавливается на то значение, которое я вписала.</p>
<p>&nbsp;</p>
<p><img src="/res/info-images/diamond_price_guru_3.png"></p>
<p><em>Установлена цена от 200 до 2000 долларов</em></p>
<p>&nbsp;</p>
<h4>Вес бриллианта</h4>
<p>Я хочу увидеть все бриллианты до 2000 долларов, поэтому количество карат не выбираю, оставляю от 0,1 до более 6 карат.</p>
<p>Числовые значения вписываются в поля сами.</p>
<p>&nbsp;</p>
<p><img src="/res/info-images/diamond_price_guru_4.png"></p>
<p><em>Размер бриллианта не ограничен</em></p>
<p>&nbsp;</p>
<p>Как вы уже поняли стоимость и караты можно указать и вписав значения в поля, и двигая слайдеры, как вам удобнее.</p>
<p>Огранку, цвет и чистоту бриллианта можно выбрать только слайдерами.</p>
<p>&nbsp;</p>
<h4>Огранка бриллианта</h4>
<p>Моя невеста достойна идеального бриллианта, поэтому выбираю идеальную огранку.</p>
<p>&nbsp;</p>
<p><img src="/res/info-images/diamond_price_guru_5.png"></p>
<p><em>Установлена идеальная огранка бриллианта</em></p>
<p>&nbsp;</p>
<h4>Цвет бриллианта</h4>
<p>Я думала, что бриллианты бесцветны. А оказывается бриллианты бывают разных цветов — желтые, голубые, зеленые, розовые, оранжевые, и, самые редкие, красные.</p>
<p>Веб-сервис DiamondPriceGuru.com ищет только бесцветные бриллианты (их еще называют белыми), которые имеют градацию цвета — от бесцветного (D) до светло-желтого (Z).</p>
<p>Кстати, все это я узнала, нажав на ссылку learn more.</p>
<p>Поскольку желтоватый цвет будет заметен невооруженным глазом, выбираю D.</p>
<p>&nbsp;</p>
<p><img src="/res/info-images/diamond_price_guru_7.png"></p>
<p><em>Установлен цвет D</em></p>
<p>&nbsp;</p>
<h4>Чистота бриллианта</h4>
<p>Чистота бриллиантов может быть от FL (Flawless), когда никаких включений, неоднородностей и точек не видно, до I3 (Included), когда они видны.</p>
<p>Чтобы мое счастье не зависело от каких-то точек, выбираю достаточно хорошую чистоту — от FL до IF.</p>
<p>&nbsp;</p>
<p><img src="/res/info-images/diamond_price_guru_9.png"></p>
<p><em>Установлена чистота бриллианта от FL до IF</em></p>
<p>&nbsp;</p>
<p>С параметрами определились.</p>
<p>После каждого измененного мной параметра в правом блоке менялось количество найденных бриллиантов. Это очень удобно, поскольку сразу можно видеть количество, не переходя на страницу с результатами поиска.</p>
<p>Мне DiamondPriceGuru.com нашел 126 бриллиантов с практически идеальными параметрами и ценой до 2000 долларов.</p>
<p>&nbsp;</p>
<p><img src="/res/info-images/diamond_price_guru_6.png"></p>
<p><em>Найдено 126 бриллиантов</em></p>
<p>&nbsp;</p>
<h3>2 этап: Смотрю результаты поиска</h3>
<p>Нажимаю на большую зеленую стрелку Go to search results и попадаю на страницу с результатами, в которой вижу все 126 бриллиантов.</p>
<p>&nbsp;</p>
<p><img src="/res/info-images/diamond_price_guru_8.png"></p>
<p><em>Страница с первыми 50 найденными бриллиантами</em></p>
<p>&nbsp;</p>
<p>Чтобы в этих результатах найти самый большой бриллиант, мне необходимо перейти на последнюю страницу поисковых результатов, а можно поступить проще — просто нажать на ячейку Carat в шапке таблицы.</p>
<p>И бриллианты теперь расположены не в возрастающем порядке, а в убывающем.</p>
<p>&nbsp;</p>
<p><img src="/res/info-images/diamond_price_guru_10.png"></p>
<p>Кроме каратов можно выводить по убыванию или возрастанию огранку, цвет, чистоту и стоимость.</p>
<p>&nbsp;</p>
<h3>3 этап: Выбираю избранные бриллианты (starred diamonds)</h3>
<p>Я хочу выделить из этого списка 7 самых больших бриллиантов. Для этого нажимаю на звездочку, которая находится рядом с бриллиантом, и так 7 раз.</p>
<p>&nbsp;</p>
<p><img src="/res/info-images/diamond_price_guru_11.png"></p>
<p><em>2 бриллианта уже выбраны, 5 в процессе…</em></p>
<p>&nbsp;</p>
<p>Когда бриллиант выбирается, его звездочка мигает. Этот «гипнотический» эффект был сделан для того, чтобы привлечь мое внимание, под гипноз я не попаду.</p>
<p>Итак, из 126 бриллиантов, подходящих моим условиям, я выделила 7 наиболее подходящих.</p>
<p>&nbsp;</p>
<p><img src="/res/info-images/diamond_price_guru_12.png"></p>
<p><em>7 избранных бриллиантов</em></p>
<p>&nbsp;</p>
<p>Кстати, отменить выбор избранного бриллианта можно, нажав на ту же самую звездочку.</p>
<p>&nbsp;</p>
<h3>4 этап: Сравниваю избранные бриллианты</h3>
<p>Нажимаю на кнопку Go to starred diamonds и попадаю на страницу с 7 избранными бриллиантами.</p>
<p>&nbsp;</p>
<p><img src="/res/info-images/diamond_price_guru_13.png"></p>
<p><em>Страница с избранными бриллиантами</em></p>
<p>&nbsp;</p>
<p>Сейчас я могу данные бриллиантов экспортировать в .xls или .csv формат для подробного анализа.</p>
<p>&nbsp;</p>
<p><img src="/res/info-images/diamond_price_guru_15.png"></p>
<p><em>Сохранение данных в .xls формате</em></p>
<p>&nbsp;</p>
<p>Еще могу распечатать, например, чтобы показать своему другу и попросить совета.</p>
<p>&nbsp;</p>
<p><img src="/res/info-images/diamond_price_guru_14.png"></p>
<p><em>Страница для печати</em></p>
<p>&nbsp;</p>
<p>В моем случае этого делать не нужно, выбор прост.</p>
<p>Поскольку огранка, цвет и чистота 7 бриллиантов одинакова, я могу удалить самые дорогие бриллианты, имеющие одинаковый вес. Удалить бриллиант из избранных можно, отметив его чек-бокс и нажав на кнопку Remove.</p>
<p>&nbsp;</p>
<p><img src="/res/info-images/diamond_price_guru_16.png"></p>
<p><em>4 бриллианта, которые будут удалены из избранных</em></p>
<p>&nbsp;</p>
<p>Осталось 3 бриллианта.</p>
<p>&nbsp;</p>
<p><img src="/res/info-images/diamond_price_guru_17.png"></p>
<p><em>Оставшиеся 3 избранных бриллианта</em></p>
<p>&nbsp;</p>
<p>Это одинаковые по качеству бриллианты, отличающиеся только весом. Раз я готова потратить 2000 долларов, то выбираю самый большой из трех, то есть бриллиант из магазина Adiamor.</p>
<p>Нажимаю на ссылку и попадаю на последнюю страницу веб-сервиса DiamondPriceGuru.com.</p>
<p>&nbsp;</p>
<p><img src="/res/info-images/diamond_price_guru_18.png"></p>
<p><em>Страница ожидания</em></p>
<p>&nbsp;</p>
<p>После чего попадаю на страницу выбранного бриллианта в магазине Adiamor, где могу его купить.</p>
<p>&nbsp;</p>
<p><img src="/res/info-images/diamond_price_guru_19.png"></p>
<p><em>Страница бриллианта в магазине</em></p>
<p>&nbsp;</p>
<p>Самый лучший бриллиант за 2000 долларов выбран. Теперь осталось невесте принять предложение и кольцо с бриллиантом, найденным при помощи DiamondPriceGuru.com.</p>]]></description>
		<pubDate>Wed, 9 Apr 2008 04:14:27 GMT</pubDate>
	</item><item>
		<title>Верстка веб-сервиса Diamond Price Guru.com. Часть 1: Сайдбар, который двигается вместе с прокруткой страницы, находится справа от главного блока и неподвижен по горизонтали</title>
		<author><![CDATA[
		Фарход Файзулаев <farkhod@esector.ru>		]]></author>
		<link>http://blog.esector.ru/blog/index.php/entry/.54/</link>
		<description><![CDATA[<p>Недавно&nbsp;мы запустили <a href="http://www.diamondpriceguru.com/">Diamond Price Guru</a> — сервис для поиска сертифицированных бриллиантов.</p>
<p>Когда я приступил к работе, сервис был почти готов — программный код уже почти весь написан, а первоначальная верстка сделана. Моим заданием было полностью сверстать интерфейс сервиса и оптимизировать его под&nbsp; основные браузеры — Internet Explorer 6 и 7, Firefox 2 и 3, Opera 9 и Safari 3.</p>
<p>Самыми трудоемкими заданиями в верстке стали: блок выбора форм бриллиантов, сайдбар на странице результатов поиска, который движется вместе с прокруткой страницы для Internet Explorer 6 и 7 и форма обратной связи.</p>
<p>В этой статье я расскажу о сайдбаре на странице результатов поиска.</p>
<p><img src="/res/layout-images/diamond_price_guru_sidebar.png"></p>
<p>«Что в этом сложного?», — справедливо спросите вы.</p>
<p>«Ничего, — отвечу я. — Кроме 3-х мелочей: сайдбар должен двигаться вместе с прокруткой страницы, находиться справа от главного блока и быть неподвижным по горизонтали».</p>
<p><img id=still style="DISPLAY: block" src="/res/layout-images/dpg_sidebar_placeholder.gif"> <img id=video style="DISPLAY: none" src="/res/layout-images/dpg_sidebar_animation.gif">
<script type=text/javascript>
function playVideo(play) {
	var video = document.getElementById("video");
	var still = document.getElementById("still");
	var linkhref = document.getElementById("link");
	if (!video.style.display.match(/^block.*/)) {
		video.style.display = "block";
		still.style.display = "none";
		linkhref.innerHTML = "Остановить анимацию";
	}
	else {
		video.style.display = "none"
		still.style.display = "block";
		linkhref.innerHTML = "Воспроизвести анимацию";		
	}
}
</script>
 <a id=link href="javascript:playVideo();">Воспроизвести анимацию</a></p>
<p>Сайдбар на странице результатов был сверстан относительно легко для браузеров, которые поддерживают стандарты. Проблемы возникли с браузерами компании Microsoft — Internet Explorer 6 и 7: пришлось применять не самые красивые приемы, а именно, условные комментарии (conditional comments) и хаки.</p>
<p>Internet Explorer 6 (IE 6) вообще не понимал, что такое position:fixed, а Internet Explorer 7 (IE 7) интерпретировал этот параметр иначе, нежели чем Firefox (FF), Opera или Safari.</p>
<p>Position:fixed в CSS необходим для того, чтобы сайдбар двигался вместе с прокруткой и был визуально неподвижен.</p>
<p>В IE 7 при position:fixed сайдбар по умолчанию позиционируется внутри родительского блока, даже если этот блок имеет float. А вот FF понимает position:fixed иначе: блок с этим правилом будет располагатся в ближайшем родителе, который не имеет float. В нашем случае в IE7 блок располагается внутри блока right-col, а в FF (визуально)&nbsp;внутри блока wrapper (warpper — самый первый &lt;div&gt;, идет сразу после &lt;body&gt; и включает в себя блоки left-col (основной блок) и right-col (сайдбар), оба имеют параметр float:left). 
<p>А если сайдбару с position:fixed дать правило left, то в&nbsp;FF&nbsp;сайдбар «берет начало» с левого края окна браузера. То есть (возмем для примера, значение в 50 пикселей): 
<p class=code>.fixed { position:fixed; top:0; left:50px }</p>
<p>Такой сайдбар будет всегда находиться правее левого края браузера на 50 пикселей, что неприемлемо в нашей ситуации, поскольку разрешения мониторов могут быть разными, а наш сайт должен всегда находиться по центру. </p>
<p>То есть если разрешение монитора 1024&#215;768 (типично для ЭЛТ мониторов с диагональю в 17 дюймов, браузер развернут во весь экран), то блок fixed будет находиться на центральном блоке и загораживать другие элементы.</p>
<p>А если разрешение экрана 1440&#215;900 (широкоформатные 19" LCD мониторы), то этот блок будет находиться далеко слева, за пределами блока wrapper. То есть несмотря на разрешение экрана, блок fixed будет находиться в 50 пикселей справа от левого края границы браузера. Это неприемлемо для нас, поскольку сайдбар должен находиться справа от основного блока и быть визуально неподвижным.</p>
<p>Для разрешения этой ситуации было решено не использовать параметр left для блока с фиксированным позиционированием. Вместо этого я использовал margin (отступ) в браузерах, кроме IE. Что бы достичь этого, я добавил margin-left: 732px (ширина левого (основного) блока) в основном CSS, а в HTML добавил следующий код, который убирает левый отступ для браузеров IE (как описывалось выше, в IE этот блок итак находится там, где надо и лишний отступ сдвинет его за пределы браузера):</p>
<p class=code>&lt;!--[if IE]&gt;<br>&nbsp;&nbsp;&nbsp;&nbsp; &lt;style&gt;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; .fixed { margin-left:0; }<br>&nbsp;&nbsp;&nbsp;&nbsp; &lt;/style&gt;<br>&lt;![endif]--&gt;</p>
<p>Таким образом мы добились одинакового отображения и функционирования сайдбара для всех браузеров, кроме IE6.</p>
<p>Я уже&nbsp;говорил, что этот браузер вообще не понимает position:fixed, и для этого был использован следующий хак:</p>
<p class=code>&lt;!--[if IE]&gt;<br>&nbsp;&nbsp;&nbsp;&nbsp;&lt;style&gt;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;div.fixed { position: fixed; }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;* html { overflow-y: hidden; }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;* html body { overflow-y: auto; height: 100%; }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;* html div.fixed { position: absolute; }<br>&nbsp;&nbsp;&nbsp;&nbsp;&lt;/style&gt;<br>&lt;![endif]--&gt;</p>
<p>Как вы видели на моем примере и, наверное, знаете по своему опыту, браузеры компании Microsoft очень часто требует «костылей», в отличие от браузеров, которые поддерживают стандарты.</p>
<p>Надеюсь, что новая версия IE будет поддерживать стандарты хотя бы на уровне нынешних его конкурентов. Судя по <a href="http://blogs.msdn.com/ie/archive/2008/03/03/microsoft-s-interoperability-principles-and-ie8.aspx" target=_>последним новостям из компании Microsoft</a> так оно и есть —&nbsp; IE 8 будет поддерживать стандарты, что очень радует.</p>
<p>Сейчас код главной страницы Diamond Price Guru соответствует требованиям W3C и является валидным XHMTL 1.0 Transitional.</p>
<p></p>
<p></p></p></p>]]></description>
		<pubDate>Wed, 26 Mar 2008 07:30:29 GMT</pubDate>
	</item><item>
		<title>Немного о том, как мы отмечали Новый 2008 год</title>
		<author><![CDATA[
		Яна Киселева <yana@esector.ru>		]]></author>
		<link>http://blog.esector.ru/blog/index.php/entry/.52/</link>
		<description><![CDATA[<p>На Новый год было решено устроить праздник для души и тела. </p>
<p>Пир души проходил в театре «Ильхом» на спектакле Эдварда Олби, состоящем из двух частей: «Что случилось в зоопарке?» и «Три высокие женщины». </p>
<p>Праздник для тела прошел в индийском ресторане Ragu. </p>
<p>На этом рассказ заканчивается, и начинается показ.</p>
<p>&nbsp;</p>
<p><img src="/res/rest-images/ny_2008_ilvira_office.jpg"> </p>
<p><em>Так шла подготовка к походу в театр.</em></p>
<p>&nbsp;</p>
<p><img src="/res/rest-images/ny_2008_ilkhom.jpg"> </p>
<p><em>Команда иСектора не в полном составе в фойе театра «Ильхом» ждет начала спектакля.</em></p>
<p>&nbsp;</p>
<p><img src="/res/rest-images/ny_2008_ilkhom_timur_dina.jpg"> </p>
<p><em>Дина, вероятно, приняла Тимура за одну из картин или скорее за инсталляцию.</em> 
<p>&nbsp;</p><img src="/res/rest-images/ny_2008_from_ilkhom_to_ragu.jpg"> 
<p></p>
<p><em>Вечер 26 декабря был удивительно холодным. Время, занятое дорогой от театра до ресторана, запомнилось надолго.</em></p>
<p>&nbsp;</p>
<p><img src="/res/rest-images/ny_2008_ragu.jpg"> </p>
<p><em>Пищу духовную вкусили, теперь пора приниматься за пищу натуральную.</em></p>
<p>&nbsp;</p>
<p><img src="/res/rest-images/ny_2008_ragu_eda.jpg"> </p>
<p><em>Индийская мясная «шипучка». Так в ресторане Ragu официанты называли блюда, только что приготовленные и очень горячие. Что интересно, такие же блюда в одном китайском ресторане называют «в присутствии».</em></p>
<p>&nbsp;</p>
<p><img src="/res/rest-images/ny_2008_ragu_sergey_yana.jpg"> </p>
<p><em>Так аккуратно передавался лимонный рис.</em></p>
<p>&nbsp;</p>
<p><img src="/res/rest-images/ny_2008_ragu_happy_new_year.jpg"> </p>
<p><em>Угадайте, какой тост был произнесен перед этим звоном?</em></p>
<p>&nbsp;</p>
<p><img src="/res/rest-images/ny_2008_ragu_end.jpg"> </p>
<p><em>Ужин в индийском ресторане — и нас уже смело можно задействовать в танцевальных сценах любого болливудского фильма.</em></p>
<p>&nbsp;</p>
<p><img src="/res/rest-images/ny_2008_sergey.jpg"> </p>
<p></p>
<p><em>Сергей показывает, как кардинально отличается выражение лица человека без пива от выражения лица человека с пивом.</em></p>
<p>&nbsp;</p>
<p><img src="/res/rest-images/ny_2008_sanjar.jpg"> </p>
<p><em>Санжар также показывает человека без пива и человека с пивом. Но как ощутима разница.</em></p>
<p>&nbsp;</p>
<p><img src="/res/rest-images/ny_2008_yana.jpg"> </p>
<p><em>Яна. Провести аналогию сложно. Выражения лица совершенно разные — четко прочитываются 2 кадра: «кажется, я забыла выключить утюг» и «интересно, что это мне сейчас придется есть».</em></p>
<p>&nbsp;</p>
<p><img src="/res/rest-images/ny_2008_rustam.jpg"> </p>
<p><em>Рустам. 3 состояния обычного человека: работает, отдыхает и ест.</em></p>
<p>&nbsp;</p>
<p><img src="/res/rest-images/ny_2008_timur.jpg"> </p>
<p><em>Тимур. 2 состояния необычного человека: на работе мы веселы, на отдыхе задумчивы.</em></p>
<p>&nbsp;</p>
<p><img src="/res/rest-images/ny_2008_farkhod.jpg"> </p>
<p><em>Фарход на работе задумчив, загадочен и весел. На отдыхе заснять не удалось, поскольку большую часть времени именно в руках Фархода находился фотоаппарат.</em></p>
<p>&nbsp;</p>
<p><img src="/res/rest-images/ny_2008_ilvira.jpg"> </p>
<p><em>Ильвира демонстрирует типичное женское поведение — на работе веселая девушка, которая к вечеру превращается в женщину-вамп.</em></p>
<p>&nbsp;</p>
<p><img src="/res/rest-images/ny_2008_max.jpg"> </p>
<p><em>Макс — вторая половинка Ильвиры.</em></p>
<p>&nbsp;</p>
<p><img src="/res/rest-images/ny_2008_ilkhom_askar_dina.jpg"> </p>
<p><em>Аскар со своей второй половинкой Диной — разговор без слов, одними взглядами.</em></p>
<p>&nbsp;</p>
<p><img src="/res/rest-images/ny_2008_dina.jpg"> </p>
<p><em>Дина прекрасно разговаривает и сама с собой. Сказывается обучение актерскому мастерству.</em> </p>
<p></p></p>]]></description>
		<pubDate>Wed, 26 Dec 2007 05:14:51 GMT</pubDate>
	</item><item>
		<title>Простое волшебство создания фото-иллюстраций для сайта Весткомбанка</title>
		<author><![CDATA[
		Яна Киселева <yana@esector.ru>		]]></author>
		<link>http://blog.esector.ru/blog/index.php/entry/.51/</link>
		<description><![CDATA[<p>К своему огорчению, мы редко используем фотографии в дизайне создаваемых нами сайтов, отдавая предпочтение больше функциональности и текстовой информации.</p>
<p>Работая над сайтом Весткомбанка, мы поняли, что вполне способны совместить это, и оставили самое выигрышное место для фото-иллюстраций.</p>
<p>Для каждой фотографии был придуман сюжет, сделан эскиз и подобран герой в кастинговом агентстве. Для одной фотографии мы подобрали героя из своих.</p>
<p>Затем в фото-студии героям ситуаций, которым предстояло быть разыгранными перед фотографом, рассказывалось о том, что от них хочет арт-директор.</p>
<p>Во вхождении в роль героя участвовали все присутствующие — сам фотограф, я, как менеджер проекта, остальные герои, осветители и секретарь фото-студии. В это время ставился свет, причем для каждой фотографии освещение было собственное. В фотографии с аквариумом хотелось сине-фиолетовых бликов, в фотографии с горами — оранжево-розового заката.</p>
<p>Съемка заняла около 3 часов. Время пролетело очень быстро.</p>
<p>Дольше нам пришлось из всех отснятых фотографий выбрать те 6, которые украсят сайт Весткомбанка.</p>
<p>А дальше было создание самих фото-иллюстраций. Вот это и есть волшебство.</p>
<p>Сам таинственный процесс мы раскрывать не будем, как фокусники не спешат делиться секретами своих фокусов, а покажем лучше результат. </p>
<p>&nbsp;</p>
<p><img src="/res/illustration-images/wcb_home.jpg"></p>
<p><em>Эскиз и фотографии для иллюстрации на главной странице сайта</em> </p>
<p>&nbsp;</p>
<p><img src="/res/illustration-images/wcb_home1.jpg"></p>
<p><em>Иллюстрация на главной странице сайта</em></p>
<p>&nbsp;</p>
<p><img src="/res/illustration-images/wcb_about.jpg"></p>
<p><em>Эскиз и фотографии для иллюстрации в разделе «О Весткомбанке»</em> </p>
<p>&nbsp;</p>
<p><img src="/res/illustration-images/wcb_about1.jpg"></p>
<p><em>Иллюстрация в разделе «О Весткомбанке»</em></p>
<p>&nbsp;</p>
<p><img src="/res/illustration-images/wcb_per.jpg"></p>
<p><em>Эскиз и фотографии для иллюстрации в разделе «Частным клиентам»</em> </p>
<p>&nbsp;</p>
<p><img src="/res/illustration-images/wcb_per1.jpg"></p>
<p><em>Иллюстрация в разделе «Частным клиентам»</em></p>
<p>&nbsp;</p>
<p><img src="/res/illustration-images/wcb_corp.jpg"></p>
<p><em>Эскиз и фотографии для иллюстрации в разделе «Корпоративным клиентам»</em></p>
<p>&nbsp;</p>
<p><img src="/res/illustration-images/wcb_corp1.jpg"></p>
<p><em>Иллюстрация в разделе «Корпоративным клиентам»</em></p>
<p>&nbsp;</p>
<p><img src="/res/illustration-images/wcb_fin.jpg"></p>
<p><em>Эскиз и фотографии для иллюстрации в разделе «Финансовым организациям»</em> </p>
<p>&nbsp;</p>
<p><img src="/res/illustration-images/wcb_fin1.jpg"></p>
<p><em>Иллюстрация в разделе «Финансовым организациям»</em></p>
<p>&nbsp;</p>
<p><img src="/res/illustration-images/wcb_blog.jpg"></p>
<p><em>Эскиз и фотографии для иллюстрации в разделе «Блог»</em> </p>
<p>&nbsp;</p>
<p><img src="/res/illustration-images/wcb_blog1.jpg"></p>
<p><em>Иллюстрация в разделе «Блог»</em> </p>]]></description>
		<pubDate>Thu, 25 Oct 2007 09:13:08 GMT</pubDate>
	</item><item>
		<title>Рождение главного героя сайта metka.uz краба Сени</title>
		<author><![CDATA[
		Ильвира Насреддинова <ilvira@esector.ru>		]]></author>
		<link>http://blog.esector.ru/blog/index.php/entry/.50/</link>
		<description><![CDATA[<p>Хочу показать процесс создания краба Сени, который живет на палубе корабля <a href="http://www.metka.uz/">metka.uz</a></p>
<p>На его месте мог оказаться тонущий пират, наглый таракан или паук. Но те, кто уже знаком с характером нашего Сени, поймут, почему именно он сейчас там.</p>
<p>Сначала я сделала наброски…</p>
<p><img src="/res/design-images/crab_senya.jpg"></p>
<p><img src="/res/design-images/crab_senya_1.jpg"></p>
<p>&nbsp;</p>
<p>Почти монохромно закрасила основные части рисунка…</p>
<p><img src="/res/design-images/crab_senya_2.jpg"></p>
<p>&nbsp;</p>
<p>Добавила объема, за счет бликов и теней…</p>
<p><img src="/res/design-images/crab_senya_3.jpg"></p>
<p>&nbsp;</p>
<p>Продолжила детализацию и добавила падающую тень…</p>
<p><img src="/res/design-images/crab_senya_4.jpg"></p>
<p>&nbsp;</p>
<p>Немного цвета!</p>
<p><img src="/res/design-images/crab_senya_5.jpg"></p>
<p>&nbsp;</p>
<p>Спустила его на палубу, чтоб поползал…</p>
<p><img src="/res/design-images/crab_senya_6.jpg"></p>
<p>&nbsp;</p>
<p>Решила убрать грубую черную обводку — краб ожил и заблестел! Готово! </p>
<p><img src="/res/design-images/crab_senya_7.jpg"></p>]]></description>
		<pubDate>Tue, 25 Sep 2007 07:26:17 GMT</pubDate>
	</item><item>
		<title>Текст для страницы 404 ошибки</title>
		<author><![CDATA[
		Яна Киселева <yana@esector.ru>		]]></author>
		<link>http://blog.esector.ru/blog/index.php/entry/.49/</link>
		<description><![CDATA[<p>Наши разработчики сайтов стремятся любыми способами избежать попадания посетителей на страницу 404 ошибки. Но, к сожалению, иногда это все же случается.</p>
<p>И тогда на помощь прихожу я. Моей задачей является написание такого текста для страницы 404 ошибки, который не отпугнет посетителя, а вернет его на сайт.</p>
<h3>Заголовок страницы</h3>
<p>В качестве заголовка страницы я предлагаю использовать этот — «Страница не найдена (ошибка 404)».</p>
<p>Этот заголовок сообщает о том, что произошла ошибка еще до полной загрузки страницы. Кроме того, в заголовке я единственный раз позволяю себе использовать непонятное для многих «ошибка 404».</p>
<h3>Содержимое страницы</h3>
<ul>
<li><strong>приветствие</strong> — мы же вежливые</li>
<li>сообщение о том, что <strong>произошла ошибка</strong>, <strong>что это за ошибка</strong> и <strong>куда попал посетитель</strong></li>
<li><strong>возможные причины ошибки</strong> — ошибка при наборе адреса страницы (URL), переход по «битой» (неработающей, неправильной) ссылке, отсутствие запрашиваемой страницы на сайте</li>
<li><strong>просьба простить за доставленные неудобства</strong> — продолжаем быть вежливыми</li>
<li><strong>варианты решения проблемы</strong> — вернуться назад при помощи кнопки браузера back, проверить правильность написания адреса страницы (URL), перейти на главную страницу сайта, воспользоваться картой сайта или поиском, посетить предложенные разделы сайта</li>
<li><strong>предложение сообщить об этой проблеме разработчикам (или владельцам) сайта</strong> при помощи контактной формы или электронной почты</li></ul>
<h3>Примеры</h3>
<p>Мне нравится писать текст для страницы 404 ошибки в том же стиле, что и тексты для всего сайта.</p>
<p>Вот, например, текст для страницы 404 ошибки корпоративного сайта:</p>
<p>Здравствуйте, уважаемый посетитель.</p>
<p><strong>К сожалению, запрашиваемой Вами страницы не существует на сайте нашей компании.</strong></p>
<p>Возможно, это случилось по одной из этих причин:</p>
<p>
<ul>
<li>Вы ошиблись при наборе адреса страницы (URL)</li>
<li>перешли по «битой» (неработающей, неправильной) ссылке</li>
<li>запрашиваемой страницы никогда не было на сайте или она была удалена</li></ul>
<p>Мы просим прощение за доставленные неудобства и предлагаем следующие пути:</p>
<ul>
<li>вернуться назад при помощи кнопки браузера back</li>
<li>проверить правильность написания адреса страницы (URL)</li>
<li>перейти на главную страницу сайта</li>
<li>воспользоваться картой сайта или поиском</li>
<li>посетить основные разделы сайта: о компании, услуги, продукция</li></ul>
<p>Если Вы уверены в правильности набранного адреса страницы и считаете, что эта ошибка произошла по нашей вине, пожалуйста, сообщите об этом разработчикам (или владельцам) сайта при помощи контактной формы или электронной почты.</p>
<p>А это для сайта в пиратском стиле:</p>
<p>Портовые крысы, приветствую!</p>
<p><strong>Якорь мне в глотку, но того, что вы ищете, нет на моем корабле.</strong></p>
<p>Я может и не учился в школе, но, думаю, что это произошло потому что:</p>
<ul>
<li>вы ошиблись кораблем (URL)</li>
<li>перелезли не по тому канату</li>
<li>то, что вы ищете, уже давно лежит на дне океана или было похищено подлыми козьими мордами</li></ul>
<p>Вы уже долго мозолите мои&nbsp;глаза, поэтому советую побыстрее:</p>
<ul>
<li>продрать глаза и посмотреть внимательно, туда ли вы пришли</li>
<li>подняться на палубу и посмотреть оттуда</li>
<li>воспользоваться картой сокровищ</li>
<li>убираться назад к чертям</li></ul>
<p>Если у вас есть что сказать моему капитану, то я передам от вас бутылку с посланием и еще одну с ромом.</p>
<h3>Наши страницы 404 ошибки</h3>
<p><img src="/res/info-images/esector_404.gif"></p>
<p><em>Страница 404 ошибки сайта </em><a href="http://www.esector.ru/"><em>www.esector.ru</em></a></p>
<p>&nbsp;</p>
<p><img src="/res/info-images/blackspot_404.jpg"></p>
<p><em>Страница 404 ошибки сайта </em><a href="http://www.metka.uz/"><em>www.metka.uz</em></a> </p>
<p>&nbsp;</p>
<p><img src="/res/info-images/cinema_404.gif"></p>
<p><em>Страница 404 ошибки сайта </em><a href="http://www.cinema.uz/ru/"><em>www.cinema.uz/ru/</em></a> </p>
<p>&nbsp;</p>
<p><img src="/res/info-images/asklepiy_404.gif"></p>
<p><em>Страница 404 ошибки сайта </em><a href="http://www.asklepiy.uz/"><em>www.asklepiy.uz</em></a> </p>
<p></p>
<p></p></p>]]></description>
		<pubDate>Tue, 25 Sep 2007 03:39:49 GMT</pubDate>
	</item><item>
		<title>Компания eSector Solutions отмечает 5-летний юбилей</title>
		<author><![CDATA[
		Яна Киселева <yana@esector.ru>		]]></author>
		<link>http://blog.esector.ru/blog/index.php/entry/.48/</link>
		<description><![CDATA[<p>Обычно, празднуя свои юбилеи и дни рождения, компании подводят итоги — столько проектов запустили, столько продукции продали.</p>
<p>Нам бы не хотелось в такое прекрасное время заниматься статистическими выкладками. </p>
<p>Мы с большим удовольствием расскажем, как отметили этот юбилей.</p>
<p>Значит так, дело было в горах… </p>
<p>Утром 1 сентября мы собрались в офисе.</p>
<p>&nbsp;</p>
<p><img src="/res/rest-images/5th_anniversary.jpg"></p>
<p>&nbsp;</p>
<p>Загрузили вещи, еду, напитки в машину и загрузились сами. Причем в машину пускали только людей, одетых в специальные юбилейные майки. Только наш информационный архитектор нарушил это правило, но мы его пустили в порядке исключения.</p>
<p>&nbsp;</p>
<p><img src="/res/rest-images/5th_anniversary_2.jpg"></p>
<p>&nbsp;</p>
<p>Дорога заняла примерно полтора часа.</p>
<p>&nbsp;</p>
<p><img src="/res/rest-images/5th_anniversary_3.jpg"></p>
<p>&nbsp;</p>
<p>Что интересно, мы не знали, где собираемся провести выходные, поэтому место искали по дороге. Нашли дачу с двумя&nbsp;бассейнами, холодильниками и всеми делами.</p>
<p>&nbsp;</p>
<p><img src="/res/rest-images/5th_anniversary_4.jpg"></p>
<p>&nbsp;</p>
<p>Разложив вещи по комнатам, продукты в холодильнике, 
<p>&nbsp;</p>
<p><img src="/res/rest-images/5th_anniversary_6.jpg"></p>
<p>&nbsp;</p>
<p>а пиво в бассейне, </p>
<p>&nbsp;</p>
<p><img src="/res/rest-images/5th_anniversary_5.jpg"></p>
<p>&nbsp;</p>
<p>позавтракали. </p>
<p>&nbsp;</p>
<p><img src="/res/rest-images/5th_anniversary_7.jpg"></p>
<p>&nbsp;</p>
<p>Завтрак туриста — бутерброды со сливочным маслом, рыбными консервами, копченой колбасой, сыром. </p>
<p>&nbsp;</p>
<p></p>
<p><img src="/res/rest-images/5th_anniversary_8.jpg"></p>
<p>&nbsp;</p>
<p>Потом разделились: большинство отправилось в поход в горы, 
<p>
<p><img src="/res/rest-images/5th_anniversary_12.jpg"></p>
<p>&nbsp;</p>
<p>специалисты по плову остались готовить андижанский плов. </p>
<p>&nbsp;</p>
<p></p>
<p><img src="/res/rest-images/5th_anniversary_9.jpg"></p>
<p>&nbsp;</p>
<p>В походе нам встретился водопад, в котором мы само собой купались.</p>
<p>&nbsp;</p>
<p><img src="/res/rest-images/5th_anniversary_14.jpg"></p>
<p>&nbsp;</p>
<p>Потом купались в бассейне.</p>
<p>&nbsp;</p>
<p><img src="/res/rest-images/5th_anniversary_15.jpg"></p>
<p>&nbsp;</p>
<p>Фотографии поедания плова не показываем намеренно, чтобы не отвлекать читателей от работы и заглядывания в холодильник.</p>
<p>Вечером играли в карты. Проигравшие должны были съесть дополнительную порцию плова. Но на следующее утро почему-то остальные игроки об этом благополучно забыли.</p>
<p>&nbsp;</p>
<p><img src="/res/rest-images/5th_anniversary_16.jpg"></p>
<p>&nbsp;</p>
<p>Совсем вечером наш самый главный жарил шашлык из баранины, маринованной в томатах с зеленью.</p>
<p>&nbsp;</p>
<p><img src="/res/rest-images/5th_anniversary_17.jpg"></p>
<p>&nbsp;</p>
<p>Ночью большинство сотрудников изъявило желание спать на открытом воздухе, на тапчанах.</p>
<p>Утром 2 сентября нас ждал плотный завтрак — плов и шашлык, потом отдых, потом снова купание в бассейне, снова отдых и поход на речку.</p>
<p>&nbsp;</p>
<p><img src="/res/rest-images/5th_anniversary_19.jpg"></p>
<p>&nbsp;</p>
<p>Стоит отметить тот факт, что мы чуть было ни потеряли нашего рыжеволосого дизайнера в бурных водах реки. Спасли Ильвиру информационный архитектор и программист, которые часто спасают и наши проекты тоже.</p>
<p>&nbsp;</p>
<p><img src="/res/rest-images/5th_anniversary_22.jpg"></p>
<p>&nbsp;</p>
<p>Пока одна группа товарищей участвовала в приключениях на речке, 
<p>
<p><img src="/res/rest-images/5th_anniversary_21.jpg"></p>
<p>&nbsp;</p>
<p>вторая — занималась приготовлением обеда — куриных окорочков с овощами и картошкой.&nbsp; </p>
<p>&nbsp;</p>
<p></p>
<p><img src="/res/rest-images/5th_anniversary_24.jpg"></p>
<p>&nbsp;</p>
<p>После обеда, естественно, был послеобеденный отдых, а затем поедание арбуза.</p>
<p>Так незаметно наступил вечер, и настала пора собираться домой. 
<p>
<p><img src="/res/rest-images/5th_anniversary_26.jpg"></p>
<p>&nbsp;</p>
<p>В процессе сборов ничто и никто не был оставлен, за исключением подставки от электрического чайника. Но мы смотрим на это событие исключительно, как на знак того, что мы еще сюда вернемся. </p>
<p></p>
<p>Дорога домой, обычно, короче, но в этот раз получилась длиннее из-за повышенной бдительности гаишников на дороге.</p>
<p>&nbsp;</p>
<p><img src="/res/rest-images/5th_anniversary_23.jpg"></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p></p></p></p></p></p></p></p>]]></description>
		<pubDate>Fri, 7 Sep 2007 06:07:40 GMT</pubDate>
	</item><item>
		<title>Опыт контент-менеджера: как выполнить свою работу и стать другом для клиента</title>
		<author><![CDATA[
		Яна Киселева <yana@esector.ru>		]]></author>
		<link>http://blog.esector.ru/blog/index.php/entry/.47/</link>
		<description><![CDATA[<p>Работая контент-менеджером, часто сталкиваюсь с тем, что клиент присылает контент не в том виде, не в том количестве, не того качества, не вовремя и от нескольких людей сразу.</p>
<p>Раньше я «решала» все эти проблемы одним способом, говорила клиенту, что контент должен предоставлять он и точка, если контента нет, мы ничем не можем помочь. Но это мало действовало на клиентов.</p>
<p>Сейчас подход изменился.</p>
<p class=quote>Если <strong>клиент предоставляет контент не в том виде</strong>, значит, я должна рассказать ему, что конкретно от него требуется.</p>
<p>&nbsp;</p>
<p>Сказать, что нужен текст о компании, это значит не сказать ничего. Иначе буду получать такие перлы: </p>
<p>«До сегодняшнего дня мы делаем уверенные шаги в развитии нашей активности и профессионального подхода к нашим покупателям и потенциальным клиентам. И все эти факты вместе представлены сегодня, завтра и на долгие годы вечно молодой командой, которая оказывает быструю и надежную поддержку.»</p>
<p>Подробно о том, что должно быть на каждой странице сайта я рассказываю в <a href="/res/download/best_company_content_supply_plan.xls">документе «План поставки контента»</a> (в формате .xls, 31,5 Кб).</p>
<p>Очень важно сообщить клиенту о том, <strong>в каких форматах предоставлять контент</strong>. Я ожидаю получить от клиента текст в любом текстовом формате, но желательно в MS Word, фотографии в формате .jpg или .png, логотипы в формате .cdr.</p>
<p>Но иногда случаются казусы, например, недавно я получила от клиента логотип в формате .cdr. Открыв файл, я увидела вставленную картинку.</p>
<p>Чтобы избежать получения всех текстов для сайта в одном «колбасном» документе, я прошу клиента, текст для каждой страницы присылать в отдельном документе с названием, например: «1_2_about_company», где «1» — это номер пункта меню сайта, «2» — это номер подраздела, «about_company» — название страницы, которое в общем-то не нужно, но полезно для ориентации в списке документов.</p>
<p>Новости, события для календаря событий, проекты для динамических разделов сайта я прошу клиента складывать в отдельную папку.</p>
<p>В результате после получения всего контента, структура папки content, у меня выглядит так:</p>
<p><img src="/res/info-images/folder.jpg"></p>
<p>&nbsp;</p>
<p class=quote>Если <strong>клиент предоставляет контент не в том количестве</strong>, значит необходимо заранее определить, сколько примерно текста должно быть на странице, сколько новостей будет достаточно для запуска сайта, сколько фотографий должно быть в фотогалерее и т. д.</p>
<p>&nbsp;</p>
<p>Подробно о количестве (например, 3 новости) и объеме (например, 1500 знаков с пробелами) текста и фотографий я сообщаю в документе «План поставки контента».</p>
<p>&nbsp;</p>
<p class=quote>Если <strong>клиент предоставляет контент не того качества</strong>, значит можно и нужно ему помочь в этом.</p>
<p>&nbsp;</p>
<p>Если клиент не может подготовить тексты для сайта, это вполне объяснимо. Он бизнесмен, занятой человек, и ни разу не писатель. Значит, я предлагаю ему свои услуги по написанию или редактированию текстов. </p>
<p>Если клиент не может предоставить перевод текстов на иностранном языке. Причинами могут быть: собственное незнание языка, не имение или занятость переводчика. Значит, я предлагаю ему наши услуги по переводу и редактированию перевода носителем языка.</p>
<p>Если у клиента нет фотографий руководства, продукции, или они ужасного качества, мы тоже можем помочь — предложить услуги фотографа или нашего «пластического хирурга».</p>
<p>Посмотрите на женщину до и после «операции».</p>
<p><img src="/res/info-images/esector_photoenhancing.jpg"></p>
<p>Схемы, графики или таблицы, выполненные в MS Excel, лучше будут смотреться в документах, а не на сайте, поэтому мы можем предложить их «облагородить».</p>
<p><img src="/res/info-images/esector_charts.jpg"></p>
<p>&nbsp;</p>
<p class=quote>Если <strong>клиент предоставляет контент не вовремя</strong>, чего, к сожалению, избежать не получается.</p>
<p>&nbsp;</p>
<p>У нас до сих пор имеются сайты, которые мы сделали несколько лет назад, но не можем показать посетителям из-за недостатка информации.</p>
<p>Раз не получается избежать такой ситуации, можно попытаться ее предотвратить.</p>
<p>Во-первых, я сразу же в документе «План поставки контента» сообщаю, сколько времени отводится на подготовку контента для каждого раздела.</p>
<p>Во-вторых, предупреждаю о том, что пустой сайт мы ни в коем случае не «выпустим в интернет» и тем более не станем писать «сайт на реконструкции». Пусть это жестко, но это лучше, чем плохое отношение к компании будущих посетителей сайта.</p>
<p>В-третьих, если клиент не справляется сам, предлагаю взять все заботы на себя.</p>
<p>&nbsp;</p>
<p class=quote>Если <strong>клиент предоставляет контент от нескольких людей</strong>, просто определяем ответственных лиц со стороны клиента и с нашей стороны.</p>
<p>&nbsp;</p>
<p>Чтобы избежать ситуации, когда несколько людей от клиента присылают разную информацию для одного и того же раздела, необходимо просто определить ответственных лиц со стороны клиента и с нашей стороны.</p>
<p>Если контент предоставляет клиент, то в документе «План поставки контента» указываются 2 человека:</p>
<li>ответственный за подготовку контента (человек со стороны клиента)</li>
<li>ответственный за утверждение контента (я)</li>
<p>Если контент готовлю я, то — 3 человека:</p>
<li>ответственный за предоставление информации (человек со стороны клиента)</li>
<li>ответственный за подготовку контента (я)</li>
<li>ответственный за утверждение контента (человек со стороны клиента)</li>
<p>Документ «План поставки контента» и все мои советы имеют рекомендательный характер. И если, несмотря на то, что я подробно рассказала клиенту, что, когда, в каком количестве и от кого мне требуется, клиент пришлет вместо 10 новостей только 5, вместо 2 абзацев текста — целую страницу или опоздает с контентом на один день, ничего страшного. На то я и контент-менеджер, чтобы помогать клиенту создавать контент.</p>
<p>Сроки более реальная вещь, поэтому если происходит их срыв, то клиент и я всегда должны знать, почему это произошло. Если я не смогла вовремя подготовить контент, то, возможно, клиент вовремя не предоставил информацию. На то мы и люди, чтобы со всей этой структуризацией, классификацией, автоматизацией и документацией, уметь договариваться друг с другом и находить решение проблем. </p>]]></description>
		<pubDate>Wed, 11 Jul 2007 04:50:43 GMT</pubDate>
	</item><item>
		<title>Текст услуги «Разработка мультимедийной продукции»</title>
		<author><![CDATA[
		Яна Киселева <yana@esector.ru>		]]></author>
		<link>http://blog.esector.ru/blog/index.php/entry/.46/</link>
		<description><![CDATA[<p>Вторая часть&nbsp;серии публикаций, в которых я выношу на суд читателей тексты, которые будут находиться на <a href="http://esector.ru/">нашем сайте</a> в разделе «Услуги». Буду рада&nbsp;в комментариях прочесть мнение по поводу этих текстов.</p>
<p>*** </p>
<h3>Создание мультимедийной продукции</h3>
<p>Существуй мультимедиа-технологии раньше, возможно, Коперник, Джордано Бруно и Галилей доказали бы инквизиции, что Земля вращается вокруг Солнца, а Альберт Эйнштейн смог бы объяснить свою теорию относительности и 10-летнему ребенку.</p>
<p>Преимущество мультимедиа заключается в <strong>возможности человека влиять на происходящее в презентации</strong> (интерактивности) и <strong>возможности презентации совмещать разную информацию</strong> — тексты, таблицы, графики, диаграммы, схемы, изображения, фотографии, звук, 3d-анимацию, видео.</p>
<p class=quote>Используйте мультимедийную продукцию, когда выводите на рынок новый бренд (технологию, продукт или услугу), когда проводите рекламную кампанию, pr-кампанию, btl-акцию уже известного бренда или когда хотите произвести впечатление на клиентов, покупателей, инвесторов, партнеров.</p>
<h4>Мультимедийная презентация компании (проекта, мероприятия)</h4>
<p>Мультимедийная презентация в течение нескольких минут расскажет о компании самое важное, что поможет клиенту принять решение уже сейчас и сделать выбор в пользу компании.</p>
<p>Записанная на cd-диск презентация должна быть у каждого сотрудника компании, который собирается в деловую поездку.</p>
<h4>Мультимедийная презентация в поддержку выступления</h4>
<p>Часто представитель компании выступает перед клиентами, руководством, партнерами, инвесторами, акционерами, и помимо его ораторского красноречия, бывает необходима дополнительная информация в виде текстов, таблиц, графиков, диаграмм, схем, изображений, фотографий, звука, 3d-анимации, видео.</p>
<p>Мультимедийная презентация позволяет совместить всю эту информацию, донести основные мысли оратора и произвести задуманное впечатление.</p>
<h4>Мультимедийная презентация для выставки</h4>
<p>Для эффективного участия на выставках вы выбираете экспонаты, готовите стенды, печатаете рекламные брошюры, обучаете персонал работе с посетителями выставки. Но все же гораздо больше посетителей вы привлечете к своему стенду мультимедийной презентацией на плазменном экране.</p>
<h4>Демонстрационный тур</h4>
<p>Новая технология, услуга или продукт нуждаются в понятном объяснении своих возможностей и преимуществ. Демонстрационный интерактивный тур лучше всего покажет покупателям технологию или продукт в действии. Примером может послужить интерактивный тур по панели инструментов Локи.</p>
<h4>Мультимедийные открытки</h4>
<p>Поднимите настроение своим клиентам и заодно напомните им о себе, отправив им мультимедийную открытку на праздник или в обычный рабочий день. Представим, что вы являетесь производителем корма для собак «Happy Dog». Разошлите своим покупателям мультимедийную открытку с советами по правильному кормлению собак и изображением симпатичных щенков. Полученная открытка вмиг разойдется по всем знакомым, у которых тоже есть собаки. В результате большое количество потенциальных клиентов узнают о корме «Happy Dog» и, весьма вероятно, купят его для своих питомцев.</p>
<h4>Корпоративный скринсейвер</h4>
<p>Если вы хотите хотя бы один раз в день напоминать своим клиентам о себе, приготовьте для них красивые и полезные скринсейверы, например, такие, как наши новогодние обои.</p>
<p>&nbsp;</p>
<p>Мы предлагаем создание мультимедийной продукции, <a href="http://esector.ru/about/contact/rfp/">заполните эту форму</a>, и работа начнется. </p>]]></description>
		<pubDate>Mon, 23 Apr 2007 02:57:16 GMT</pubDate>
	</item><!--

	{/WCO:RSS}

--></channel>
</rss><!-- - - - - - - - - - - - - - - Page generation report - - - - - - - - - - - - - - 

Initializing..................................................  5.9%  [ 0.006 sec ]
Loading sitemap...............................................  1.0%  [ 0.001 sec ]
Creating Smarty instance......................................  9.0%  [ 0.010 sec ]
Loading objects............................................... 10.5%  [ 0.011 sec ]
Notifying objects[onPageLoad].................................  0.6%  [ 0.001 sec ]
Building crumbs...............................................  0.0%  [ 0.000 sec ]
- C/RSS [hybridhl]............................................  3.7%  [ 0.004 sec ]
Fetching content..............................................  6.7%  [ 0.007 sec ]
Sending output [ 55,043 bytes, buffer = 12,000 bytes ]........ 66.2%  [ 0.070 sec ]
Speed:   9.5 pps  [ 0.105 sec ]

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  -->

