<?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/category/blog/interface-design/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> Что будет после юзабилити?</title>
		<link>http://usabilist.com.ua/2010/07/chto-budet-posle-usability/</link>
		<comments>http://usabilist.com.ua/2010/07/chto-budet-posle-usability/#comments</comments>
		<pubDate>Mon, 26 Jul 2010 08:50:00 +0000</pubDate>
		<dc:creator>Сергей Протопопов</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Проектирование интерфейсов]]></category>
		<category><![CDATA[Эволюция интернета]]></category>

		<guid isPermaLink="false">http://usabilist.com.ua/?p=2653</guid>
		<description><![CDATA[ <div id="attachment_2655" class="wp-caption alignnone" style="width: 590px"><a rel="attachment wp-att-2655" href="http://usabilist.com.ua/2010/07/chto-budet-posle-usability/development-model/"><img class="size-large wp-image-2655" title="Development Model" src="http://usabilist.com.ua/wp-content/uploads/2010/07/Development-Model-580x398.jpg" alt="Модели разработки программного обеспечения" width="580" height="398" /></a><p class="wp-caption-text">Модели разработки программного продукта</p></div>
<p>Процесс разработки программного обеспечения обычно движется с помощью того, что получают пользователи. В начале была модель водопада (<strong>waterfall model</strong>) на основе мира, где все известно заранее, и спецификации не меняются (например, плод). В конце разработки пользователи получают что-то функциональное, но не то, что они хотели или им&#8230;</p>]]></description>
			<content:encoded><![CDATA[ <div id="attachment_2655" class="wp-caption alignnone" style="width: 590px"><a rel="attachment wp-att-2655" href="http://usabilist.com.ua/2010/07/chto-budet-posle-usability/development-model/"><img class="size-large wp-image-2655" title="Development Model" src="http://usabilist.com.ua/wp-content/uploads/2010/07/Development-Model-580x398.jpg" alt="Модели разработки программного обеспечения" width="580" height="398" /></a><p class="wp-caption-text">Модели разработки программного продукта</p></div>
<p>Процесс разработки программного обеспечения обычно движется с помощью того, что получают пользователи. В начале была модель водопада (<strong>waterfall model</strong>) на основе мира, где все известно заранее, и спецификации не меняются (например, плод). В конце разработки пользователи получают что-то функциональное, но не то, что они хотели или им требовалось.<span id="more-2653"></span></p>
<p>Затем пришла спиральная модель (<strong>spiral model</strong>): Iterative, Agile, XP. Она была нацеленна на удовлетворенность клиента. В отличие от модели водопада (которые идут в одном направлении и не делают резервную копию), спиральная модель может производить программное обеспечение которое более вероятно, соответствует тому, что хотят пользователи. Юзабилити необходимо для спирального развития, так как на каждом этапе оцениваеться успешность принятого решения.</p>
<h3>Но что будет после юзабилити?</h3>
<p>Будут ли новые подходы к разработке ПО и что бдует на них влиять? Ниже представленна иерархия потребностей и желаний пользователей. Которая явно или косвенно влияет на разработку программного обеспечения:</p>
<p><a rel="attachment wp-att-2654" href="http://usabilist.com.ua/2010/07/chto-budet-posle-usability/ierarxiya-potrebnostej/"><img class="alignnone size-large wp-image-2654" title="Иерархия потребностей" src="http://usabilist.com.ua/wp-content/uploads/2010/07/Иерархия-потребностей-580x405.jpg" alt="" width="580" height="405" /></a></p>
<h3>После юзабилити будет пользовательский «поток»</h3>
<p>Сейчас пользователь благодарит нас за предоставленную ему полезную, хорошо продуманную и удобную программу. Но потом он захочет, чтоб приложение было интересным и затягивало его в происходящее с первой секунды. Можно ли будет держать его в такой степени вовлеченности, чтоб во время использования он забывал о повседневной жизни? Програмное обеспечение должно очаровывать и затягивать пользователя с собой.</p>
<p>Даже если пользователи не начинают требовать «потока», это огромные возможности и преимущества для тех, чьи продукты реализовывают его и один из основных критериев продуктов для активных пользователей.</p>
<p>Это всё грубые предположение по поводу развития разработки программного продукта. <strong> </strong></p>
<p><strong>Хотелось бы услышать, что думают специалисты по этому поводу?</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://usabilist.com.ua/2010/07/chto-budet-posle-usability/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title> Программист добавил полезную функцию</title>
		<link>http://usabilist.com.ua/2010/07/programmist-dobavil-poleznuyu-funkciyu/</link>
		<comments>http://usabilist.com.ua/2010/07/programmist-dobavil-poleznuyu-funkciyu/#comments</comments>
		<pubDate>Tue, 06 Jul 2010 08:00:32 +0000</pubDate>
		<dc:creator>puzik</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=2315</guid>
		<description><![CDATA[<p><img class="aligncenter size-large wp-image-2314" title="плохая комуникация в команде" src="http://usabilist.com.ua/wp-content/uploads/2010/06/comics4-580x179.jpg" alt="плохая комуникация в команде" width="580" height="179" />Программист решил добавить еще одну «полезную» функцию. Если бы интерфейс проектировался, то наличие функции уничтожения человека было бы не возможным!<span id="more-2315"></span></p>
]]></description>
			<content:encoded><![CDATA[<p><img class="aligncenter size-large wp-image-2314" title="плохая комуникация в команде" src="http://usabilist.com.ua/wp-content/uploads/2010/06/comics4-580x179.jpg" alt="плохая комуникация в команде" width="580" height="179" />Программист решил добавить еще одну «полезную» функцию. Если бы интерфейс проектировался, то наличие функции уничтожения человека было бы не возможным!<span id="more-2315"></span></p>
]]></content:encoded>
			<wfw:commentRss>http://usabilist.com.ua/2010/07/programmist-dobavil-poleznuyu-funkciyu/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title> Особенности психологии человека при проектировании интерфейсов</title>
		<link>http://usabilist.com.ua/2010/07/osobennosti-psixologii-cheloveka-pri-proektirovanii-interfejsov/</link>
		<comments>http://usabilist.com.ua/2010/07/osobennosti-psixologii-cheloveka-pri-proektirovanii-interfejsov/#comments</comments>
		<pubDate>Thu, 01 Jul 2010 06:15:14 +0000</pubDate>
		<dc:creator>Сергей Протопопов</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Проектирование интерфейсов]]></category>
		<category><![CDATA[Психология пользователей]]></category>

		<guid isPermaLink="false">http://usabilist.com.ua/?p=2450</guid>
		<description><![CDATA[<p>Обзор психолога <a href="http://www.whatmakesthemclick.net/contact-me/"><strong>Сьюзан Вайншенк</strong></a> особенностей психологии человека при пользовании интерфейсами. Детальное описание 10-ти критериев, которые могут существенно помочь дизайнерам и разработчикам при проектировании веб-сайтов и других интерфейсов.</p>
<h3>1. Люди не хотят работать или      думать больше, чем надо</h3>
<h3><a rel="attachment wp-att-2454" href="http://usabilist.com.ua/2010/07/osobennosti-psixologii-cheloveka-pri-proektirovanii-interfejsov/len3/"><img class="size-medium wp-image-2454 alignright" title="лень3" src="http://usabilist.com.ua/wp-content/uploads/2010/06/лень3-300x210.jpg" alt="" width="300" height="210" /></a></h3>
<ul>
<li>Люди будут выполнять как можно меньше работы, чтобы достичь нужной цели.</li>
<li>Лучше дать людям минимум информации, из&#8230;</li></ul>]]></description>
			<content:encoded><![CDATA[<p>Обзор психолога <a href="http://www.whatmakesthemclick.net/contact-me/"><strong>Сьюзан Вайншенк</strong></a> особенностей психологии человека при пользовании интерфейсами. Детальное описание 10-ти критериев, которые могут существенно помочь дизайнерам и разработчикам при проектировании веб-сайтов и других интерфейсов.</p>
<h3>1. Люди не хотят работать или      думать больше, чем надо</h3>
<h3><a rel="attachment wp-att-2454" href="http://usabilist.com.ua/2010/07/osobennosti-psixologii-cheloveka-pri-proektirovanii-interfejsov/len3/"><img class="size-medium wp-image-2454 alignright" title="лень3" src="http://usabilist.com.ua/wp-content/uploads/2010/06/лень3-300x210.jpg" alt="" width="300" height="210" /></a></h3>
<ul>
<li>Люди будут выполнять как можно меньше работы, чтобы достичь нужной цели.</li>
<li>Лучше дать людям минимум информации, из которой они могут выбрать что-то одно и получить по нему более подробную информацию.  Я называю это прогрессивное раскрытие информации.</li>
<li>Вместо того чтобы описывать вещи, лучше показать людям пример.</li>
<li>Обратите внимание на псевдофункциональность (<a href="http://en.wikipedia.org/wiki/Affordance" target="_blank">affordance</a>) элементов веб-страницы, интерфейса или устройства, которые вы проектируете. Если элемент не будет кликабельным, не придавайте ему вид кликабельности.<span id="more-2450"></span></li>
<li>Обеспечьте только те функции, в которых действительно нуждаются люди. Не следует полагаться на свое мнение или представление о том, что нужно людям. Чтобы точно это знать проведите исследование вашей аудитории. Если предоставить людям больше, чем им нужно, только ухудшит ситуацию.</li>
<li>Действия по умолчанию. Позаботьтесь, чтобы по умолчанию люди делали как можно меньше действий, чтобы достичь цели.</li>
</ul>
<h3>2. Люди имеют ограничения</h3>
<h3><a rel="attachment wp-att-2456" href="http://usabilist.com.ua/2010/07/osobennosti-psixologii-cheloveka-pri-proektirovanii-interfejsov/upyachka/"><img class="alignright size-medium wp-image-2456" title="упячка" src="http://usabilist.com.ua/wp-content/uploads/2010/06/упячка-300x449.jpg" alt="" width="300" height="449" /></a></h3>
<ul>
<li> Люди могут потреблять лишь часть информации, из того что попадает в их поле зрения. Обеспечьте доступ лишь к тому количеству текста и картинок, которые необходимы на данный момент.</li>
<li>Делайте информацию легко воспринимаемой.</li>
<li>Используйте заголовки, разделяйте информацию на короткие блоки.</li>
<li>Люди не обладают многозадачностью. Многократные исследования подтвердили, что человек обрабатывает информацию в один поток.</li>
<li>Люди предпочитают короткие линии, но лучше воспринимают длинные. Это разница пока остается загадкой и выбор следует делать по ситуации. Но уверена, что люди будут вас просить о том, что в их случае не является лучшим решением.</li>
</ul>
<h3>3. Люди совершают ошибки</h3>
<ul>
<li>Предположите, что люди будут ошибаться. Спрогнозируйте их поведение и попытайтесь предотвратить его при проектировании интерфейса.</li>
<li>Если последствия ошибки могут быть серьезными, используйте этап подтверждения пользователем, прежде чем выполнить действие.</li>
<li>Предусмотрите возможность отмены действия.</li>
<li>Предотвращение ошибки всегда лучше, чем помощь в ее исправлении. Лучшее решение ошибок&nbsp;&mdash; это отсутствие любых сообщений об ошибках.</li>
<li>Если выполнение задачи может содержать ошибки, разбейте ее выполнение на части.</li>
<li>Если пользователь совершает ошибки и вы можете их исправить, то исправляйте и покажите ему свои изменения.</li>
<li>Те, кто проектируют веб-сайты и другие интерфейсы тоже ошибаются. Потому используйте проверку выполненной работы, тестирование и обратную связь с пользователем.</li>
</ul>
<h3>4. Память человека становится сложнее.</h3>
<ul>
<li><span style="font-weight: normal;">Люди меняют свои воспоминания, что говорит о непостоянстве их памяти. Вы можете верить словам пользователей, но лучше наблюдать за их действиями. Это даст гораздо больше информации.</span></li>
<li><span style="font-weight: normal;">Память человека очень хрупкая и быстро теряет информацию, что приводит к ошибкам. Не заставляйте пользователей держать информацию в голове, переходя с одной страницы на другую или от одной задачи к другой.</span></li>
<li><span style="font-weight: normal;">Люди могут одновременно помнить 3&ndash;4 вещи. Правило <a href="http://ru.wikipedia.org/wiki/%D0%9C%D0%B0%D0%B3%D0%B8%D1%87%D0%B5%D1%81%D0%BA%D0%BE%D0%B5_%D1%87%D0%B8%D1%81%D0%BB%D0%BE_%D1%81%D0%B5%D0%BC%D1%8C_%D0%BF%D0%BB%D1%8E%D1%81-%D0%BC%D0%B8%D0%BD%D1%83%D1%81_%D0%B4%D0%B2%D0%B0" target="_blank">«7 объектов ±2»</a> на практике подтверждается редко. В большинстве случаев запоминается лишь половина&nbsp;&mdash; 3..4 объекта.</span></li>
</ul>
<h3>5. Людям свойственна социальность</h3>
<h3><a rel="attachment wp-att-2457" href="http://usabilist.com.ua/2010/07/osobennosti-psixologii-cheloveka-pri-proektirovanii-interfejsov/d0032a044d9c/"><img class="alignright size-full wp-image-2457" title="d0032a044d9c" src="http://usabilist.com.ua/wp-content/uploads/2010/06/d0032a044d9c.jpg" alt="" width="300" height="436" /></a></h3>
<ul>
<li>Люди всегда будут использовать технологии, чтобы быть социальными. Это подтверждалось на протяжении тысячи лет.</li>
<li>Люди подвержены влиянию общества, особенно если не имеют собственной позиции. Это называется <a href="http://en.wikipedia.org/wiki/Compliance_%28psychology%29#Social_validation" target="_blank">социальной проверкой</a>. Что объясняет популярность и влияние рейтингов и обзоров, используемых сайтами.</li>
<li>Если люди что-либо делают вместе в одно и то же время (синхронное поведение), это связывает их вплоть до возникновения химических реакций в мозге. Смех тоже относится к таким действиям.</li>
<li>Если вы что-то сделали полезного для меня, то я буду чувствовать себя обязанным сделать что-то полезное для вас (принцип взаимности). Исследования показывают, что, если вы хотите, чтобы люди заполнили форму, то сделайте сначала что-то полезное для них, а после попросите заполнить форму. Такой подход более эффективный, чем наоборот.</li>
<li>Когда вы наблюдаете за человеком, выполняющим какие-то действия, у вас в мозге задействуются зоны, как если бы это делали вы сами (<a href="http://ru.wikipedia.org/wiki/%D0%97%D0%B5%D1%80%D0%BA%D0%B0%D0%BB%D1%8C%D0%BD%D1%8B%D0%B5_%D0%BD%D0%B5%D0%B9%D1%80%D0%BE%D0%BD%D1%8B" target="_blank">зеркальные нейроны</a>). Мы биологически запрограммированы подражать. Если вы хотите, чтобы люди соверша ли какие-то действия на сайте, покажите им кого-то, кто совершает эти действия.</li>
<li>Человек может иметь прочные связи со 150-ю людьми. Прочные психологические связи определены как связи с людьми, которые физически находятся близко. Но слабые связи могут исчисляться тысячами и оказывать такое же влияние (например, Facebook).</li>
</ul>
<h3>6. Внимание</h3>
<ul>
<li>Я склоняюсь к мысли, что фокусировка внимания пользователя&nbsp;&mdash; ключ к успеху проектирования интерфейса. Когда что-то отвлекает внимание пользователя, это вызывает его недовольство и является ключевой проблемой интерфейса.</li>
<li>Люди запрограммированы обращать внимание на то, что выделено из окружения или что-то новое. Учитывайте это при создании интерфейса</li>
<li>Но бывают и исключения, когда люди не замечают изменений. Это называют слепотой изменений. Существует <a href="http://www.uxmag.com/design/change-blindness" target="_blank">ряд экспериментов</a>, порой довольно смешных, где показан этот эффект.</li>
<li>Вы можете использовать органы чувств для привлечения внимания. Яркие цвета, большой размер шрифта, звуки быстро акцентируют внимание.</li>
<li>Люди легко отвлекаются. Если вы не хотите, чтобы им что-либо мешало просматривать страницу, не используйте мигание, анимацию, запуск видео. Если же наоборот, вам нужно обязательно привлечь внимание, эти методы будут эффективны.</li>
</ul>
<h3>7. Люди жаждут информации</h3>
<h3><a rel="attachment wp-att-2453" href="http://usabilist.com.ua/2010/07/osobennosti-psixologii-cheloveka-pri-proektirovanii-interfejsov/znaniya/"><img class="alignright size-full wp-image-2453" title="знания" src="http://usabilist.com.ua/wp-content/uploads/2010/06/знания.jpg" alt="" width="278" height="221" /></a></h3>
<ul>
<li><a href="http://ru.wikipedia.org/wiki/%D0%94%D0%BE%D0%BF%D0%B0%D0%BC%D0%B8%D0%BD" target="_blank">Допамин</a>&nbsp;&mdash; химическое вещество, гормон, который заставляет людей искать … пищу, секс, информацию. Процесс изучения чего-либо имеет допаминную природу&nbsp;&mdash; мы не можем не хотеть больше  информации.</li>
<li>Люди склонны хотеть больше информации, чем они способны обработать. Наличие большого количества информации заставляет людей чувствовать, что у них есть большой выбор. Большой выбор придает людям чувство контроля, что успокаивает, так как повышает шансы выживания.</li>
<li>Люди нуждаются в обратной связи. Компьютеру нет необходимости сообщать, что он загружает файлы, но человеку необходимо знать, что происходит.</li>
</ul>
<h3>8. Подсознательная обработка информации</h3>
<ul>
<li>Большая часть умственных процессов происходит подсознат ельно.</li>
<li>Если вы сможете добиться, чтобы пользователь совершил незначительное действие (например, подписка на бесплатный аккаунт), то в дальнейшем велика вероятность, что этот человек совершит более значимое действие (например, апгрейд до платного премиум аккаунта).</li>
<li>Подсознание принимает или, по крайней мере, участвует в принятии большинства наших решений. Подсознание заботится о выживании и размножении:  пища, секс и безопасность. Вот почему эти три вещи всегда привлекают наше внимание.</li>
<li>На эмоциональную часть сознания влияют изображения, особенно изображения людей, а также рассказы. Эмоции очень сильно влияют на наши решения.</li>
<li>На поведение людей могут влиять факторы, о которых они даже не догадываются (<a href="http://en.wikipedia.org/wiki/Framing_effect_%28psychology%29" target="_blank">создание эффекта</a>). Например, такие слова как «отставка», «Флорида», «усталость» могу заставить двигаться молодого человека медленно, словно он пенсионер.</li>
<li>Подсознание и эмоции часто действуют без нашего контроля. Но мы всегда будем объяснять наши поступки рациональным и осознанным мышлением. Хотя это только частично так, а иногда и вовсе таким не является.</li>
</ul>
<h3>9. Люди создают мысленные модели</h3>
<h3><a rel="attachment wp-att-2451" href="http://usabilist.com.ua/2010/07/osobennosti-psixologii-cheloveka-pri-proektirovanii-interfejsov/884_1196948185/"><img class="alignright size-medium wp-image-2451" title="884_1196948185" src="http://usabilist.com.ua/wp-content/uploads/2010/06/884_1196948185-300x408.jpg" alt="" width="300" height="408" /></a></h3>
<ul>
<li>Люди всегда создают мысленную модель о каком-либо объекте или задаче (оплата счетов, чтение книги, использование дистанционного управления)</li>
<li>Мысленная модель, которая сформировалась у людей в отношении какой-либо задачи, может облегчать или наоборот усложнять работу с интерфейсом, который вы спроектировали.</li>
<li>Чтобы создать положительный интерфейс, вам необходимо адаптировать концептуальную модель интерфейса с ментальной моделью пользователей или разобраться, как «обучить» пользователя новой мысленной модели</li>
<li>Метафоры помогают формировать новую мысленную модель. Например, «управлять iPad также просто, как читать обычную книгу».</li>
<li>Самая главная цель при изучении целевой аудитории&nbsp;&mdash; это получить информацию о ментальных моделях пользователей.</li>
</ul>
<h3>10. Визуальная система</h3>
<ul>
<li>Если страница перегружена информацией, людям сложно в ней ориентироваться. Визуально разбейте информацию на группы, чтобы пользователю было легко сосредоточиться.</li>
<li>Элементы <a href="http://ru.wikipedia.org/wiki/%D0%93%D0%B5%D1%88%D1%82%D0%B0%D0%BB%D1%8C%D1%82%D0%BF%D1%81%D0%B8%D1%85%D0%BE%D0%BB%D0%BE%D0%B3%D0%B8%D1%8F" target="_blank">расположенные рядом, имеют тенденцию восприниматься вместе</a>.</li>
<li>Используйте шрифты достаточного размера и без декоративных элементов. Это значительно облегчает чтение текста.</li>
<li>Исследования показывают, что человек использует периферийное зрение, чтобы сформировать более полную картину о том, на что он смотрит. Если человек смотрит прямо на что-либо, это не значит, что он не замечает окружающие элементы.</li>
<li>Использование цветового контраста делает сложным восприятие информации. Пример такого сочетания&nbsp;&mdash; красный и синий цвета. Старайтесь избегать красного текста на синем фоне и наоборот.</li>
<li>Людям легче воспринимать объекты, если они изображены в перспективе.</li>
<li>Цвет хороший способ показать, что элементы имеют связи. Но не забывайте использовать для этого дополнительные  визуальные средства, так как часть людей плохо различает цвета.</li>
</ul>
<p>Источник: <a href="http://hotdesignfor.us/" target="_blank">HotDesignFor.Us</a></p>
]]></content:encoded>
			<wfw:commentRss>http://usabilist.com.ua/2010/07/osobennosti-psixologii-cheloveka-pri-proektirovanii-interfejsov/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title> Битва с самым худшим интерфейсом в мире</title>
		<link>http://usabilist.com.ua/2010/06/bitva-s-samym-xudshim-interfejsom-v-mire/</link>
		<comments>http://usabilist.com.ua/2010/06/bitva-s-samym-xudshim-interfejsom-v-mire/#comments</comments>
		<pubDate>Thu, 24 Jun 2010 08:00:09 +0000</pubDate>
		<dc:creator>puzik</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Законы юзабилити]]></category>
		<category><![CDATA[Проектирование интерфейсов]]></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=2312</guid>
		<description><![CDATA[<p style="text-align: center;"><img class="size-large wp-image-2311 aligncenter" title="плохой интерфейс" src="http://usabilist.com.ua/wp-content/uploads/2010/06/comics2-580x210.jpg" alt="плохой интерфейс" width="580" height="210" /></p>
<p>Даже самый лучший в мире инженер-проектировщик или интернет профессионал может оказатся бессильным против неудачно спроектированого интерфейса. Особенно это касается интерфейсов интернет банкинга, когда действие нужно провести быстро, надежно, просто.<span id="more-2312"></span></p>
]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><img class="size-large wp-image-2311 aligncenter" title="плохой интерфейс" src="http://usabilist.com.ua/wp-content/uploads/2010/06/comics2-580x210.jpg" alt="плохой интерфейс" width="580" height="210" /></p>
<p>Даже самый лучший в мире инженер-проектировщик или интернет профессионал может оказатся бессильным против неудачно спроектированого интерфейса. Особенно это касается интерфейсов интернет банкинга, когда действие нужно провести быстро, надежно, просто.<span id="more-2312"></span></p>
]]></content:encoded>
			<wfw:commentRss>http://usabilist.com.ua/2010/06/bitva-s-samym-xudshim-interfejsom-v-mire/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title> Комикс о вовлечении  пользователей в процесс</title>
		<link>http://usabilist.com.ua/2010/06/kommiks-o-vovlechenii-polzovatelej-v-process/</link>
		<comments>http://usabilist.com.ua/2010/06/kommiks-o-vovlechenii-polzovatelej-v-process/#comments</comments>
		<pubDate>Thu, 17 Jun 2010 06:00:36 +0000</pubDate>
		<dc:creator>puzik</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=2307</guid>
		<description><![CDATA[<p style="text-align: center;"><img class="size-large wp-image-2308 aligncenter" title="О вовлечении пользователей" src="http://usabilist.com.ua/wp-content/uploads/2010/06/comics1-580x270.jpg" alt="О вовлечении пользователей" width="580" height="270" /></p>
<p>Насколько ваши сайты могут вовлечь пользователя? Хороший интерфей это когда пользователь с удовольствием пользуется вашим ресурсом и не замечает как проходит время.<span id="more-2307"></span></p>
]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><img class="size-large wp-image-2308 aligncenter" title="О вовлечении пользователей" src="http://usabilist.com.ua/wp-content/uploads/2010/06/comics1-580x270.jpg" alt="О вовлечении пользователей" width="580" height="270" /></p>
<p>Насколько ваши сайты могут вовлечь пользователя? Хороший интерфей это когда пользователь с удовольствием пользуется вашим ресурсом и не замечает как проходит время.<span id="more-2307"></span></p>
]]></content:encoded>
			<wfw:commentRss>http://usabilist.com.ua/2010/06/kommiks-o-vovlechenii-polzovatelej-v-process/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title> Виды usability-специалистов</title>
		<link>http://usabilist.com.ua/2010/05/kind-of-usability-specialist/</link>
		<comments>http://usabilist.com.ua/2010/05/kind-of-usability-specialist/#comments</comments>
		<pubDate>Thu, 27 May 2010 08:00:32 +0000</pubDate>
		<dc:creator>Сергей Протопопов</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Проектирование интерфейсов]]></category>
		<category><![CDATA[usability specialist]]></category>
		<category><![CDATA[цель юзабилити]]></category>
		<category><![CDATA[юзабилити специалист]]></category>

		<guid isPermaLink="false">http://usabilist.com.ua/?p=1997</guid>
		<description><![CDATA[<p><a href="http://usabilist.com.ua/2010/05/kind-of-usability-specialist/"><img class="size-full wp-image-2005 alignleft" title="usability-engeenier" src="http://usabilist.com.ua/wp-content/uploads/2010/05/lift1.jpg" alt="usability-engeenier" width="225" height="338" /></a></p>
<h2>Usability инженер</h2>
<h3>Цели</h3>
<p>Формирование устойчивых предпочтений у конечного пользователя вследствии повышение его удовлетворенности от работы с программным продуктом.</p>
<p>Создание конкурентных преимуществ продукции компании за счет всестороннего и полноценного учета человеческого фактора при проектировании и использовании программного продукта.</p>
<h3>Задачи</h3>
<ul>
<li>Анализ бизнес требований, подготовка спецификаций по пользовательскому интерфейсу для проектной команды и руководства.</li>
<li>Перевод области деятельности заказчика в&#8230;</li></ul>]]></description>
			<content:encoded><![CDATA[<p><a href="http://usabilist.com.ua/2010/05/kind-of-usability-specialist/"><img class="size-full wp-image-2005 alignleft" title="usability-engeenier" src="http://usabilist.com.ua/wp-content/uploads/2010/05/lift1.jpg" alt="usability-engeenier" width="225" height="338" /></a></p>
<h2>Usability инженер</h2>
<h3>Цели</h3>
<p>Формирование устойчивых предпочтений у конечного пользователя вследствии повышение его удовлетворенности от работы с программным продуктом.</p>
<p>Создание конкурентных преимуществ продукции компании за счет всестороннего и полноценного учета человеческого фактора при проектировании и использовании программного продукта.</p>
<h3>Задачи</h3>
<ul>
<li>Анализ бизнес требований, подготовка спецификаций по пользовательскому интерфейсу для проектной команды и руководства.</li>
<li>Перевод области деятельности заказчика в дизайнерские решения интерфейса.</li>
<li>Разработка методов и технологии тестовых испытаний пользовательского интерфейса, их проведение, а также анализ и обработка данных испытаний.</li>
<li>Оценка качества реализованного или разрабатываемого интерфейса.</li>
<li>Usability research&nbsp;&mdash; Подготовка предложений по направлениям развития продукта для менеджера проекта и высшего руководства на основе данных, полученных посредством обратной связи с заказчика и пользователем, а также на основании анализа последних разработок конкурентов и исследовательских лабораторий.</li>
<li>Ответственность</li>
<li>Отстаивание и защита интересов конечного пользователя на всех этапах разработки программного продукта.</li>
</ul>
<h3>Виды работ</h3>
<ul>
<li>Подготовка характеристик и описание конечного пользователя, формирование его портрета.</li>
<li>Обзор рыночных требований к продукту, проведение фокус групп и разработка профиля пользователя.</li>
<li>Разработка сценариев диалога пользователя.</li>
<li>Разработка бумажного прототипа интерефейса и  рабочего для оценки.</li>
<li>Разработка или применение методик тестирования интерфейса по показателям, соответствующим требований заказчика к работе пользователя.</li>
<li>Мониторинг новых продуктов на предмет особенностей и качества интерфейса.</li>
<li>Разработка спецификаций, руководств и стандартов по созданию и оценки пользовательского интерфейса.</li>
<li>Принятие решений по интерфейсу в течении разработки и тестирования.</li>
</ul>
<h2><img class="alignleft size-full wp-image-2000" title="books" src="http://usabilist.com.ua/wp-content/uploads/2010/05/books.jpg" alt="books" width="192" height="179" />Информационный архитектор, usability архитектор</h2>
<h3>Цели</h3>
<p>Передача и повышения качества пользовательского представления, создание образа сайта (приложения).</p>
<p>Внесение предложений по улучшению качества работы пользователя на сайте на основе стратегического планирования роста возможностей сайта (для web).</p>
<h3>Задачи</h3>
<ul>
<li>Идентификация и транслирование клиентских нужд и опыта пользователя в функциональные требования к интерфейсу.</li>
<li>Планирование usability тестирования, его проведение и обработка результатов.</li>
<li>Дизайн в процессе тестовых испытаний с клиентом.</li>
<li>Подготовка предложений по направлениям развития продукта для менеджера проекта и высшего руководства на основе данных, полученных посредством обратной связи с заказчика и пользователем</li>
<li>Ответственность</li>
<li>Адекватное соответствие разработанного интерфейса с представлениями пользователя о предметной области.</li>
<li>Нахождение баланса между требованиями бизнес&nbsp;&mdash; процессов, техническими возможностями и возможностями пользователя.</li>
</ul>
<h3>Виды работ</h3>
<ul>
<li>Участие в выявлении профессиональных целей и задач в деятельности пользователя, принятых заказчиком (потенциальным покупателем).</li>
<li>Проектирование информационной модели работы пользователя.</li>
<li>Согласование мнений о содержании, структуре и организации сайта (для Web).</li>
<li>Разработка макетов экранов и сценария диалога</li>
</ul>
<h2><img class="alignleft size-full wp-image-2002" title="experience_ycam" src="http://usabilist.com.ua/wp-content/uploads/2010/05/experience_ycam.jpg" alt="experience_ycam" width="200" height="200" />Дизайнер по взаимодействию, Interaction Designer</h2>
<h3>Цели</h3>
<p>Увеличение выгод заказчика от использования всех функциональных возможностей программного продукта, от надежности и производительности работы пользователя.</p>
<h3>Задачи</h3>
<ul>
<li>Работа с заказчиками по определению и формированию установок и навыков работы.</li>
<li>Перевод области деятельности заказчика в дизайнерские решения интерфейса.</li>
<li>Оценка качества реализованного или разрабатываемого интерфейса.</li>
<li>Создание, поддержание и совершенствование единого фирменного стиля интерфейса.</li>
<li>Ответственность</li>
<li>Адекватное соответствие разработанного интерфейса сформированными им навыками работы по решению профессиональных задач.</li>
</ul>
<h3>Виды работ</h3>
<ul>
<li>Участие в выявлении профессиональных целей и задач в деятельности пользователя, принятых заказчиком (потенциальным покупателем).</li>
<li>Определение требований, запросов пользователя различными методами&nbsp;&mdash; опросы, наблюдения, фокусированные интервью.</li>
<li>Анализ привычного общения пользователей по решению профессиональных задач, выявление протокола, средств и способов общения.</li>
<li>Проектирование функциональной модели работы пользователя и модели диалога (набора рабочих задач, режимов работы, объектов воздействия, функциональных диаграмм и спецификаций).</li>
<li>Создавать прототипы коммуникации пользователя.</li>
<li>Создание прототипа интерфейса.</li>
<li>Проведение оценки достоинств и недостатков интерфейсов.</li>
</ul>
<h2><img class="alignleft size-medium wp-image-2001" title="experience" src="http://usabilist.com.ua/wp-content/uploads/2010/05/experience-300x394.jpg" alt="experience" width="180" height="236" />Проектировщик поведения, User Experience Designer</h2>
<h3>Цели</h3>
<p>Формирование устойчивых предпочтений у конечного пользователя вследствии повышение его удовлетворенности от работы с программным продуктом.</p>
<h3>Задачи</h3>
<ul>
<li>Выдвижение и проверка предположений о поведение пользователя, его установках и жизненном опыте.</li>
<li>Interface Creative Director Проектирование нового поведения пользователя.</li>
<li>Перевод области деятельности заказчика в дизайнерские решения интерфейса.</li>
<li>Проектирование и обоснованный выбор элементов интерфейса в соответствии с задачами, структурой и содержанием деятельности пользователя.</li>
<li>Разработка методов и технологии тестовых испытаний пользовательского интерфейса, их проведение, а также анализ и обработка данных испытаний.</li>
<li>Разработка требований к системе обучения и поддержки пользователя, документации для пользователей, при необходимости руководство данными направлениями.</li>
<li>Ответственность</li>
<li>Адекватное соответствие разработанного интерфейса с представлениями пользователя о предметной области и сформированными им навыками работы по решению профессиональных задач.</li>
</ul>
<h3>Виды работ</h3>
<ul>
<li>Вместе с менеджером по продукту (отдел маркетинга) определение целевой аудитории программного продукта. Описание конечного пользователя, формирование его портрета, исследование его целей деятельности  и культурно-этнических особенностей его поведения.</li>
<li>Определение требований, запросов пользователя различными методами&nbsp;&mdash; опросы, наблюдения, фокусированные интервью.</li>
<li>Определение уровня профессиональной подготовки пользователя для построения адекватной модели (представления) предметной области и соответствующей справочно-информационной поддержки.</li>
<li>Моделирование и объяснение взаимодействия пользователя с приложением.</li>
<li>Написание help, подсказок, реплик и других форм on&nbsp;&mdash; line поддержки пользователя.</li>
<li>Сбор и анализ данных с помощью обратной связи от пользователя.</li>
<li>Консультирование технических писателей, редактирование руководств, инструкций пользователя и др.</li>
</ul>
<h2><img class="alignleft size-medium wp-image-2004" title="luma_institute_usability_testing" src="http://usabilist.com.ua/wp-content/uploads/2010/05/luma_institute_usability_testing-300x195.png" alt="luma_institute_usability_testing" width="240" height="156" />Usability Tester</h2>
<h3>Цели</h3>
<p>Увеличение выгод заказчика от использования всех функциональных возможностей программного продукта, от надежности и производительности работы пользователя.</p>
<h3>Задачи</h3>
<ul>
<li>Разработка методов и технологии тестовых испытаний пользовательского интерфейса.</li>
<li>Планирование usability тестирования и его проведение, а также анализ и обработка данных.</li>
<li>Ответственность</li>
<li>Обоснованность выбора тестовых методов  и объективность результатов испытаний пользовательского интерфейса.</li>
</ul>
<h3>Виды работ</h3>
<ul>
<li>Идентификация требований к пользовательскому интерфейсу, построение критериев его оценки, разработка показателей оценки.</li>
<li>Разработка и применение методик тестирования интерфейса по показателям, соответствующим требований заказчика к работе пользователя.</li>
<li>Подбор участников  для тестирования.</li>
<li>Сбор и анализ данных с помощью обратной связи от пользователя по результатам моделирования взаимодействия с предложенным прототипом интерфейса.</li>
<li>Подготовка отчетов о тестировании продукта, направленных на доработку продукта.</li>
<li>Систематизация ошибок разработчиков, создание правил и инструкций для них по usability  проблемам.</li>
<li>Разработка тестовых форм, шаблонов и руководств по оценки интерфейсов.</li>
</ul>
<h2><img class="alignleft size-medium wp-image-2011" title="concept" src="http://usabilist.com.ua/wp-content/uploads/2010/05/concept-300x219.jpg" alt="concept" width="240" height="175" />Дизайнер графического интерфейса Visual Designer</h2>
<h3>Цели</h3>
<p>Формирование устойчивых предпочтений у конечного пользователя вследствии повышение его удовлетворенности от работы с программным продуктом.</p>
<h3>Задачи</h3>
<ul>
<li>Проектирование и обоснованный выбор элементов интерфейса в соответствии с задачами, структурой и содержанием деятельности пользователя.</li>
<li>Создание, поддержание и совершенствование единого графмческого стиля интерфейса продуктов компании.</li>
<li>Ответственность</li>
<li>Удобство работы с графическим элементами интерфейса, адекватный задачам пользователя выбор цветографической композиции экраного кадра.</li>
</ul>
<h3>Виды работ</h3>
<ul>
<li>Определение требований, запросов пользователя к графическому интерфейсу.</li>
<li>Создание визуальной среды (метафоры).</li>
<li>Размещением информации на экране, подбор шрифтов, символики, цветовой композиции.</li>
<li>Разработка бумажного рабочего прототипа графического интерфейса.</li>
<li>Разработка спецификаций, руководств и стандартов по визуальному проектированию, в том числе стилевых руководств.</li>
<li>Разработка пользовательского интерфейса и програмирование на HTML, JavaScript, HFE&nbsp;&mdash; для Web.</li>
<li>Создание презентаций и демо-версий продукта.</li>
</ul>
<h3>Источник: <a href="http://usability.ru">http://usability.ru</a></h3>
<h3><a href="http://usabilist.com.ua/about/">Наша команда</a> представляет <a href="http://usabilist.com.ua/usability-uslugi/">весь спектр юзабилити услуг</a>.</h3>
]]></content:encoded>
			<wfw:commentRss>http://usabilist.com.ua/2010/05/kind-of-usability-specialist/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title> Новый дизайн главной страницы bigmir.net</title>
		<link>http://usabilist.com.ua/2010/05/new-design-hp-bigmirnet/</link>
		<comments>http://usabilist.com.ua/2010/05/new-design-hp-bigmirnet/#comments</comments>
		<pubDate>Fri, 21 May 2010 07:00:20 +0000</pubDate>
		<dc:creator>Сергей Протопопов</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Проектирование интерфейсов]]></category>
		<category><![CDATA[Эволюция интернета]]></category>
		<category><![CDATA[bigmir.net]]></category>
		<category><![CDATA[дизайн интерфейса]]></category>
		<category><![CDATA[довольные пользователи]]></category>
		<category><![CDATA[проектирование интерфейсов]]></category>

		<guid isPermaLink="false">http://usabilist.com.ua/?p=1931</guid>
		<description><![CDATA[ <div id="attachment_1993" class="wp-caption alignleft" style="width: 310px"><a href="http://usabilist.com.ua/2010/05/new-design-hp-bigmirnet/"><img class="size-medium wp-image-1993 " title="preview2" src="http://usabilist.com.ua/wp-content/uploads/2010/05/preview2-300x161.png" alt="preview2" width="300" height="161" /></a><p class="wp-caption-text">Новая главная страница bigmir.net</p></div>
<h3>Первые впечатления</h3>
<p>Первые впечатления от просмотра <a href="http://www.bigmir.net/new">новой главной страницы портала bigmir.net</a>&#8212; положительные. В первую очередь заметны огромные изменения  в дизайне.</p>
<p>Внешне сайт стал более легким и стильным. Дизайнеры избавились от нагромождения рамок, которые являлись по-своему источниками визуального шума <a href="http://usabilist.com.ua/2009/04/evolyuciya-bigmirnet/">в предыдущей версии сайта</a></p>
<p><a href="http://usabilist.com.ua/2010/05/new-design-hp-bigmirnet/"><img class="alignnone size-full wp-image-1955" title="bigmir-logo" src="http://usabilist.com.ua/wp-content/uploads/2010/05/bigmir-logo.png" alt="bigmir-logo" width="434" height="75" /></a></p>
<p>Наконец-то ядреный синий цвет логотипа заменили на более спокойный и&#8230;</p>]]></description>
			<content:encoded><![CDATA[ <div id="attachment_1993" class="wp-caption alignleft" style="width: 310px"><a href="http://usabilist.com.ua/2010/05/new-design-hp-bigmirnet/"><img class="size-medium wp-image-1993 " title="preview2" src="http://usabilist.com.ua/wp-content/uploads/2010/05/preview2-300x161.png" alt="preview2" width="300" height="161" /></a><p class="wp-caption-text">Новая главная страница bigmir.net</p></div>
<h3>Первые впечатления</h3>
<p>Первые впечатления от просмотра <a href="http://www.bigmir.net/new">новой главной страницы портала bigmir.net</a>&mdash; положительные. В первую очередь заметны огромные изменения  в дизайне.</p>
<p>Внешне сайт стал более легким и стильным. Дизайнеры избавились от нагромождения рамок, которые являлись по-своему источниками визуального шума <a href="http://usabilist.com.ua/2009/04/evolyuciya-bigmirnet/">в предыдущей версии сайта</a></p>
<p><a href="http://usabilist.com.ua/2010/05/new-design-hp-bigmirnet/"><img class="alignnone size-full wp-image-1955" title="bigmir-logo" src="http://usabilist.com.ua/wp-content/uploads/2010/05/bigmir-logo.png" alt="bigmir-logo" width="434" height="75" /></a></p>
<p>Наконец-то ядреный синий цвет логотипа заменили на более спокойный и избавились от «колхозного» белого свечения. А вот расположение и размер девиза вызывает вопрос: «Чем больше, тем лучше?!» <span id="more-1931"></span></p>
<h3>"Шапка" сайта</h3>
<p>Позиционирование шапки, которая ранее была ярко выражена и являлась логическим и визуальным центром страницы, изменилось. Он стала более «легкой» и приятной, но менее акцентированной. Большое внимание привлекает желтая плашка поиска.</p>
<p><strong>Вывод: красивая, стильная, но не совсем внятная шапка получилась</strong>. Несколько усугубит ситуацию появление верхнего баннера.</p>
<p>Раньше, благодаря тем самым границам, строка ссылок бросалась в глаза больше. Сейчас же, правые ссылки повисли в воздухе.</p>
<p><img class="alignnone size-full wp-image-1974" title="header1" src="http://usabilist.com.ua/wp-content/uploads/2010/05/header1.png" alt="header1" width="418" height="208" /></p>
<p>Вот еще интересная вещь :</p>
<p><img class="alignnone size-full wp-image-1957" title="translate" src="http://usabilist.com.ua/wp-content/uploads/2010/05/translate.png" alt="translate" width="600" height="64" /></p>
<p>Подозрительное название кнопки. Будем считать. Что это баг.</p>
<h3>Сервисы</h3>
<p>Строка кнопок сервисов тоже потеряла свою четкость:</p>
<p><img class="alignnone size-full wp-image-1975" title="services1" src="http://usabilist.com.ua/wp-content/uploads/2010/05/services1.png" alt="services1" width="510" height="127" /></p>
<p>Кнопочки стали аккуратнее, приятнее визуально, но менее заметны.  Старые иконки гораздо лучше цепляли взгляд, а ICQ вообще «поставили в угол».</p>
<h3>Блок новостей</h3>
<p>Блок новостей получился весьма симпатичным. Опять же, в погоне за минимализмом, потерялись всякие важные плашки.<span lang="RU"> Легкий фон под превьюшками был бы не лишним.</span></p>
<p><img class="alignnone size-full wp-image-1978" title="preview" src="http://usabilist.com.ua/wp-content/uploads/2010/05/preview.png" alt="preview" width="401" height="129" /></p>
<p>Переключение между новостями ведет себя неожиданно. Учитывая его расположение, логично ожидать прокрутку содержимого строки превью, но не всего блока полностью.</p>
<p>Не так постно стал смотреться блок новостных ссылок</p>
<p><img class="alignnone size-full wp-image-1979" title="news2" src="http://usabilist.com.ua/wp-content/uploads/2010/05/news2.png" alt="news2" width="587" height="151" /></p>
<p>Все благодаря горизонтальным линиям. Они компенсировали отсутствие подчеркивания ссылок и картина стала более полноценной.  Названия рубрики плохо читаются ввиду того, что находятся далеко справа. До них не всегда доходит взгляд, но это мелочи по сравнению с тем, что было.</p>
<p>Очень странно приклеился блок курсов валют, прямо к блоку новостей. Из-за того что он никак не выделен  он теряется.</p>
<p><img class="alignnone size-full wp-image-1966" title="course" src="http://usabilist.com.ua/wp-content/uploads/2010/05/course.png" alt="course" width="635" height="87" /></p>
<p>Учитывая его расположение, не спасает даже цветовое кодирование динамики изменения валюты.</p>
<h3>Регистрация и почта</h3>
<p>Очень интересное решение с кнопкой почты:</p>
<p><img class="alignnone size-full wp-image-1962" title="mail" src="http://usabilist.com.ua/wp-content/uploads/2010/05/mail.png" alt="mail" width="330" height="56" /></p>
<p>Двойная кнопка с подсвеченной секций «ВХОД» по-умолчанию. Смотрится  незатасканно и свежо.</p>
<h3>Сервисы</h3>
<p>Портал бигмир содержит массу интересных сервисов и интересной информации. Но на главной, практически ничего из нее не представлено в явном виде.</p>
<p>Дизайнеры решили обойтись одним блоком «Рекомендуем»:</p>
<p><img class="alignnone size-full wp-image-1967" title="recommended" src="http://usabilist.com.ua/wp-content/uploads/2010/05/recommended.png" alt="recommended" width="638" height="153" /></p>
<p><img class="alignnone size-full wp-image-1968" title="recommended2" src="http://usabilist.com.ua/wp-content/uploads/2010/05/recommended2.png" alt="recommended2" width="637" height="150" /></p>
<p>Он смотрится более менее понятно и логично. Но потом начинаються вопросы: «Видео, описание к видео справа? В чем разница между фотографией, приколом и статьей из Корреспондента? Где чье название?»   Эти все и вносит повод для легкого недоумения.</p>
<h3>Итог</h3>
<p>Сайт, как и следовало ожидать, стал более современным по дизайну и морально свежим. Все за счет графики и упрощений. Правило KISS (keep is simple, stupid) использовали по максимуму и даже перестарались.</p>
<p>Шапка хоть и стала менее загруженной, но потеряла свою значимость (если оценивать по тому, насколько она заметна и графически фундаментальна, как элемент страницы).</p>
<p>Иконки сервисов стали меньше, тусклее, незаметнее.</p>
<p>Ситуацию спасает большой новостной блок: разница контрастов белого и голубого градиента&nbsp;&mdash; она не дает сайту окончательно визуально рассыпаться. На ней и держится вся композиция.</p>
<p>Добавились интересные элементы, такие, как кнопка почты.</p>
<p>Одним словом, новый дизайн и интерфейс&nbsp;&mdash; без сомнений&nbsp;&mdash; шаг вперед.</p>
<h3>Но есть огромное «НО»</h3>
<p>Если сайт рассчитан только на старых пользователей bigmir, то им они как нибудь да и найдут свои любимые сервисы. Новым пользователям главная страница покажется главной страницей новостного сайта, а не интернет портала.</p>
<p>Акценты сделаны именно на новостях, остальные разделы остались немного в тени. Посвященный им блок «Рекомендуем» внизу страницы выглядит скорее как реклама от партнеров. Кроме того на большинстве разрешений мониторов этот блок будет скрыт.</p>
<p>Возможно изменились стратегические цели страницы... время покажет.</p>
<h3><span style="font-weight: normal;">Просим вас </span>высказать свое мнение<span style="font-weight: normal;"> по поводу главной страницы, а также </span>задавать вопросы по поводу редизайна<span style="font-weight: normal;">. Мы выберем лучшие, зададим их дизайнерам bigmir.net и опубликуем в блоге. )</span></h3>
]]></content:encoded>
			<wfw:commentRss>http://usabilist.com.ua/2010/05/new-design-hp-bigmirnet/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title> Плохой интерфейс это АД!</title>
		<link>http://usabilist.com.ua/2010/05/ploxoj-interfejs-eto-ad/</link>
		<comments>http://usabilist.com.ua/2010/05/ploxoj-interfejs-eto-ad/#comments</comments>
		<pubDate>Mon, 17 May 2010 22:34:44 +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=1917</guid>
		<description><![CDATA[<p>Вот яркий пример того, как небольшая мелочь может испортить жизнь любому пользователю.<br />
Для того чтоб поиграть в тетрис:<br />
1. Кликните мышкой по картинке<br />
2. Нажмите пробел (самую длинную клавишу)<br />
3. Играйте и наслаждайтесь этим ужасом</p>
<p></p>
<p><strong>Акция! </strong><br />
Кто наберет больше баллов в тетрисе, получит 3 месяца бесплатных юзабилити консультаций! </p>
]]></description>
			<content:encoded><![CDATA[<p>Вот яркий пример того, как небольшая мелочь может испортить жизнь любому пользователю.<br />
Для того чтоб поиграть в тетрис:<br />
1. Кликните мышкой по картинке<br />
2. Нажмите пробел (самую длинную клавишу)<br />
3. Играйте и наслаждайтесь этим ужасом</p>
<p><object width="404" height="443" data="http://img0.liveinternet.ru/images/attach/c/1//3792/3792912_26529hell.swf" type="application/x-shockwave-flash"><param name="src" value="http://img0.liveinternet.ru/images/attach/c/1//3792/3792912_26529hell.swf" /><param name="wmode" value="transparent" /><param name="quality" value="high" /></object></p>
<p><strong>Акция! </strong><br />
Кто наберет больше баллов в тетрисе, получит 3 месяца бесплатных юзабилити консультаций! </p>
]]></content:encoded>
			<wfw:commentRss>http://usabilist.com.ua/2010/05/ploxoj-interfejs-eto-ad/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title> Новый плеер YouTube</title>
		<link>http://usabilist.com.ua/2010/04/novyj-pleer-youtube/</link>
		<comments>http://usabilist.com.ua/2010/04/novyj-pleer-youtube/#comments</comments>
		<pubDate>Fri, 30 Apr 2010 08:00:43 +0000</pubDate>
		<dc:creator>Сергей Протопопов</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Проектирование интерфейсов]]></category>
		<category><![CDATA[довольные пользователи]]></category>

		<guid isPermaLink="false">http://usabilist.com.ua/?p=1868</guid>
		<description><![CDATA[<p>Ранее мы писали пост <a href="http://usabilist.com.ua/2009/01/videopleer-konec-filma/">«Конец фильма»</a> в которм пытались определить лучшие варианты отображения похожего видео в плеере. Теперь хотим сравнить два дизайна YouTube плеера.</p>
<p style="text-align: center;"><a href="http://usabilist.com.ua/2010/04/novyj-pleer-youtube/"><img class="size-full wp-image-1870 aligncenter" title="Сравниние старого и нового варианта плеера YouTube" src="http://usabilist.com.ua/wp-content/uploads/2010/04/youtube_player.png" alt="youtube_player" width="543" height="215" /></a></p>
<p><span id="more-1868"></span></p>
<h2><em>Настройка громкости</em></h2>
<p><strong>Старый</strong>: Громкость всплывает над видео, тем <strong>самым закрывая его часть</strong>. Для её настройки необходимо водить курсором <strong>вверх-вниз</strong></p>
<p><strong>Новый: </strong>Громкость раздвигается <strong>вправо</strong>, не закрывая видео. Для регулирования необходимо вести курсор&#8230;</p>]]></description>
			<content:encoded><![CDATA[<p>Ранее мы писали пост <a href="http://usabilist.com.ua/2009/01/videopleer-konec-filma/">«Конец фильма»</a> в которм пытались определить лучшие варианты отображения похожего видео в плеере. Теперь хотим сравнить два дизайна YouTube плеера.</p>
<p style="text-align: center;"><a href="http://usabilist.com.ua/2010/04/novyj-pleer-youtube/"><img class="size-full wp-image-1870 aligncenter" title="Сравниние старого и нового варианта плеера YouTube" src="http://usabilist.com.ua/wp-content/uploads/2010/04/youtube_player.png" alt="youtube_player" width="543" height="215" /></a></p>
<p><span id="more-1868"></span></p>
<h2><em>Настройка громкости</em></h2>
<p><strong>Старый</strong>: Громкость всплывает над видео, тем <strong>самым закрывая его часть</strong>. Для её настройки необходимо водить курсором <strong>вверх-вниз</strong></p>
<p><strong>Новый: </strong>Громкость раздвигается <strong>вправо</strong>, не закрывая видео. Для регулирования необходимо вести курсор <strong>влево-вправо</strong>, что физически делать мышью и пальцем (для тачскринов) намного легче.</p>
<h2><strong><em>Ползунок видео</em></strong></h2>
<p><strong> </strong></p>
<p><strong>Старый: </strong>Ползунок видео занимает <strong>меньше половины</strong> всех настроек в нижней части. При интегровании видео на сайт и ограничении в ширине, указать точное время ролике становиться сложней.</p>
<p><strong>Новый: </strong>Ползунок занимает всю ширину ролика и уменьшаеться при не активном состоянии. Освободилось много места для других настроек. Например: социальные кнопки для добавления видео в Facebook ) <strong>Недостатком</strong> являеться то, что в уменьшенном состоянии красная линия немного отвлекает и раздражает свои перемещением.</p>
<h2><strong><em>Дизайн</em></strong></h2>
<p><strong><em> </em></strong></p>
<p>В новом дизайне увеличили высоту кнопок на несколько пикселей, что по <a href="http://usabilist.com.ua/2009/01/zakon-fittsa/">закону Фитса</a>, повысило скорость перемещения к ним и нажатия.</p>
<p>Делая вывод, можно сказать, что ребята проделали огромную работу и каждое дизайнерское решение было сделанно не просто так, а для того чтоб сделать просмотр видео более приятным и удобным в использовании.</p>
]]></content:encoded>
			<wfw:commentRss>http://usabilist.com.ua/2010/04/novyj-pleer-youtube/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title> 10 принципов  от Starbucks</title>
		<link>http://usabilist.com.ua/2010/04/10-principov-ot-sturbucks/</link>
		<comments>http://usabilist.com.ua/2010/04/10-principov-ot-sturbucks/#comments</comments>
		<pubDate>Thu, 29 Apr 2010 07:00:58 +0000</pubDate>
		<dc:creator>Сергей Протопопов</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Проектирование интерфейсов]]></category>
		<category><![CDATA[Психология пользователей]]></category>
		<category><![CDATA[starbucks]]></category>
		<category><![CDATA[довольные пользователи]]></category>
		<category><![CDATA[своими руками]]></category>

		<guid isPermaLink="false">http://usabilist.com.ua/?p=1859</guid>
		<description><![CDATA[ <div id="attachment_1865" class="wp-caption alignleft" style="width: 310px"><a href="http://usabilist.com.ua/2010/04/10-principov-ot-sturbucks/"><img class="size-medium wp-image-1865" title="sturbucks" src="http://usabilist.com.ua/wp-content/uploads/2010/04/sturbucks-300x262.png" alt="sturbucks" width="300" height="262" /></a><p class="wp-caption-text">Всё делается людьми для людей.</p></div>
<p>При проектировании интерфейсов и любого другого занятия главное помнить с кем и для кого вы стараетесь. Каждый человек должен получать удовольствие от работы и от результата своей работы. Если это не получается, увольняйтесь. Самое главное делать свою работу для людей с энтузиазмом и энергией. Чем мы&#8230;</p>]]></description>
			<content:encoded><![CDATA[ <div id="attachment_1865" class="wp-caption alignleft" style="width: 310px"><a href="http://usabilist.com.ua/2010/04/10-principov-ot-sturbucks/"><img class="size-medium wp-image-1865" title="sturbucks" src="http://usabilist.com.ua/wp-content/uploads/2010/04/sturbucks-300x262.png" alt="sturbucks" width="300" height="262" /></a><p class="wp-caption-text">Всё делается людьми для людей.</p></div>
<p>При проектировании интерфейсов и любого другого занятия главное помнить с кем и для кого вы стараетесь. Каждый человек должен получать удовольствие от работы и от результата своей работы. Если это не получается, увольняйтесь. Самое главное делать свою работу для людей с энтузиазмом и энергией. Чем мы и занимаемся )</p>
<p>Итак,  вот эти принципы:</p>
<h3>1. Самоосознание</h3>
<p><strong>Всегда носить одну и ту же шляпу. </strong></p>
<p>Успех прямо связан с отчетливостью и честностью наших представлений о том, кем мы  являемся, а кем нет, чего хотим достичь и каким путем. Когда все понимают ценности и общие цели и находять в себе энергию и энтузиазм для великих свершений.</p>
<h3>2. Понимание целей</h3>
<p><strong>Делать то, что правильно, а не то что хорошо для карьеры.</strong></p>
<p>Путь к успеху начинается  с действий, обусловленных правильными причинами. Невозможно преуспеть, если не знаешь, чего добиваешься, и все остальные не стремятся к тому же.<br />
<span id="more-1859"></span></p>
<h3>3. Самостоятельность</h3>
<p><strong>Тот, кто подметает пол вправе выбирать веник.</strong></p>
<p>Мы должны избавиться от правил, писаных и неписаных, и поощрять самостоятельное мышление в себе и других.</p>
<h3>4. Чуткость</h3>
<p><strong>Забота должна быть не поддельной</strong></p>
<p>Чуткость&nbsp;&mdash; признак не слабости, а, необорот, силы, и её нельзя имитировать ни внутри организации, ни по отношению к клиентам. Без доверия и заботы никогда не узнать, что можно было бы осуществить. Без свободы от страха нельзя мечтать, а значит, реализовывать свой потенциал.</p>
<h3>5. Умение слышать правду</h3>
<p><strong>У вещей есть голос</strong></p>
<p>Прислушивайтесь не жалея времени, даже к тому, что не высказывается вслух. И ты узнаешь, чего хотят клиенты, куда пропал энтузиазм сотрудников.</p>
<h3>6. Откровенность</h3>
<p><strong>Только правда звучит правдоподобно</strong></p>
<p>Ничего не скрывай, не лги, ни о чем не умалчивай, не увиливай и не уклоняйся от ответа. Говори то, что должно быть сказано, со всей ответственностью за свои слова, вниманием и уважением к слушателю.</p>
<h3>7. Активность</h3>
<p><strong>Мыслить как человек действия, действовать как человек мысли</strong></p>
<p>Найди наилучшее соотношение энтузиазма, целеустремленности и постоянства. Чувствуй, действуй, думай.</p>
<h3>8. Противостояние трудностям</h3>
<p><strong>Мы прежде всего люди</strong></p>
<p>В самое тяжелое время руководствуйся теми же принципами, что и всегда. Если трудности слишком велики, делай то, что можешь. Но помни, что люди должны быть всегда на первом месте, и это даст тебе необходимые ориентиры.</p>
<h3>9. Авторитет</h3>
<p><strong>Спокойный негромкий голос посреди оглушительного шума</strong></p>
<p>Стиль руководства может быть громогласным. Но никогда не забывайте, что руководители&nbsp;&mdash; это просто люди. Не позволяйте шуму вытеснить правду. Прислушивайтесь к своему спокойному негромкому голосу, и пусть он ведет тебя.</p>
<h3>10. Смелые мечты</h3>
<p><strong>"Да!"&nbsp;&mdash; самое могущественное слово на свете</strong></p>
<p>Смелые мечты&nbsp;&mdash; это велики цели, большие надежды и радости. Скажите им «да», радуйтесь тому, что делаете, и помогите другим испытать такую же радость!</p>
<p>Спасибо Говард Бехару&nbsp;&mdash; экс-президенту Starbucks International за принципы работы.</p>
]]></content:encoded>
			<wfw:commentRss>http://usabilist.com.ua/2010/04/10-principov-ot-sturbucks/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
