Dark web form patterns or what the most conversion form would be

 3r3196. 3r3-31. Dark web form patterns or what the most conversion form would be
3r3184.  3r3196. 3r3184.  3r3196. Notice that I will refer to the terms used in this publication. 3r3184.  3r3196. 3r3184.  3r3196. Dark patterns - a user interface with increased benefits, but not for the user, but for the owner of the resource. The interface and functionality is hidden for the user, by the method of irrationality of the menu, inopportuneness, inconsistency of reality or vagueness of the wording and activated at the right time advantageous to the owner. Under the wording, you can understand an automatic subscription to an email newsletter, the connection of additional paid services and an agreement in points of use of which data, according to the logic of things, should not be there. 3r3184.  3r3196. 3r3184.  3r3196. Lable - Name of the input field for information that indicates the type and logic of the form and the information that should be entered into the form. As a rule, it is located on top or on the side of the form, but it can also be inside, which in turn is a very bad solution for large amounts of filled information. 3r3184.  3r3196. 3r3184.  3r3196. Placeholder - tips for entering into the form the necessary and specific information, which is usually located in the field itself and disappears at the beginning of interaction with it. 3r3184.  3r3196. 3r3184.  3r3196. Checkbox - a switch button with 2 values, yes or no (on /off). 3r3184.  3r3196. 3r3333. 3r3334. 3r3184.  3r3196. 3r3184.  3r3196. I used to write an article on Medium on the usability of modern web forms - “how to increase the conversion of a form to usability”. Now, I will not touch on the many aspects that affect the user experience described earlier, but will touch only those principles and prims that I will use in this example. 3r3184.  3r3196. 3r3184.  3r3196. It is worth noting that this type of reception is not correct and improves the user experience, but exactly the opposite, leads to its deterioration and annoys users, but in this case we want to collect more applications and user information, exaggerating we pursue the greedy goal of gain for the owner in In the framework of a theoretical article, I do not in any way urge to resort to these techniques. It is interesting that dark patterns use the same techniques as usability, and are based on the same principles, only they have a completely different purpose. 3r3184.  3r3196. 3r3184.  3r3196. 3r33180. Task 3r3181. 3r3184.  3r3196. 3r3184.  3r3196. 3 standard input fields + additional form in it (we will not touch upon additional forms as this is a separate topic the size of which is a couple of tones). 3r3184.  3r3196. 3r3184.  3r3196. Telephone number, customer name, email and a separate form with a brief. 3r3184.  3r3196. 3r3184.  3r3196. 3r33180. Objective 3r3r1181. 3r3184.  3r3196. 3r3184.  3r3196. It is as easy as possible to complete the form and lead to the final dispatch by any means. 3r3184.  3r3196. 3r3184.  3r3196. 3r33180. Foreword 3r3181. 3r3184.  3r3196. 3r3184.  3r3196. We do not like to fill in large amounts of text, and especially it causes resentment and perhaps convulsive jolts when looking at a large number of forms that you don’t really want to fill out. You also don’t see the obvious expediency of filling them, you need to solve the problem as quickly as possible. Based on these judgments, we can conclude, having already a small number of input fields, we need to reduce them as much as possible and make the escape paths as unacceptable and painful as possible using dark patterns. 3r3184.  3r3196. 3r3184.  3r3196. 3r33180. Solution 3r3181. 3r3184.  3r3196. 3r3184.  3r3196. 3r3184.  3r3196. 3r3184.  3r3196. Studying usability recommendations, the number of points and elements that need to be paid attention to, we understand that the most satisfactory option is the location of Lable at the top of the input field, thus we conduct a vector of sight along a single horizontal line, not sprayed on the sides of the screen. 3r3184.  3r3196. 3r3184.  3r3196. This recommendation showed itself well with large and medium volumes of filled in information, because it allows the user not to forget which field was entered or is active at the moment and in case of incorrect input to understand what it was for the field and what it was intended for. In turn, this technique increases the amount of information read and, with a small number of forms, can play a weighty bad role if we use in conjunction with a placeholder. 3r3184.  3r3196. 3r3184.  3r3196. Since we have only 3 fields to fill in, it was decided to use only the Placeholder as a Lable, for the same reason, without fear that the user will forget the Lable of the filled field and the data will be specific. 3r3184.  3r3196. 3r3184.  3r3196. 3r33180. Autocomplete and templates 3r3181. 3r3184.  3r3196. 3r3184.  3r3196. Of course, autofilling plays a very important role in the formation of user experience, increases the convenience and speed of solving problems. But what if it doesn’t exist, or there is no data to fill in on a resource, in which case using a template would be a good idea, it’s important not to use an input template for fields where this is not dictated by clear logic and accuracy of the entered data. In this case, a static +7 is used and further along the template, excluding the possibility of an error, it remains to enter (___) ___-__-__. 3r3184.  3r3196. 3r3184.  3r3196. Also, by the bottom field, we could place the subscription field to the advertising mailing with the checkbox activated by default, so thanks to the negligence of the visitor, we received a +1 item on the email list, which is also a dark pattern. 3r3184.  3r3196. 3r3184.  3r3196. 3r3143. 3r3184.  3r3196. 3r3184.  3r3196. 3r33180. Submitting the form and attention
3r3184.  3r3196. 3r3184.  3r3196. Drawing attention to the call to action is important when creating forms, in our case, after the heading explaining the purpose of the information block on a resource, we position attention on the conversion element, that is, the “place an order” button, by animating microinteraction and highlighting due to the color gamut . In essence, by diverting attention from the most important, we position ourselves in action
 3r3196. 3r3184.  3r3196. 3r33180. Phrases 3r3181. 3r3184.  3r3196. 3r3184.  3r3196. Regarding the texts affecting the behavior, without taking the authority to tell how and what text affect the behavior in expanded form, I will say more briefly and concisely that the text of the form - Order, arrange, call, are not satisfactory in this case (application form ). But specifically in our case, a good solution to this issue is the phrase “Make an order”, the inscription “Get a consultation” could also take place at this place. Basically, this issue is associated with the expectations that follow the action, as obliging to perform some kind of difficult action, or quite the opposite, only help in solving the problem and not the obligation to do something. 3r3184.  3r3196. 3r3184.  3r3196. 3r33180. Life story
