Skip this Video
Download Presentation
10 Rules of Good UI Design to Follow On Every Web Design Project

Loading in 2 Seconds...

play fullscreen
1 / 7

10 Rules of Good UI Design to Follow On Every Web Design Project - PowerPoint PPT Presentation

  • Uploaded on

It\'s truly simple to discover a creator willing to take a shot at any venture these days. Finding an expert in the region of UI design who is additionally acquainted with best practices, be that as it may, is still a difficult task. On the off chance that you need to place yourself in conflict for these sorts of positions, you\'ll have to stay fully informed regarding the most recent improvements in the field.

I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
Download Presentation

PowerPoint Slideshow about '10 Rules of Good UI Design to Follow On Every Web Design Project' - winklix

An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.

- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript

10 Rules of Good UI Design to Follow On Every Web Design Project

It\'s truly simple to discover a creator willing to take a shot at any venture these days.

Finding an expert in the region of UI design who is additionally acquainted with best

practices, be that as it may, is still a difficult task. On the off chance that you need to

place yourself in conflict for these sorts of positions, you\'ll have to stay fully informed

regarding the most recent improvements in the field.

Knowing the accepted procedures to take after on each interface configuration venture

will put you a long ways in front of most applicants who essentially shoot designs

without thinking about the assortment of points of interest that go into the formation

of an interface.

Today, we\'ve accumulated a rundown of ten such accepted procedures material for UI

configuration in web extends, and to kick things off will discuss the one of UI\'s

greatest misinterpretations.


1. See How UI Plays Into UX

To start with things first – in some cases these terms are utilized erroneously, keeping

in mind it\'s vital to comprehend that while UI plays a critical part in UX, the second

teach has a much bigger extension.

It is not necessarily the case that UI isn\'t essential, since as we as a whole know, it can

represent the moment of truth a site or application. Be that as it may, UX originators

(or \'engineers\') need to mull over such differing variables as cooperation design and

design, the formation of clear scientific classifications, copywriting, coordination with

fashioners and software engineers, et cetera. It\'s the general design of a whole affair

(as the acronym infers), start to finish.

Keeping in mind the end goal to make an awesome interface, UI architects need to

depend on data from the client encounter edge, for example, distinguishing which

issues should be settled, how the client stream will play out, and deciding key item

regions and orders. In a perfect world, genuine work on the interface will start

subsequent to accessing the greater part of this data, then mockups will be made, tried

and endorsed by UX fashioners and an item will be propelled without (too much)


2. Know Your Audience

It ought to shock no one that the most critical experiences into how to design an

incredible interface ought to be taken from your clients. In case you\'re in the

arranging procedure of propelling a site, you should as of now have a thought of what

your future gathering of people will need, however laying out the particulars is an

entire distinctive ballgame.

You need an unmistakable picture of what necessities will convey individuals to your

site, and precisely how it will approach giving an design that will attract them promote.

In case you\'re somewhat lost at this crossroads, taking a gander at the opposition can

be an awesome approach to kickstart the imaginative procedure. Which sites are at the

top in your venture\'s field? Is it accurate to say that they are utilizing comparative

designs or hues? Do they cling to comparable styles or appear to provide food

outwardly to similar demographics?

Utilizing configuration designs that clients are alright without hardly lifting a finger

them into your site, which you can then separate with your own particular

interpretation of their needs.


Once you\'ve distinguished your gathering of people, you can test how your design plays

out among them and think about their input. Noteworthy criticism from your fancied

target group of onlookers is unbelievably significant, so get it and utilize it!

3. Keep Things Simple and Consistent

The sign of an awesome interface is effortlessness. By this we don\'t mean just staying

a catch or two here and there with a few movements tossed in for no reason

whatsoever – we mean straightforward and collaborate with. Your clients shouldn\'t

require a guide with a specific end goal to explore through your application or site, and

it\'s aspect of your responsibilities as an interface planner to unobtrusively control

them from where they are to where they have to go.

So as to do this, you can make utilization of a few components, for example, hues,

typography, criticism messages, and visual chains of command, all of which we will cover

point-by-point later on.

Interfaces should likewise be kept reliable all through a plan. This implies not re-

concocting the wheel on every piece of your venture, and strengthening the most vital

aspects of your design at every turn. As they explore through your plans, clients ought

to be made to feel quiet with them continuously, and their inundation shouldn\'t be

broken because of shaking complex decisions.

4. Actualize a Visual Hierarchy

The most critical components of an interface ought to be highlighted keeping in mind

the end goal to make clients concentrate on them, and configuration gives a practically

unending exhibit of strategies through which to accomplish this impact.

The least complex case of this strategy that strikes a chord is make a component

greater with a specific end goal to transform it into a point of convergence (which is,

by chance, a similar reason nobody disregards Godzilla). Take Netflix for instance –

when opening up its fundamental page you will be hit immediately with a couple

highlighted suggestions which draw your consideration by being practically difficult to


Other, more novel routes through which you can actualize a visual chain of importance

would be by utilizing white space to highlight pivotal parts of your interface.

On the other hand, basically bringing an unforeseen component into your design in an

elegant manner can work ponders. As we\'ve said some time recently, consistency in an


interface is pivotal, to the point where it can verge on reiteration. At the point when

something breaks that visual example, your clients will kick back and pay heed.

5. Make Good Use of Typography

Another rich approach to build up a visual chain of importance is using typography. This

isn\'t as straightforward as picking a pleasant textual style (three out of four creators

swear by Comic Sans – try it out!) and utilizing it all through your plan, however.

