We all now that nowadays there are some well known standards when creating a new web application: it must support a big number of users, no errors on loading, it must be responsive and clear. Beside those, every website must have a user-centered design and to have that, here are some rules and principles for usability.<\/p>\n
1. 7+-2 Principle<\/strong> 2. 2-Second-Rule<\/strong> 3. 3-Click-Rule<\/strong> 4. Shneiderman\u2019s rules for design<\/strong> 5. Banner-Blindness<\/strong> 6. Users should be allowed to test a functionality without authentication<\/strong> 7. Registration form<\/strong> 8. Text<\/strong> I hope these rules help you become a better web developer! Good luck \ud83d\ude42<\/p>\n","protected":false},"excerpt":{"rendered":" We all now that nowadays there are some well known standards when creating a new web application: it must support […]<\/p>\n","protected":false},"author":28,"featured_media":1483,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[77],"tags":[19,115,143,154,216,245,247,251,259],"yst_prominent_words":[7,343,355,373,587,1369,1410,1948,2068],"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/intelligentbee.com\/blog\/wp-json\/wp\/v2\/posts\/1468"}],"collection":[{"href":"https:\/\/intelligentbee.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/intelligentbee.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/intelligentbee.com\/blog\/wp-json\/wp\/v2\/users\/28"}],"replies":[{"embeddable":true,"href":"https:\/\/intelligentbee.com\/blog\/wp-json\/wp\/v2\/comments?post=1468"}],"version-history":[{"count":4,"href":"https:\/\/intelligentbee.com\/blog\/wp-json\/wp\/v2\/posts\/1468\/revisions"}],"predecessor-version":[{"id":133184,"href":"https:\/\/intelligentbee.com\/blog\/wp-json\/wp\/v2\/posts\/1468\/revisions\/133184"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/intelligentbee.com\/blog\/wp-json\/wp\/v2\/media\/1483"}],"wp:attachment":[{"href":"https:\/\/intelligentbee.com\/blog\/wp-json\/wp\/v2\/media?parent=1468"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/intelligentbee.com\/blog\/wp-json\/wp\/v2\/categories?post=1468"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/intelligentbee.com\/blog\/wp-json\/wp\/v2\/tags?post=1468"},{"taxonomy":"yst_prominent_words","embeddable":true,"href":"https:\/\/intelligentbee.com\/blog\/wp-json\/wp\/v2\/yst_prominent_words?post=1468"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
\n\u2013 there must be 7+-2 elements in a navigation bar<\/p>\n
\n\u2013 a user shouldn\u2019t wait more than 2 seconds for a response from the server<\/p>\n
\n\u2013 if a user cannot access a site functionality or the information in 3 clicks, he will leave the site (this underlines the necessity of having a clean navigation, a logical structure and a simple to follow site hierarchy)<\/p>\n
\na. Consistency<\/em>
\n\u2013 consistent sequences of actions should be requested in similar situations
\n\u2013 the same terminology should be used in prompts, menus, help windows
\nb. Informative feedback<\/em>
\n\u2013 for every action there should be a feedback system. For minor and frequent actions the response can be modest, and for major and rare actions, the response should be substantial
\nc. Closure dialogs<\/em>
\n\u2013 action sequences should be organized in groups with a beginning, middle and an end
\nd. Easy handling of errors<\/em>
\n\u2013 the user shouldn\u2019t be allowed to make serious errors
\n\u2013 if an error is produced, the system should be able to detect it and to offer an easy to understand mechanism for treating it
\ne. The system should permit action canceling<\/em><\/p>\n
\n\u2013 users tend to ignore colored and animated banners, same for other graphic elements
\n\u2013 the focus is moved to the text and hyperlinks<\/p>\n
\n\u2013 to continue using the functionality, users would be more than happy to fill in a form<\/p>\n
\n\u2013 filling should last about 30 seconds
\n\u2013 if there are too many fields and the user must\u00a0scroll, horizontal alignment can be a solution
\n\u2013 [Labels<\/em>] because the forms are vertically oriented (users fill the form from top to bottom), the input label is indicated to be placed above
\n\u2013 [Search box<\/em>] the ideal width of a search box is 27 characters
\n\u2013 \u2018Submit\u2019 button should be\u00a0either left aligned or centered
\n\u2013 it’s better not to name a submit type button\u00a0\u201cSubmit\u201d, but the actual action that is done when the form is sent, for example: ‘Create Account’, ‘Subscribe Now’, ‘Send Message’, ‘Register Free’<\/p>\n
\n\u2013 it’s appropriate to use within 3 typefaces in three sizes
\n\u2013 for a natural result you can choose the font size value for the body from the Fibonacci series (16-24-40-64-104)<\/p>\n