<?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>Блог за UX и ползваемост &#187; навигация</title>
	<atom:link href="http://www.lucrat.net/blog/tag/%d0%bd%d0%b0%d0%b2%d0%b8%d0%b3%d0%b0%d1%86%d0%b8%d1%8f/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.lucrat.net/blog</link>
	<description>Трудно ли е да е лесно</description>
	<lastBuildDate>Wed, 18 Jan 2012 13:08:02 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.2</generator>
		<item>
		<title>Нова структура и навигация на системата за интернет банкиране на УниКредит Булбанк &#8211; за индивидуални клиенти</title>
		<link>http://www.lucrat.net/blog/advice/about_bulbank-online/</link>
		<comments>http://www.lucrat.net/blog/advice/about_bulbank-online/#comments</comments>
		<pubDate>Wed, 21 Sep 2011 15:26:14 +0000</pubDate>
		<dc:creator>Ирина Герджикова</dc:creator>
				<category><![CDATA[Експертни съвети]]></category>
		<category><![CDATA[Клиенти и проекти]]></category>
		<category><![CDATA[card sorting]]></category>
		<category><![CDATA[банки]]></category>
		<category><![CDATA[информационна архитектура]]></category>
		<category><![CDATA[навигация]]></category>
		<category><![CDATA[свободна категоризация]]></category>

		<guid isPermaLink="false">http://www.lucrat.net/blog/?p=2643</guid>
		<description><![CDATA[На 17 септември Булбанк онлайн, системата за интернет банкиране на УниКредит Булбанк, посрещна своите индивидуални клиенти с нов изглед и подредба на менютата, предлагайки улеснен достъп до услугите и информацията на банката. Промените са съобразени с потребителското мнение и очаквания. Радваме се да видим добри резултати от съвместната ни работа с екипа на УниКредит Булбанк. [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: left;">На 17 септември Булбанк онлайн, системата за интернет банкиране на УниКредит Булбанк, посрещна своите индивидуални клиенти с нов изглед и подредба на менютата, предлагайки улеснен достъп до услугите и информацията на банката. Промените са съобразени с потребителското мнение и очаквания.</p>
<p>Радваме се да видим добри резултати от съвместната ни работа с екипа на УниКредит Булбанк.</p>
<h3 style="text-align: left;">Как стигнахме до тук?</h3>
<p>Екипът на Булбанк онлайн ни потърси, за да ги консултираме в предстоящия редизайн на сайта за онлайн банкиране на Банката.</p>
<p>След подробен анализ на информацията, с която разполага банката и в резултат на обсъжданети ѝ в няколко работни срещи стана ясно, че един от основните приоритети за новата версия на Булбанк онлайн ще бъде интуитивната и разбираема структура на услугите. Проектирането на такава навигация стана основна задача за Лукрат.</p>
<p>Проведохме серия от проучвания сред потребителите на Булбанк онлайн и тези на конкурентни продукти, включихме и такива участници, които все още не са ползвали електронно банкиране.</p>
<p>Един от основните проблеми на навигацията в Булбанк онлайн беше, че не отговаряше на потребителския модел на организация на информацията – хората не намираха необходимите им онлайн услуги на местата, на които ги очакват. Този проблем е доста често срещан сред сайтовете на <a href="http://www.lucrat.net/blog/content/photos/prototip.png"><br />
</a>големи организации. Типично за тях е да ползват вътрешноорганизационната си структура и логика за подредба на информацията, която е непозната за гостите на тази организация и се оказва неразбираема за потребителите на сайта.</p>
<h3>Свободна категоризация за опознаване на потребителския модел</h3>
<p>В първото проучване се заехме с опознаване на потребителския начин за подредба на услугите и информацията за Булбанк онлайн. Използвахме метода свободна категоризация (в източниците на информация на английски език този метод се нарича <a href="http://en.wikipedia.org/wiki/Card_sorting" target="_blank">card sorting</a>).</p>
<p style="text-align: center;"><a href="http://www.lucrat.net/blog/content/photos/card_sorting_bmp.bmp"></a><a href="http://www.lucrat.net/blog/content/photos/card_sorting2_bmp.bmp"><img class="aligncenter size-full wp-image-2683" title="Свободна категоризация (card soting)" src="http://www.lucrat.net/blog/content/photos/card_sorting2_bmp.bmp" alt="" width="440" height="221" /></a></p>
<h3>Проектиране на нова навигация и структура на информацията</h3>
<p>Резултатите ни показаха какъв е потребителския модел за подредба на услугите информацията за Булбанк онлайн.</p>
<p style="text-align: center;"><a href="http://www.lucrat.net/blog/content/photos/Potrebiteski_model1.bmp"><img class="size-full wp-image-2650 aligncenter" title="Потребителски модел за подредба на информацията" src="http://www.lucrat.net/blog/content/photos/Potrebiteski_model1.bmp" alt="" width="427" height="299" /></a></p>
<p>Резултатите ни дадоха основа за проектирнена нова информационна архитектура, навигация и менюта.</p>
<h3>Тестване на прототип за проверка на ефективността на новата навигация</h3>
<p>За да проверим ефективността ѝ направихме прототип и го тествахме с потребители. По-този начин идентифицирахме някои проблеми и пропуски. Отстраняването им беше бързо и лесно.</p>
<p style="text-align: center;"><a href="http://www.lucrat.net/blog/content/photos/prototip_jpg.jpg"></a><a href="http://www.lucrat.net/blog/content/photos/prototip_bmp.bmp"><img class="aligncenter size-full wp-image-2667" title="Прототип на новата навигация за тестване с потребители" src="http://www.lucrat.net/blog/content/photos/prototip_bmp.bmp" alt="" width="452" height="165" /></a></p>
<p>Всичко това беше предоставено в ръцете на екип от професионалисти на банката, за да реализират проектираните промени в новата версия на Булбанк онлайн.</p>
<p>Съвместната ни работа не е приключила, очаквайте още подобрения за потребителите в следващите версии.</p>
<h3>Вижте още:</h3>
<p><a href="http://www.lucrat.net/courses/u2102_bg/">Искате ли да се научите да правите интуитивни структури и навигации?</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.lucrat.net/blog/advice/about_bulbank-online/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Разпиляната навигация пречи</title>
		<link>http://www.lucrat.net/blog/advice/razpilqna_navigaciq/</link>
		<comments>http://www.lucrat.net/blog/advice/razpilqna_navigaciq/#comments</comments>
		<pubDate>Fri, 29 Jan 2010 15:35:59 +0000</pubDate>
		<dc:creator>Ирина Герджикова</dc:creator>
				<category><![CDATA[Експертни съвети]]></category>
		<category><![CDATA[навигация]]></category>

		<guid isPermaLink="false">http://www.lucrat.net/blog/?p=871</guid>
		<description><![CDATA[Един от най-често срещаните проблеми за потребителите е разпиляването на парчета навигация в различни части на екрана. 
Каква е ползата от интересно съдържание, до което потребителите не могат да достигнат защото не намират или не разбират менюто в сайта?]]></description>
			<content:encoded><![CDATA[<p>Един от най-често срещаните проблеми за потребителите е разпиляването на парчета навигация в различни части на екрана.</p>
<p>Каква е ползата от интересно съдържание, до което потребителите не могат да достигнат защото не намират или не разбират менюто в сайта? Интуитивната навигация на един сайт е едно от най-важните условия за ефективното използване на съдържанието му. Често при тестването на български сайтове за ползваемост се среща проблемът на разпилените навигационни менюта и инструменти.</p>
<p><strong><em>Разпиляна навигация от сайта </em></strong><strong><em>wimax.</em></strong><strong><em>nexcom.</em></strong><strong><em>bg &#8211; </em>разполагането на навигацията в две или три хоризонтални и още две вертикални менюта вляво и вдясно е често срещан феномен.</strong></p>
<p><strong><img class="alignnone size-full wp-image-882" title="razpilqna_navigaciq_1" src="http://www.lucrat.net/blog/content/photos/razpilqna_navigaciq_11.jpg" alt="razpilqna_navigaciq_1" width="466" height="307" /><br />
</strong></p>
<p>Потребителите не могат да запомнят всички видове менюта и разпределението на елементите в тях. Най-често се научават да ползват едно от менютата и спират да виждат останалите. В резултат, за потребителите става трудно и дори невъзможно да намират търсената информация в такъв сайт.</p>
<h2>Разделени менюта</h2>
<p>Пречка за потребителите е отделянето на контекстното меню от главното меню. Среща се много често. Между специфичното за дадена секция от сайта меню (контекстна навигация) и основното меню се разполага графика или текст.</p>
<p><strong><em>Разделяне на главна от контекстна навигация – между тях се разполага картинка или текст</em></strong></p>
<p><img class="alignnone size-full wp-image-883" title="razpilqna_navigaciq_2" src="http://www.lucrat.net/blog/content/photos/razpilqna_navigaciq_21.jpg" alt="razpilqna_navigaciq_2" width="461" height="335" /></p>
<p>В такива сайтове потребителите не виждат връзката между избрания елемент от главната навигация и контекстното меню. Те често не разбират, че контекстното меню се е появило или променило вследствие на избиране на елемент от главното. Тъй като липсва връзка между двете менюта, потребителите се объркват, когато контекстното меню се променя след избиране на елемент от главното меню.</p>
<h2>Препоръки</h2>
<h3>Главна навигация</h3>
<p>Окрупнявайте всички основни навигационни елементи в едно главно меню. В него задължително трябва да присъстват връзки към началото, страници с услуги или продукти на компанията, актуална информация и информация за контакти.</p>
<p>Всички задължителни, но не толкова важни връзки (например, Карта на сайта, Правна информация) обособете в друго меню, което може да бъде разположено и в най-невидимите части на страницата, например, хоризонтално в най-долната част на страницата.</p>
<h3>Контекстна навигация</h3>
<p>Когато използвате подменюта или контекстна навигация, не я разделяйте графично от главната навигация. Подскажете на потребителите чрез графичния дизайн връзката между главната и контекстната навигация.</p>
<p><strong><em>Пример за вертикално разположение на главната и контекстна навигация от www.ceramicshouse.com</em></strong></p>
<p><img class="alignnone size-full wp-image-884" title="razpilqna_navigaciq_3" src="http://www.lucrat.net/blog/content/photos/razpilqna_navigaciq_31.jpg" alt="razpilqna_navigaciq_3" width="255" height="388" /></p>
<p><strong><em>Пример за хоризонтално разположени главна и контекстна навигации от www.</em></strong><strong><em>nokia.</em></strong><strong><em>bg</em></strong></p>
<p><img class="alignnone size-full wp-image-885" title="razpilqna_navigaciq_4" src="http://www.lucrat.net/blog/content/photos/razpilqna_navigaciq_41.jpg" alt="razpilqna_navigaciq_4" width="546" height="62" /></p>
<h2>Вижте още:</h2>
<p><a href="http://www.lucrat.net/courses/content-for-web/">Съдържание за уеб на живо: атрактивност, лекота за четене и възприемане, SEO оптимизация и графично оформление</a><strong> </strong>Еднодневен тренинг за оптимизиране на тексове за уеб на живо с майстори в занаята: Борил Караиванов, Димитър Симов и Огнян Младенов (очакваме потвърждение и от други лектори).</p>
]]></content:encoded>
			<wfw:commentRss>http://www.lucrat.net/blog/advice/razpilqna_navigaciq/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