For one thing, each textual style has an identity, in a manner of speaking, and your

picks ought to be impacted by your group of onlookers.

Size, obviously, additionally plays a key segment when utilizing textual styles as a part

of plan. Essential data, for example, headers are highlighted, much like in this very

article, and as you may have seen, all through the whole plan of the Elegant Themes

blog (be mindful so as not to highlight an excess of data, however!).

You can likewise make utilization of turn around sort to make content emerge, by which

we mean making utilization of differentiating foundations to make message pop out. In

the case underneath, differentiating content is utilized as a part of a menu to highlight

which page is being seen right now (which has the additional advantage of streamlining

the navigational procedure for your clients).

Some shading mixes, for example, blue on red, make an interpretation of awfully to turn

around sort, however this trap ought to be anything but difficult to maintain a

strategic distance from for any planner deserving at least some respect.

6. Utilize Color and Contrast Properly

Picking the right hues for any given design is a science all by itself. In case you\'re

perusing this, odds are you\'re now more than passingly acquainted with the brain

science of hues, and accordingly, we won\'t give at whatever time to that range now.

Rather, will discuss utilizing hues to their full impact to design a staggering interface.

Hues can be utilized to pass on visual chain of command, build up a relationship amongst

components, and for the most part hoist your designs and hold the consideration of

your clients.


At the point when dealing with an interface, you\'ll need to keep up some consistency as

to which hues you\'ll be utilizing to pass on visual prompts, and keep your shading plan to

a relative least (more hues aint dependably something to be thankful for).

So, differentiating hues can be utilized to awesome impact keeping in mind the end goal

to draw clients consideration, as we said in lead number five when talking about turn

around sort.

A decent dependable guideline while picking which hues to use in your interface is that

darker hues tend to convey more visual weight, and these sorts of components should

be offset with lighter hues.

7. Consider Feedback Messages

Interfaces are intended to be utilized – that is something that you ought to never

dismiss amid the design procedure. Also, one of the greatest focal points of web

ventures is that you can really plan criticism messages that pass on pivotal data to your

clients when they play out an activity.

Is something stacking? Why not utilize a basic movement as an input message to advise

your clients that numbers are being crunched out of sight? Did somebody fill a field

inaccurately? Design a message to educate them immediately so they know precisely

what turned out badly.

In a perfect world, each interface would be natural and sufficiently quick that these

kind of things wouldn\'t occur in any case. In any case, believe us – clients will

dependably discover new and inventive approaches to break your site. Giving moment

criticism with reference to what\'s happening in a natural way is an awesome approach

to show clients how your interface is intended to be utilized.

8. Rearrange Your Forms

Structures are one of the primary techniques through which clients will collaborate

with your web ventures. It\'s right up there with clicking and, incidentally, reviling their

PCs since something isn\'t working appropriately.

The issue, in any case, is that most clients detest shapes with a blazing enthusiasm, on

account of any number of reasons. Your assignment, in this manner, is to incorporate

them into your interface as easily as could reasonably be expected to prevent your

clients from reviling out their PCs any more than would normally be appropriate.


You may, for instance, start by asking yourself, "Is this frame truly essential?". By and

large, recruits are constrained upon clients for no specific reason, so in the event that

you can get rid of them and not need to manage outlining an extra interface, it\'s a win-

win situation.

On the off chance that your venture does require clients to join, why not design the

structures to be as straightforward as could be expected under the circumstances?

Take Twitter, for instance. They scarcely request any data, which implies clients might

not have enough time to get furious for typing in a similar data for the umpteenth time.

9. Team up Your Way to Success

Contingent upon the extent of your venture, eventually you may end up acting as a

major aspect of a group that can bear a portion of the work nearby you, and in such a

situation it\'s urgent to ensure that all individuals from the group have a similar data

keeping in mind the end goal to make a usable and engaging interface.

10. Unite It All

Planning an interface is no straightforward assignment. You have to contemplate various

trains and in addition arm yourself with specialized data in regards to your gathering of

people, and anticipate their necessities to make a plan which will address and transcend

their issues.

Besides, you have to keep up a cozy relationship between client encounter design and

the interface plan, since one runs close by with the other.

In any case, a large portion of the tenets we\'ve secured amid this article have

something in like manner which will make your life a great deal less demanding: they\'re

not restricted to website composition ventures. Indeed, the majority of the

exhortation we\'ve shared so far ought to be extremely recognizable to you on the off

chance that you are very brave understanding (which we wager you do!) – all we\'ve done

is develop their association with interfaces.

With everything taken into account, we\'re sure that mulling over this guidance, you\'ll

be well on your approach to turning into a prepared interface architect.



Interface design, while being a scary field, can likewise furnish you with the ideal

chance to up your diversion because of the greater part of the territories of plan it


Consider it. Your interfaces should be anything but difficult to utilize, easy to explore,

make utilization of the right hues for your group of onlookers, utilize the right textual

styles, coordinate helpful input messages, and stay predictable generally speaking. In

the event that you can juggle that many variables and still create an engaging design,

maybe it\'s the ideal opportunity for you to show us a few tenets of website