<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Юзабилист &#187; структура сайта</title>
	<atom:link href="http://usabilist.com.ua/tag/struktura-sajta/feed/" rel="self" type="application/rss+xml" />
	<link>http://usabilist.com.ua</link>
	<description>Мы делаем интернет удобнее</description>
	<lastBuildDate>Tue, 31 Aug 2010 14:50:24 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title> Эволюция bigmir)net</title>
		<link>http://usabilist.com.ua/2009/04/evolyuciya-bigmirnet/</link>
		<comments>http://usabilist.com.ua/2009/04/evolyuciya-bigmirnet/#comments</comments>
		<pubDate>Tue, 21 Apr 2009 20:13:25 +0000</pubDate>
		<dc:creator>Сергей Протопопов</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Анализ сайтов]]></category>
		<category><![CDATA[Эволюция интернета]]></category>
		<category><![CDATA[дизайн]]></category>
		<category><![CDATA[довольные пользователи]]></category>
		<category><![CDATA[проектирование взаимодействия]]></category>
		<category><![CDATA[структура сайта]]></category>

		<guid isPermaLink="false">http://usabilist.com.ua/?p=702</guid>
		<description><![CDATA[<p><img class="alignleft size-full wp-image-708" title="logo" src="http://usabilist.com.ua/wp-content/uploads/2009/04/logo.jpg" alt="logo" width="187" height="120" /><br />
Этой статьей начинается новая рубрика «Эволюция интернета».<br />
Будут анализироваться эволюция сайта со временем. Будем наблюдать, что и в какую сторону изменили и возможно сможем понять что будет дальше.</p>
<h3>Портал bigmir)net</h3>
<p>Был основан в 2000 году и создавался как каталог украинских сайтов отсортированных по собственному рейтингу. Портала предлагал такие основные услуги:</p>
<ul>
<li>каталог сайтов;</li>
<li>завести почту «Bigmir)mail&#8230;</li></ul>]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft size-full wp-image-708" title="logo" src="http://usabilist.com.ua/wp-content/uploads/2009/04/logo.jpg" alt="logo" width="187" height="120" /><br />
Этой статьей начинается новая рубрика «Эволюция интернета».<br />
Будут анализироваться эволюция сайта со временем. Будем наблюдать, что и в какую сторону изменили и возможно сможем понять что будет дальше.</p>
<h3>Портал bigmir)net</h3>
<p>Был основан в 2000 году и создавался как каталог украинских сайтов отсортированных по собственному рейтингу. Портала предлагал такие основные услуги:</p>
<ul>
<li>каталог сайтов;</li>
<li>завести почту «Bigmir)mail -твоя бесплатная почта»;</li>
<li>узнать последние украинские новости «КОРРЕСПОНДЕНТ.NET»;</li>
<li>принять участи в «ЧА-ЧА-ЧАТЕ»;</li>
<li>познакомится с «девушкой дня», почитать «Библиотеку Мошкова» и др.</li>
</ul>
<p>Все остальные сервисы грозовой красной тучей зависли под логотипом. Для выделения важных блоко использовался CapsLock и желтый фон.<span id="more-702"></span></p>
<div id="attachment_703" class="wp-caption aligncenter" style="width: 310px"><a href="http://usabilist.com.ua/wp-content/uploads/2009/04/l_2000.jpg"><img class="size-medium wp-image-703  " title="l_2000" src="http://usabilist.com.ua/wp-content/uploads/2009/04/l_2000-300x230.jpg" alt="Рождение bigmir)net" width="300" height="230" /></a><p class="wp-caption-text">Рождение bigmir)net</p></div>
<p> </p>
<p>После 2 лет жизни портала главная страница преобразовывается. Более четко выделили блок «Поиска», добавили рекламы и разделили сервисы из «красной тучи» по типам.</p>
<div id="attachment_704" class="wp-caption aligncenter" style="width: 310px"><a href="http://usabilist.com.ua/wp-content/uploads/2009/04/l_200205.jpg"><img class="size-medium wp-image-704 " title="l_200205" src="http://usabilist.com.ua/wp-content/uploads/2009/04/l_200205-300x231.jpg" alt="bigmir)net - 2 года и 5 месяцев" width="300" height="231" /></a><p class="wp-caption-text">bigmir)net&nbsp;&mdash; 2 года и 5 месяцев</p></div>
<p> </p>
<p>Через 5 лет bigmir)net валяется на пляже роскошного океана. Не знаю с чем это связано, но выглядит свежо и по-домашнему. Сервисы снова слились в кучу и к ним ещё добавили кучу «Магазинов».  Сделали более быстрый и удобный вход на почтовый ящик. Сделан упор на знакомства, общение в чате и фотоальбомы. Точнее решили это всё совместить. Новости перенесли на 2-й план прямо под баннер. Количество сайтов в каталоге и пользователей в Интернете стремительно растет.</p>
<div id="attachment_705" class="wp-caption aligncenter" style="width: 310px"><a href="http://usabilist.com.ua/wp-content/uploads/2009/04/l_200510.jpg"><img class="size-medium wp-image-705 " title="l_200510" src="http://usabilist.com.ua/wp-content/uploads/2009/04/l_200510-300x185.jpg" alt="bigmir)net 5 лет и 10 месяцев" width="300" height="185" /></a><p class="wp-caption-text">bigmir)net 5 лет и 10 месяцев</p></div>
<p> </p>
<p>Уже на следующий год главная страница потерпевает сильных изменений. Теперь сайт растянут на всю ширину экрана. На 1-м месте у сайта стоит реклама, она занимает около 50% страницы и магазины. Для основных сервисов портала нарисовали иконки, теперь их намного легче найти. Новости и каталог сайтов можно увидеть только после прокрутки страницы</p>
<p style="text-align: center;"><a href="http://usabilist.com.ua/wp-content/uploads/2009/04/l_200512.jpg"><img class="aligncenter size-medium wp-image-709" title="l_200512" src="http://usabilist.com.ua/wp-content/uploads/2009/04/l_200512-300x141.jpg" alt="l_200512" width="300" height="141" /></a></p>
<p> </p>
<p>Следующие изменение происходит через 2 года. Порталу уже почти 8 лет. На главной страинице произошли кардинальные изменения. Дизайнеры постарались на славу. Полность пересмотрели структуру страницы, вернули заданную ширину страницы в 950 пикселей. Сделали пользовательский блок с основными сервсами (Почта, Знакомства, Погода, Гороскоп, Видео). Новостям выделили почетное место посредине страницы к главной новости теперь показывается картинка. Информация стала более структурированной и собранной по сравнению с предыдущими версиями.</p>
<div id="attachment_710" class="wp-caption aligncenter" style="width: 310px"><a href="http://usabilist.com.ua/wp-content/uploads/2009/04/l_200710.jpg"><img class="size-medium wp-image-710 " title="l_200710" src="http://usabilist.com.ua/wp-content/uploads/2009/04/l_200710-300x186.jpg" alt=" bigmir)net 7 лет и 9 месяцев" width="300" height="186" /></a><p class="wp-caption-text"> bigmir)net 7 лет и 9 месяцев</p></div>
<p> </p>
<p> </p>
<p>Не проходит и года и снова главная bigmir)net изменяют. Шапка портала сочетает в себе навигацию по основным сервисам портала, поиск и вход на почту. Теперь страница делится на 2-колонки (меньше на 1 в сравнении с предыдущей версией).  Новости стали занимать ещё больше места, также выводятся полезные статьи. Bigmir)net становиться порталом с качественными новостями и статьями.</p>
<div id="attachment_711" class="wp-caption aligncenter" style="width: 310px"><a href="http://usabilist.com.ua/wp-content/uploads/2009/04/l_now.jpg"><img class="size-medium wp-image-711 " title="l_now" src="http://usabilist.com.ua/wp-content/uploads/2009/04/l_now-300x185.jpg" alt="bigmir)net 8 лет и 6 месяцев" width="300" height="185" /></a><p class="wp-caption-text">bigmir)net 8 лет и 6 месяцев</p></div>
<p> </p>
<p><strong>Итоги эволюции</strong>: Портал приобрел стильный, уверенный и дружелюбный дизайн. Структура и интерфейс профессионально проработаны. Уверен, что  изменения ещё будут и скорей всего только в лучшую сторону.</p>
<p>Спасибо за хорошую идею Кулакову Максиму, а за изображения <a href="http://www.archive.org/index.php" target="_blank">Интернет-архиву</a>.</p>
<blockquote>
<ul>Читайте также:    </p>
<li><a href="http://usabilist.com.ua/2009/02/effektivnyj-sajt/">Создание эффективных сайтов</a></li>
<li><a href="http://usabilist.com.ua/2009/01/bannernaya-slepota-kak-lechit/">Баннерная слепота. Как лечить?</a></li>
<li><a href="http://usabilist.com.ua/2009/02/kognitivnoe-soprotivlenie/">Когнитивное сопротивление</a></li>
</ul>
</blockquote>
]]></content:encoded>
			<wfw:commentRss>http://usabilist.com.ua/2009/04/evolyuciya-bigmirnet/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title> Не слушайте пользователей (правило юзабилити)</title>
		<link>http://usabilist.com.ua/2009/04/ne-slushajte-polzovatelej-pravilo-yuzabiliti/</link>
		<comments>http://usabilist.com.ua/2009/04/ne-slushajte-polzovatelej-pravilo-yuzabiliti/#comments</comments>
		<pubDate>Sun, 05 Apr 2009 21:41:39 +0000</pubDate>
		<dc:creator>Сергей Протопопов</dc:creator>
				<category><![CDATA[Законы юзабилити]]></category>
		<category><![CDATA[закон юзабилити]]></category>
		<category><![CDATA[структура сайта]]></category>
		<category><![CDATA[удобство использования]]></category>

		<guid isPermaLink="false">http://usabilist.com.ua/?p=647</guid>
		<description><![CDATA[ <div id="attachment_649" class="wp-caption alignleft" style="width: 250px"><a href="http://usabilist.com.ua/2009/04/ne-slushajte-polzovatelej-pravilo-yuzabiliti"><img class="size-medium wp-image-649  " title="not_listen" src="http://usabilist.com.ua/wp-content/uploads/2009/04/not_listen-300x279.jpg" alt="Не слушайте пользователей" width="240" height="223" /></a><p class="wp-caption-text">Не слушайте пользователей</p></div>
<p><em>Вкратце:</em> Для того, чтобы создать <strong>простой в использовании интерфейс</strong>, обращайте внимание на то, что пользователи делают, а не на то, что они говорят. Не судите о сайте по претензиям, которые высказывают пользователи, а также не полагайтесь на их размышления по поводу возможных вариантов своего поведения.<br />
<span id="more-647"></span><br />
В последние годы самым главным&#8230;</p>]]></description>
			<content:encoded><![CDATA[ <div id="attachment_649" class="wp-caption alignleft" style="width: 250px"><a href="http://usabilist.com.ua/2009/04/ne-slushajte-polzovatelej-pravilo-yuzabiliti"><img class="size-medium wp-image-649  " title="not_listen" src="http://usabilist.com.ua/wp-content/uploads/2009/04/not_listen-300x279.jpg" alt="Не слушайте пользователей" width="240" height="223" /></a><p class="wp-caption-text">Не слушайте пользователей</p></div>
<p><em>Вкратце:</em> Для того, чтобы создать <strong>простой в использовании интерфейс</strong>, обращайте внимание на то, что пользователи делают, а не на то, что они говорят. Не судите о сайте по претензиям, которые высказывают пользователи, а также не полагайтесь на их размышления по поводу возможных вариантов своего поведения.<br />
<span id="more-647"></span><br />
В последние годы самым главным препятствием на пути распространения юзабилити являлась высокая популярность крутого навороченного дизайна. К счастью, <strong>красочный дизайн</strong> проиграл, а приверженцы <strong>юзабилити</strong> добились своей первой и самой тяжелой победы: компании теперь обращают на юзабилити больше внимания.<br />
К счастью, выиграв битву против противников юзабилити, мы так и пока еще не выиграли битву против сложности. Перед нами теперь просто новая линия фронта: теперь необходимо добиться, чтобы компании реализовывали <strong>правила юзабилити</strong> правильно.</p>
<h3>Следите за работой пользователей</h3>
<p>Часто компании основывают дизайн своих сайтов на отзывах пользователей, собранных неверными методами. Создается несколько вариантов дизайна, их показывают группе пользователей, а затем спрашивают, какой дизайн им нравится. Неверно! Если пользователи реально не «пощупают» дизайн, они будут высказывать свое мнение лишь на основании поверхностного взгляда. Это мнение всегда отличается от того, которое высказывается после <strong>реальной работы с сайтом</strong>.</p>
<p>Например: вращающийся логотип выглядит вполне симпатично, но только если на странице больше ничего не будет.<br />
Другой пример: <strong>выпадающие меню (drop-down menu)</strong>, идея взятая из стандартного пользовательского интерфейса, которую они понимают. Однако, несмотря на иллюзию мощного средства работы с сайтом, выпадающими меню часто трудно пользоваться, и они либо путают пользователей, либо случайно приводят их не на ту страницу, которая им была нужна.</p>
<p>Для того, чтобы понять, какой дизайн лучше, <strong>посмотрите за пользователями, пока они пытаются выполнить на сайте ту или иную задачу</strong>.<br />
Результат от полученых данных сводится к <strong>основным правилам юзабилити</strong>:</p>
<ul>
<li>Смотрите, что люди делают реально</li>
<li>Не верьте тому, что люди говорят о своих действиях</li>
<li>И уж точно не верьте тому, что люди говорят о своих возможных действиях в будущем</li>
</ul>
<p>Скажем, 50% опрошенных заявляют, что покупали бы товары более активно, если бы коммерческие сайты предлагали 3-хмерный снимок продаваемого товара. Значит ли это, что вам немедленно нужно приступить к изготовлению 3-хмерного сайта? НЕТ! Это означает, что для опрошенных 3-хмерность&nbsp;&mdash; это круто. Мир кишит проектами, которые брали начало от мнений людей о гипотетических продуктах и услугах. В теоретических опросах люди просто фантазируют о том, как бы они поступили, или что бы им понравилось. Но это вовсе не означает, что в реальной жизни им действительно это понравится, или они поступят именно так.</p>
<h3>Когда и как слушать</h3>
<p>Однако, при сборе данных о предпочтениях вам необходимо принимать во внимание человеческую природу. Беседуя с пользователями об их впечатлениях о работе с сайтом, необходимо исключать три вещи:</p>
<ul>
<li>Отвечая на вопросы (особенно в фокусной группе), люди стараются, чтобы их слова были ближе к тому, что, <strong>как им кажется, вы хотите от них услышать</strong>, или что более приемлемо в обществе.</li>
<li>Когда пользователи рассказывают вам о своих действиях, они на самом деле сообщают вам о том, что они помнят из своих действий. Человеческая память подвержена ошибкам, особенно в отношении к мелким деталям, которые бывают порой очень важны в дизайне интерфейса. Пользователи могут вообще не запомнить некоторые подробности, например, элементы интерфейса, которые ускользнули от их внимания.</li>
<li>Вспоминая о своих действиях, <strong>пользователи рационализуют свое поведение</strong>. Несчетное количество раз я слышал выражения подобные этому: «Будь эта кнопка чуть побольше, я бы ее увидел». Может быть. Однако, все что мы знаем из этого высказывания, это то, что пользователь кнопки не увидел.</li>
</ul>
<p>Наконец, вы должны подумать о том, как и когда собирать мнения пользователей. Казалось бы, проще всего выложить форму опроса на сайт, но в этом случае вы вряд ли получите надежные результаты (если получите вообще). Пользователи, увидевшие и заполнившие форму до того, как поработали с сайтом, дадут неверные ответы. Пользователи, увидевшие форму опроса после того, как они попользовались сайтом, скорей всего уйдут с сайта, так на опрос и не ответив. Единственный вопрос, который действительно хорошо работает в онлайновых опросах, это: <em>"Почему вы сегодня посетили наш сайт?"</em></p>
<p><em>Автор: Якоб Нильсен</em></p>
<p> </p>
<blockquote>
<ul>Читайте также: </p>
<li><a href="http://usabilist.com.ua/2009/03/pervyj-zakon-stiva-kruga/">"Не заставляйте меня думать!"&nbsp;&mdash; з-н Стива Круга</a></li>
<li><a href="http://usabilist.com.ua/2009/03/celeorientirovannoe-proektirovanie/">Пользователь, кто ты?</a></li>
<li><a href="http://usabilist.com.ua/2009/02/ekspertnaya-ocenka-usability-ili-usability-testirovanie/">Что лучше экспертная оценка юзабилити или юзабилити-тестирование?</a></li>
<li><a href="http://usabilist.com.ua/2009/02/zakon-xika/">Закон Хика</a></li>
</ul>
</blockquote>
]]></content:encoded>
			<wfw:commentRss>http://usabilist.com.ua/2009/04/ne-slushajte-polzovatelej-pravilo-yuzabiliti/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title> Управление трафиком по сайту</title>
		<link>http://usabilist.com.ua/2009/02/upravlenie-trafikom/</link>
		<comments>http://usabilist.com.ua/2009/02/upravlenie-trafikom/#comments</comments>
		<pubDate>Tue, 17 Feb 2009 21:32:08 +0000</pubDate>
		<dc:creator>Сергей Протопопов</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Проектирование интерфейсов]]></category>
		<category><![CDATA[Психология пользователей]]></category>
		<category><![CDATA[довольные пользователи]]></category>
		<category><![CDATA[структура сайта]]></category>
		<category><![CDATA[управление трафиком]]></category>

		<guid isPermaLink="false">http://usabilist.com.ua/?p=311</guid>
		<description><![CDATA[<p><a href="http://usabilist.com.ua/2009/02/upravlenie-trafikom/"><img class="size-medium wp-image-313 alignleft" title="sign" src="http://usabilist.com.ua/wp-content/uploads/2009/02/sign-300x225.jpg" alt="управление трафиком" width="300" height="225" /></a><strong>Трафик</strong>&#160;&#8212; это перемещение пользователей по сайту.</p>
<p>Правильное управление трафиком дает возможность сделать из пользователя покупателя (клиента или потребителя рекламы).</p>
<p>Для начала разделим сайты на 2 типа:</p>
<ul>
<li>«Контент-сайты»&#160;&#8212; сайты с «полезной» информацией; </li>
<li>«Сайты-продавцы»&#160;&#8212; сайты продающие товар (услуги); </li>
</ul>
<p><span id="more-311"></span><br />
Цель «контент-сайтов» показать пользователю наибольшее количество страниц  на каждой из которых кроме «полезной» информации будет от 1 до 5&#8230;</p>]]></description>
			<content:encoded><![CDATA[<p><a href="http://usabilist.com.ua/2009/02/upravlenie-trafikom/"><img class="size-medium wp-image-313 alignleft" title="sign" src="http://usabilist.com.ua/wp-content/uploads/2009/02/sign-300x225.jpg" alt="управление трафиком" width="300" height="225" /></a><strong>Трафик</strong>&nbsp;&mdash; это перемещение пользователей по сайту.</p>
<p>Правильное управление трафиком дает возможность сделать из пользователя покупателя (клиента или потребителя рекламы).</p>
<p>Для начала разделим сайты на 2 типа:</p>
<ul>
<li>«Контент-сайты»&nbsp;&mdash; сайты с «полезной» информацией; </li>
<li>«Сайты-продавцы»&nbsp;&mdash; сайты продающие товар (услуги); </li>
</ul>
<p><span id="more-311"></span><br />
Цель «контент-сайтов» показать пользователю наибольшее количество страниц  на каждой из которых кроме «полезной» информации будет от 1 до 5 рекламных блоков. Большое количество рекламы приводит пользователей к «баннерной тошноте», а также забирает часть трафика.</p>
<blockquote>
<p>«Баннерная тошнота»&nbsp;&mdash; реакция пользователя на большое количество рекламных блоков. Чаще всего реакцией будет закрытие окна браузера.</p>
</blockquote>
<p>Для эффективного управления трафиком «контент-сайтов» необходимо:</p>
<ol>
<li>Создать приятную обстановку (дизайн, структура сайта)</li>
<li>Ограничить количество рекламных блоков до 3;</li>
<li>Разделять информацию на логические части;</li>
<li>Возле основной информации размещать тематическую (похожую) информацию.</li>
</ol>
<p>Цель «сайты-продавцов» продать пользователю наибольшее количество товара (услуг).<br />
Для эффективной продажи надо подвести пользователя от главной страницы к кнопке «Купить», «Заказать»</p>
<p>Основные ошибки «сайтов-продавцов»:</p>
<ul>
<li>Показ всей продукции на 1-й странице;</li>
<li>Отсутствие описания, изображения;</li>
<li>Слишком запутанная система заказа товара;</li>
</ul>
<p>Для эффективного управления трафиком «сайтов-продавцов» необходимо:</p>
<ol>
<li>Дать, как можно больше, информации о товаре (услуге);</li>
<li>Выделить кнопку «Купить», «Заказать»;</li>
<li>Упростить форму заказа (оплаты);</li>
</ol>
<p>Вывод: <strong>Не важно как посетители попадут на сайт главное что они получат взамен.</strong></p>
<blockquote>
<ul>Читайте также:  </p>
<li><a href="http://usabilist.com.ua/2009/02/ekspertnaya-ocenka-usability-ili-usability-testirovanie/">Экспертная оценка юзабилити или юзабилити-тестирование</a></li>
<li><a href="http://usabilist.com.ua/2009/02/zakon-xika/">Закон Хика</a></li>
<li><a href="http://usabilist.com.ua/2009/02/mobilnyj-internet/">Мобильный интернет 2009</a></li>
</ul>
</blockquote>
]]></content:encoded>
			<wfw:commentRss>http://usabilist.com.ua/2009/02/upravlenie-trafikom/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
	</channel>
</rss>
