9 WordPress Designing Rules every UX designer should know in 2018

Design – this is what the visitor first sees, when he visits the site. Therefore, the design in site development should be given a special attention.

Here are the basic rules that should guide a designer when developing a site layout. If you follow these rules, you will definitely get an exposure.

Let’s begin.

install wordpress

Basic Rules

UX is not UI

The user interface provides interaction; this is its main role. Menu items, icons, accounting forms and much more are a user interface. But the user’s experience is also the emotions that a person feels during interaction. If the site or application is convenient to use, and the process itself causes only positive emotions, then the sense of satisfaction will be the user’s experience. So try to make it possible to easily find required information.


If you have a thirty-inch expensive monitor, then this does not mean that you should draw a 3000px width layout. You have to understand – you are still in the minority.

The lion’s share of visitors who came to the site, the screen resolution will be 1024 – 1920px. True, today the market of devices for Internet users is gaining mobile devices, they have already exceeded 50%.

The breadth of the layout is indicated in pixels and should be accurate to one pixel, i.e. round numbers and no there is 899 px or 955 px, for example. Also this applies to all the blocks that we will have in the layout: left, right columns, authorization form, various modules, etc.


All layers in the layout should be carefully grouped and signed with adequate names. Remember this rule: “If one element in the layout has more than two layers, then it must be enclosed in a common group”.

Layers should never be glued, it is better to combine them into a group, and there already the layout will figure out whether to glue them or not.

Also, pay special attention to the overlapping mode, so that there is not such that you turn off all the layers except the one you want, and he changed his colour – it was painted from red to white.

Background of the site

 The designer should understand that the site layout is not just a beautiful picture; it is a complex and dynamic site that can stretch and shrink both vertically and horizontally.

If you draw a picture in the background and place it in the canter, then it should never have cropped edges. And, in the background, there should always be some fragment of a homogeneous background that the layout designer can use to repeat. This fragment can be either a uniform fill, or a gradient.

The edges of the picture should smoothly change to “no.” Here we mean the transition to a homogeneous background.

If the texture is used as a background, be sure to save one repeating fragment for the layout using a separate file in jpg, png or gif format.


There are standard fonts and non-standard fonts. What do standard and non-standard mean?

Standard fonts are those fonts that are installed in the operating system by default. A list of standard fonts for web design can be found on the Internet – there are not many of them.

Non-standard fonts are fonts that are not installed in the operating system. Usually non-standard fonts are loaded in the template site through a font-face rule. It should be borne in mind that the use of several non-standard fonts is undesirable, because non-standard fonts increase the loading time of a web page (document).

They can weigh much heavier than standard fonts. It also depends on what type of font the designer uses – the more strokes, the heavier the font.

About the colour scheme

Try not to use non-standard colour profiles. This eventually leads to the fact that someone will start getting annoyed with unexpected diversity. By mixing up the bright colours you are risky to see your potential customer off the site. Be careful and never too much.

Active items

The site is primarily a dynamic resource, on which there can be animation and various actions will be performed.

For example, you should specify the colours of links, both active and hover (even desirable to draw a hand). The same applies to any other active elements (buttons, form fields, modal windows, etc.). This all provides for the designer in his layout. Understand, the layout designer should not think about this.

A good UX design always reflects the identity of the brand

From the very beginning you need to remember the client’s goals. To do this, you need to constantly interact with the customer, who will always notice if the designer is carried away and deviated from the solution of the task.

UX-design for the user

Anyone can understand that UX-design is focused on the user, it’s his essence. Nevertheless, many web designers often fall prey to their creative ambitions. Their design can have all the most fashionable bells and whistles and even meet the expectation of the customer but … But it does not absolutely meet the needs of users.

If you aren’t quite sure how to make your WordPress outstanding by adding some personal elements, it’s better to give up this idea and go for standard templates. Classic is always trendy and stylish.

ashish sharma

Ashish Sharma is the Chief Marketing Officer at WeDigTech, a hub of App Developers in India .He is responsible for marketing activities that have to do with creating, communicating and delivering offerings that have value for clients or business partners.

Leave a Reply

Your email address will not be published.