<?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; forms</title>
	<atom:link href="http://usabilist.com.ua/tag/forms/feed/" rel="self" type="application/rss+xml" />
	<link>http://usabilist.com.ua</link>
	<description>Мы делаем интернет удобнее</description>
	<lastBuildDate>Fri, 03 Feb 2012 14:35:11 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title> ААА! Формы со мной разговаривают!</title>
		<link>http://usabilist.com.ua/2009/10/aaa-formy-so-mnoj-razgovarivayut/</link>
		<comments>http://usabilist.com.ua/2009/10/aaa-formy-so-mnoj-razgovarivayut/#comments</comments>
		<pubDate>Mon, 19 Oct 2009 13:28:53 +0000</pubDate>
		<dc:creator>puzik</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Проектирование интерфейсов]]></category>
		<category><![CDATA[Психология пользователей]]></category>
		<category><![CDATA[forms]]></category>
		<category><![CDATA[usability]]></category>
		<category><![CDATA[Люк Вроблевски]]></category>
		<category><![CDATA[перевод]]></category>
		<category><![CDATA[пользователи]]></category>
		<category><![CDATA[формы]]></category>

		<guid isPermaLink="false">http://usabilist.com.ua/?p=1090</guid>
		<description><![CDATA[<p><a href="http://usabilist.com.ua/wp-content/uploads/2009/10/talkingform.jpg"><img class="alignleft size-full wp-image-1099 colorbox-1090" style="margin-left: 0px; margin-right: 5px;" title="talkingform" src="http://usabilist.com.ua/wp-content/uploads/2009/10/talkingform.jpg" alt="talkingform" width="214" height="188" /></a>На самом деле веб формы не являются хорошими собеседниками. Они задают кучу вопросов, и ждут, пока вы не ответите на все вопросы прежде чем ответить вам. И когда вы регистрируетесь в классной социальной сети или используете сайт электронного магазина, это в значительной степени монолог.</p>
<p>Большинство веб форм безжизненны. Пока вы не&#8230;</p>]]></description>
			<content:encoded><![CDATA[<p><a href="http://usabilist.com.ua/wp-content/uploads/2009/10/talkingform.jpg"><img class="alignleft size-full wp-image-1099 colorbox-1090" style="margin-left: 0px; margin-right: 5px;" title="talkingform" src="http://usabilist.com.ua/wp-content/uploads/2009/10/talkingform.jpg" alt="talkingform" width="214" height="188" /></a>На самом деле веб формы не являются хорошими собеседниками. Они задают кучу вопросов, и ждут, пока вы не ответите на все вопросы прежде чем ответить вам. И когда вы регистрируетесь в классной социальной сети или используете сайт электронного магазина, это в значительной степени монолог.</p>
<p>Большинство веб форм безжизненны. Пока вы не нажмете на кнопку «Подтвердить» они вам не ответят, но так быть не должно! Проверка в реальном времени может помочь людям заполнять веб-формы быстрее и с меньшими затратами усилий, меньшим количеством ошибок, и (сюрприз!) Больше удовлетворения.<span id="more-1090"></span></p>
<p>«Inline» проверка выдает людям несколько типов отзыва в реальном времени: подтвердить соответствующий ответ, предложить правильные ответы, и обеспечить регулярное обновление, чтобы помочь людям продолжить заполнять.</p>
<p>Для иcследования «inline» проверки введенных данных использовалась подопытная форма вот такого образца :</p>
<p><img class="alignnone colorbox-1090" src="http://www.alistapart.com/d/inline-validation-in-web-forms/figure1_540.png" alt="" width="378" height="539" /></p>
<p>Для исследования респондентам предлагалось заполнить форму. Исследование завершалось после того как пользователи заполнят правильно форму.</p>
<h3>Что же дало исследование?</h3>
<p>Участники были быстрее, более успешны и менее подвержены ошибкам, и более удовлетворены, когда они использовали формы с встроенной проверкой. Eye-Tracking также показал, что они «фиксировались» на форме со встроенной проверкой реже и меньше времени, это означает что для них эти формы были визуально легче чем без встроенной проверки. Это, вероятно потому, что они не просматривают  всю форму после подтверждения данных, чтоб исправить какие-то ошибки, вместо этого они решили ошибки по ходу заполнения.</p>
<p>Вот пример запольнения обычной формы :<br />
<object width="425" height="344" data="http://www.youtube.com/v/FWDDRG93puY&amp;hl=ru&amp;fs=1&amp;color1=0x3a3a3a&amp;color2=0x999999" type="application/x-shockwave-flash"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/FWDDRG93puY&amp;hl=ru&amp;fs=1&amp;color1=0x3a3a3a&amp;color2=0x999999" /><param name="allowfullscreen" value="true" /></object></p>
<p>И пример формы с «inline» проверкой:<br />
<object width="425" height="344" data="http://www.youtube.com/v/hlU74LIPauo&amp;hl=ru&amp;fs=1&amp;color1=0x3a3a3a&amp;color2=0x999999" type="application/x-shockwave-flash"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/hlU74LIPauo&amp;hl=ru&amp;fs=1&amp;color1=0x3a3a3a&amp;color2=0x999999" /><param name="allowfullscreen" value="true" /></object></p>
<p>Исследование показало, что форма с «inline» проверкой  показала лучшие результаты по всем измеренным параметрам. В частности лучшие результаты были продемонстрированы в :</p>
<ul>
<li><span onmouseover="_tipon(this)" onmouseout="_tipoff()">22% увеличение коэффициента успеха,</span></li>
<li> <span onmouseover="_tipon(this)" onmouseout="_tipoff()"> 22% уменьшение ошибок,</span></li>
<li> <span onmouseover="_tipon(this)" onmouseout="_tipoff()"> 31% увеличение коэффициента удовлетворенности,</span></li>
<li> <span onmouseover="_tipon(this)" onmouseout="_tipoff()">42% уменьшение времени заполнения, </span></li>
<li> <span onmouseover="_tipon(this)" onmouseout="_tipoff()">47%-ное снижение числа фиксации взгляда.</span></li>
</ul>
<p>Поэтому лучше использовать «inline» проверку в реальном времени для большей лояльности пользователей к вашему сайту, увеличения числа пользователей (поскольку пользователь может бросить заполнять непонятную форму и уйти на сайт конкурента), уменьшение времени на заполнение.</p>
По мотивам статьи Люка Вроблевски <a href="http://www.alistapart.com/articles/inline-validation-in-web-forms/&amp;rurl=translate.google.com&amp;usg=ALkJrhhac3bLISmGygdPjpvcI8-XYANruA">здесь</a> .<strong>Читайте также:</strong>
<ul class="similar-posts">
<li><a href="http://usabilist.com.ua/2009/05/eye-traking-i-zolotoj-treugolnik/" rel="bookmark" title="08.05.2009"> Eye-traсking</a></li>
<li><a href="http://usabilist.com.ua/2011/07/ux-sovety-dlya-ne-specialistov/" rel="bookmark" title="21.07.2011"> UX советы для не специалистов</a></li>
<li><a href="http://usabilist.com.ua/2010/03/zavtra-forum-internet-deyatelej/" rel="bookmark" title="31.03.2010"> Iforum&nbsp;&mdash; форум интернет деятелей (1.04)</a></li>
</ul>
<p><!-- Similar Posts took 45.348 ms --></p>
]]></content:encoded>
			<wfw:commentRss>http://usabilist.com.ua/2009/10/aaa-formy-so-mnoj-razgovarivayut/feed/</wfw:commentRss>
		<slash:comments></slash:comments>
		</item>
	</channel>
</rss>

