Transcript 10 Top Principles of Effective Web Design

10 Top Principles of
Effective Web
Design
WT Labs Institute Jalandhar, Punjab
www.wtlabs.in
9/11/2017
1
Web Design Tips
Similar to the expression "beauty is in the eye of the beholder", effective
web design is assessed by the users of the website and not the proprietors
of the site. Numerous components affect the usability of a website, and it is
just not about its functionality but as well as the structure or how great it
looks.
Web sites that are not well designed have a tendency to perform
inadequately and have sub-optimal Google Analytics metrics. So what
makes a good web design?
www.wtlabs.in
9/11/2017
2
Top 10 Principles of Effective Web Design
• Purpose
• Communication
• Typefaces
• Colours
• Images
• Navigation in your Website
• Grid Based Layouts
• "F" Pattern Design
• Load Time
• Mobile Friendly
www.wtlabs.in
9/11/2017
3
Purpose
Great web design always takes into account the requirements of the users.
Are your web guests searching for entertainment, information, or some
interaction? Your website pages need to have a definite purpose and to
satisfy a particular requirement for your website visitors in the most
compelling way possible.
www.wtlabs.in
9/11/2017
4
Communication
Individuals on the web want quick information, so it is necessary to
communicate clearly and make your information simple to read and
digest. Some effective strategies to incorporate into your web design
include: sorting out information using headlines and sub-headlines, using
bullet points rather than long, blustery sentences, and cutting the waffle.
www.wtlabs.in
9/11/2017
5
Typefaces
In general, Sans Serif text fonts such as Arial and Verdana are simpler to
read online. The basic font size for reading without difficulty online is 16px
and a maximal of 3 typefaces in a maximal of 3 point sizes to keep your
design rationalised.
www.wtlabs.in
9/11/2017
6
Colours
A good web design and a well colour palette can go far to boost user
experience. Complementary colours create harmony and balance. Using
contrasting colours for the content and background will make reading
simpler on the eye. Vibrant colours create emotion and ought to be used
sparingly. To wrap things up, white space/negative space is efficient at
giving your website a modern and uncluttered look.
www.wtlabs.in
9/11/2017
7
Images
A picture paints a thousand of words, and picking the right pictures for your
site can help with brand connecting and positioning with your target
audience. If you don't have professional photographs on hand, consider
buying stock pictures to lift the look of your website. Likewise, consider using
infographics, graphics and videos as these can be a great deal at
conveying than a written piece of text.
www.wtlabs.in
9/11/2017
8
Navigation in your Website
Navigating concerns on how simple it is for individuals to take action and
move around your website. A few strategies for efficient navigation include
an intelligent page hierarchy, using bread crumbs, designing clickable
buttons, and following the "three click rule" which implies users will have the
capacity to discover the information they are searching within tree clicks.
www.wtlabs.in
9/11/2017
9
Grid Based Layouts
Placing content randomly on your website page can end up with a heedless appearance that is untidy. Grid-based layouts organise content into
areas, sections and boxes that line up and feel adjusted, which prompts a
better-looking website design.
www.wtlabs.in
9/11/2017
10
"F" Pattern Design
Eye tracking studies have distinguished that individuals scan computer
screens in an "F" pattern. A large portion of what individuals see is on the
top and left of the screen, and usually, the right side of the screen is seldom
seen. Instead of trying to drive the viewer's visual flow, efficiently designed
websites will work with a reader's natural behaviour and show information
in order of significance.
www.wtlabs.in
9/11/2017
11
Load Time
Everyone hates a website that needs ages to load. Tips to make page load
times more active include streamlining picture sizes (size and scale),
consolidating code into a basic CSS or JavaScript document and minify
HTML, CSS and JavaScript.
www.wtlabs.in
9/11/2017
12
Mobile Friendly
It is currently typical to get to websites from numerous devices with
different screen sizes, so it is essential to consider if your website is mobile
friendly. But if your website is not mobile-friendly, you can either rebuild it in
a responsive layout or you can construct a committed portable website.
www.wtlabs.in
9/11/2017
13
Conclusion
It is easy to make a pleasing and functional website, basically by
remembering these design elements in mind. These effective web design
principles can offer your website some assistance with being all the more
captivating, helpful, and vital for visitors.
www.wtlabs.in
9/11/2017
14