{"id":27766,"date":"2019-09-26T09:33:05","date_gmt":"2019-09-26T07:33:05","guid":{"rendered":"https:\/\/wpkraken.io\/?p=27766"},"modified":"2019-09-26T09:33:05","modified_gmt":"2019-09-26T07:33:05","slug":"7-ux-beginners-rules-on-your-website-that-will-gain-you-clients","status":"publish","type":"post","link":"https:\/\/wpkraken.io\/blog\/7-ux-beginners-rules-on-your-website-that-will-gain-you-clients\/","title":{"rendered":"7 UX-beginners rules on your website that will gain you clients"},"content":{"rendered":"\n

Many factors affect<\/strong> how users perceive a site or an app<\/strong>. It is worth considering the correctness of its User Experience<\/strong>. Not only to improve the design but what\u2019s most important – to increase interactions on the website<\/strong> (e.g. purchase, newsletter subscriptions, leaving a lead, etc.) But let me start from the beginning \u2026<\/p>\n\n\n\n

<\/p>\n\n\n\n

One rule to rule them all – User-centered design<\/strong><\/h2>\n\n\n\n

All tricks listed below<\/strong> should be based on this one principle. This is one of the most important principles of digital product design and is a strictly user-oriented policy.<\/strong> When designing, we should make sure that the entire project revolves around the user. User Experience<\/strong> – his needs, goals, and intentions are the top priority. The business assumptions and design are to adapt to the consumer, not the other way around. Just following this one piece of advice will allow you to increase conversions <\/strong>on your site.<\/p>\n\n\n\n

\"User<\/figure>\n\n\n\n

Composition rules when designing User Experience<\/strong>
<\/h2>\n\n\n\n

1. Elements hierarchy<\/strong><\/h4>\n\n\n\n

One of the essential elements of a well-designed website is focusing on what is the most important for the user<\/strong> visiting our portal in terms of the nature of the items, their size, thickness, or color.
With the high knowledge of our users, we are able to tell what is most important for them. What features, content or form of showing your product\/service will make them interact. <\/strong>In the perfect situation, it is based on the user-research and Gestalt Principles. Basically Gestalt says, that the human eye makes sense of things by seeing the whole rather than the individual parts. The principles of Gestalt <\/strong>were created to help designers create more complete and compelling visuals<\/strong>. There are 6 principles where each covering different types of relation between individual parts: Similarity, Continuation, Closure, Proximity, Figure\/ground, Symmetry & Order. They are very helpful in setting the right visual hierarchy and relation between elements. <\/p>\n\n\n\n

<\/p>\n\n\n\n

2. Similarity and contrast<\/strong><\/h4>\n\n\n\n

Consistent interface <\/strong>– for example subpages should have a similar structure – easy to use. For example, buttons should be designed in one style. If we decide on illustrations it is better to keep the chosen style on the whole site.
Another element is contrast adjusted to the importance of a given element<\/strong>. It is worth to stick to WCAG rules which will be described more in detail in another article. If you want to differentiate two elements you should consider the color, size, and depth<\/strong> of the element you want to put attention on. It is worth to spend some time on it, as you wish to have a better conversion rate<\/strong>.
<\/p>\n\n\n\n

3. Intervals<\/strong><\/h4>\n\n\n\n

\u2018Adding air<\/strong>\u2019 is always the right choice while designing the website with User Experience principals. Appropriate separation of unrelated elements, giving lightness to the page by, for example, white background. The page should not be overloaded with information – it should breathe, be light, and give the user the content he is searching for<\/strong>. It is good to remember about so-called \u2018white space\u2019 which in simplified ways refers to margins, paddings, gutters, space around graphics and images, line-spacing and letter-spacing within text content, and space between columns<\/p>\n\n\n\n

<\/p>\n\n\n\n

4. Rhythm<\/strong><\/h4>\n\n\n\n

Rythm means determining the speed<\/strong> of getting through your website content. When it\u2019s structure is repeatable, have the same style, colors, shapes, sizes of different pieces of the text, the rhythm is consistent<\/strong>. It\u2019s essential to keep the rhythm throughout the site<\/strong>, not just on a single page. You should also know there are a few types of rhythm – regular, flowing and progressive. <\/strong><\/p>\n\n\n\n

<\/p>\n\n\n\n

5. Proportion<\/strong><\/h4>\n\n\n\n

To provide good User Experience, there’s a harmony <\/strong>between elements of the website. If we decide on changing the size of one element, the rest should also be changed at the same rate<\/strong>. As for the whole site, the proportion of elements should increase or decrease depending on the device<\/strong> and size of the screen.<\/strong> <\/p>\n\n\n\n

6. Simplicity<\/strong><\/h4>\n\n\n\n

Less is more. <\/strong>Striving for minimalism is a must-have from the design and UX <\/strong>principles’ point of view. Too much can make your user feel lost on the website. This applies to paragraphs, pictures, buttons, icons, and other items on your web page. We should rather focus on the essential information<\/strong> for the user, and for us, from the business point of view. <\/p>\n\n\n\n

7. Typography<\/strong><\/h4>\n\n\n\n

Shape, color, size, selection of fonts, and care for readability.<\/strong> It is also worth considering the number of characters given in a paragraph, so as not to exceed the length optimal for the page. So the same as above – if you want to deliver a good UX,<\/strong> the less is more. For example, you should deeply consider the font family you want to use, as it should be consistent on the whole site. It is also important to decide on the font sizes for different elements to keep consistency.  Also, colors should be complementary<\/strong> to each other.<\/p>\n\n\n\n

<\/p>\n\n\n\n

<\/p>\n\n\n\n

Using these 7 simple rules<\/strong> will make your user feel good on your website, and will allow you to increase conversions so they can become your clients. Soon, we\u2019ll prepare some more in-detailed UX tricks<\/strong>, so keep updated with our blog \ud83d\ude42

Was this article helpful?:) If so, share it on Facebook or live us your opinion below \ud83d\ude42 If you would like to discuss with us some more – please, visit wpkraken.io.<\/a>

It is good to follow good patterns, so here you can find some examples of sites with a really good UX:
https:\/\/www.reallygoodux.io\/categories\/appcues<\/a> <\/p>\n\n\n\n


<\/p>\n","protected":false},"excerpt":{"rendered":"

Many factors affect how users perceive a site or an app. It is worth considering the correctness of its User Experience. Not only to improve the design but what\u2019s most important – to increase interactions on the website (e.g. purchase, newsletter subscriptions, leaving a lead, etc.) But let me start from the beginning \u2026 One […]<\/p>\n","protected":false},"author":36,"featured_media":27771,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"footnotes":""},"categories":[19],"tags":[84,49,85,86],"_links":{"self":[{"href":"https:\/\/wpkraken.io\/wp-json\/wp\/v2\/posts\/27766"}],"collection":[{"href":"https:\/\/wpkraken.io\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpkraken.io\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpkraken.io\/wp-json\/wp\/v2\/users\/36"}],"replies":[{"embeddable":true,"href":"https:\/\/wpkraken.io\/wp-json\/wp\/v2\/comments?post=27766"}],"version-history":[{"count":0,"href":"https:\/\/wpkraken.io\/wp-json\/wp\/v2\/posts\/27766\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpkraken.io\/wp-json\/wp\/v2\/media\/27771"}],"wp:attachment":[{"href":"https:\/\/wpkraken.io\/wp-json\/wp\/v2\/media?parent=27766"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpkraken.io\/wp-json\/wp\/v2\/categories?post=27766"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpkraken.io\/wp-json\/wp\/v2\/tags?post=27766"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}