<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Forms on Fernando Ruiz</title><link>https://www.fernandoux.com/tags/forms/</link><description>Recent content in Forms on Fernando Ruiz</description><generator>Hugo</generator><language>en-us</language><atom:link href="https://www.fernandoux.com/tags/forms/index.xml" rel="self" type="application/rss+xml"/><item><title>Form Validation Timing: Reward and Rules</title><link>https://www.fernandoux.com/en/wiki/techniques/form-validation-timing/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://www.fernandoux.com/en/wiki/techniques/form-validation-timing/</guid><description>&lt;div class="info-panel"&gt;
 &lt;div class="info-header"&gt;
 &lt;span class="material-symbols-outlined info-panel-icon"&gt;info&lt;/span&gt;
 &lt;span class="info-panel-label"&gt;Quick Definition&lt;/span&gt;
 &lt;/div&gt;
 &lt;div class="info-content"&gt;
 &lt;strong&gt;Validation Timing&lt;/strong&gt; decides exactly when we communicate to the user whether the information entered is correct or incorrect. Choosing the right moment drastically reduces flow interruption, user anxiety, and form abandonment rates.
 &lt;/div&gt;
&lt;/div&gt;

&lt;h2 id="why-validation-timing-is-everything"&gt;Why Validation Timing is Everything&lt;/h2&gt;
&lt;p&gt;Filling out forms is a taxing task for the human brain. If you interrupt the user at the wrong time, you break their mental flow and create a sense of constant surveillance. Validation should not be a judgment, but a guide that helps finish the task as quickly as possible.&lt;/p&gt;</description></item><item><title>Input Masking Dangers: Usability vs. Format</title><link>https://www.fernandoux.com/en/wiki/techniques/input-masking-dangers/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://www.fernandoux.com/en/wiki/techniques/input-masking-dangers/</guid><description>&lt;div class="info-panel"&gt;
 &lt;div class="info-header"&gt;
 &lt;span class="material-symbols-outlined info-panel-icon"&gt;info&lt;/span&gt;
 &lt;span class="info-panel-label"&gt;Quick Definition&lt;/span&gt;
 &lt;/div&gt;
 &lt;div class="info-content"&gt;
 &lt;strong&gt;Input Masking&lt;/strong&gt; is the technique of visually forcing a data format while the user types (e.g., automatically adding hyphens in a date &lt;code&gt;DD / MM / YYYY&lt;/code&gt;). Although it seems like a visual aid, if implemented incorrectly, it is one of the greatest sources of error, frustration, and form abandonment.
 &lt;/div&gt;
&lt;/div&gt;

&lt;h2 id="the-input-mask-dilemma"&gt;The Input Mask Dilemma&lt;/h2&gt;
&lt;p&gt;Imagine you are typing your phone number and the field decides to put parentheses and spaces for you. If you make a mistake in one number and press Backspace, the mask deletes not only the number but also the automatic space, and then re-inserts it for you. This infinite loop is the definition of a poor user experience.&lt;/p&gt;</description></item></channel></rss>