3r3184.  3r3196. 3r3184.  3r3196. In my student days working in a construction campaign, at one and all posts, I had to do web form analytics on a subsidiary’s website, it turned out that 70% of users started filling out a form and left the site without completing even two fields, based on this situation, we placed the number field first, designating it as the most important of the fields and at first glance the only field to fill in, for the following reason - Any user who started filling out the form will enter the number fields that for us is the most important the actor from all the remaining fields will be ready to fill in the remaining ones, if the user does not fill in the fields and sends the form, using ajax, we calculate the start time of the filling and if not sending the form, within 20 minutes, these forms are automatically sent in CRM owner. The same scheme applies when trying to end a session on a site or close a tab (one of three scenarios). 3r3184.  3r3196. This acceptance is in free light a dark pattern and does not bring customers loyalty in you as a company. This kind of dark pattern violates the rights to use personal data. In order to avert the obvious violation, the inscription “By sending or starting data entry you agree with the terms of using personal data” is located in front of the send button, the inconvenient features of the contract are hidden in small print when you open the full agreement to use personal data. 3r3184.  3r3196. 3r3184.  3r3196. 3r33180. Conclusion 3r3181. 3r3184.  3r3196. 3r3184.  3r3196. From this publication, I wanted to reason and convey the idea of ​​what form itself could be intrusive and useful for the owner of the site or application, with the maximum theoretical conversion. We and our team do not use these methods, the subject of discussion was a non-existent project, I do not urge to resort to such methods, the article is intended for informational purposes and only in the form of theoretical data, excluding the possibility of practical use. Virtually any tricks with the dark pattern technique can be overridden by the usability and refinement of your product from the point of view of usability to improve the quality of user experience. 3r3192. 3r3196. 3r3196. 3r3189. ! function (e) {function t (t, n) {if (! (n in e)) {for (var r, a = e.document, i = a.scripts, o = i.length; o-- ;) if (-1! == i[o].src.indexOf (t)) {r = i[o]; break} if (! r) {r = a.createElement ("script"), r.type = "text /jаvascript", r.async =! ? r.defer =! ? r.src = t, r.charset = "UTF-8"; var d = function () {var e = a.getElementsByTagName ("script")[0]; e.parentNode.insertBefore (r, e)}; "[object Opera]" == e.opera? a.addEventListener? a.addEventListener ("DOMContentLoaded", d,! 1): e.attachEvent ("onload", d ): d ()}}} t ("//mediator.mail.ru/script/2820404/"""_mediator") () (); 3r3190. 3r3196. 3r3192. 3r3196. 3r3196. 3r3196. 3r3196.
+ 0 -

Add comment