Essential Elements to Keep in Mind While Designing a Website.

Slides:



Advertisements
Similar presentations
The Big Idea for the “Emerging Young Artists” is to do SMART marketing using digital marketing avenues. The idea is to create awareness and increase.
Advertisements

Refinement Production Implementation Design and Development Stages.
Be Brilliant with Student Loans Material Makeover: basics of effective design MASFAA Wednesday, November 19, 2003.
INTERACTIVE BRAND COMMUNICATION Class 7 Creative Issues II: Creating Effective Online Advertising.
Website: Best Practices. Sources: The World Wide Web Consortium the main international standards organization for the World Wide Web Research-Based Web.
7 Selecting Design and Color Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2.
A Brief Glimpse of Web Design By: Samantha Beckett.
Color Theory in Web Design Web Design – Sec 2-2. Objectives  The student will: –Have a better understanding of effective use of color on the web. –Be.
An Introduction to Content Management. By the end of the session you will be able to... Explain what a content management system is Apply the principles.
Chapter 14 Web Design © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
 Search Engine Optimization (SEO)  Blog marketing  marketing  Affiliate marketing  Viral marketing  Digital Assets Optimization  Search.
Creating Your Own Website
Creating an Attractive Site How will your site look. Think about what your customers are seeking and what type of Web site they find attractive.
Build a Free Website1 Build A Website For Free 2 ND Edition By Mark Bell.
Web-designWeb-design. Web design What is it? Web-design features Before…
GOOGLE MONTH ‘DIGITAL ALPHABET’ WEEK 3; TIPS & RESOURCES.
Websitewala.com Welcome to. The purpose of your website is to develop a valuable set of information sources that provides information and news about your.
1. 2 OVERVIEW First Impressions Content Purpose Design Distinction Closing.
Using Dreamweaver Web Page Design. Introduction to Web Page Design Developing a New Site Building a web site involves creating individual pages and linking.
Programming in HTML.  Programming Language  Used to design/create web pages  Hyper Text Markup Language  Markup Language  Series of Markup tags 
Copyright © 2002 by Pearson Education, Inc., publishing as Longman publishers. All rights reserved. Chapter 8 Designing Pages and Screens Professional.
Evaluating web pages Stuart Lloyd-Green Celia Korvessis Lindsay Krieger Shane Sullivan.
Lecture 3 Web Design What makes a "good" website? Getting started on your website. Planning the layout. Picking a theme. Effective Design Tips.
Web Page Design Principles
General Information: This document was created for use in the "Bridges to Computing" project of Brooklyn College. This work is licensed under the Creative.
Chapter 2 Developing a Web Page. A web page is composed of two distinct sections: – The head content – The body Creating Head Content and Setting Page.
Good Web Design. The Four A’s of Good Design Accessible Accurate Appropriate Appealing.
Chapter 6: NavigationCopyright © 2004 by Prentice Hall 6. Navigation Design Site-level navigation: making it easy for the user to get around the site Page-level.
Website Design Presentation to Members Of The American Morgan Horse Association By Bill Lere August 22, 2012 Copyright, Bill Lere, 08/22/2012, Minneapolis,
Building an Effective Website. Start with a plan  Have clear goal and design your entire site with those goals in mind.  Research and develop a sketch.
Negative ranking factors are things you do on your site that harm your rankings. Linking out to low trust websites. Duplicate Content Not Being Mobile.
Color Theory in Web Design Web Design – Sec 2-2. Objectives  The student will: –Have a better understanding of effective use of color on the web. –Be.

Web Page Concept and Design :
Elements of Website Design. Homepage ● first page of the website ● website title ● general introduction ● authors or creators information ● date updated.
Microsoft Expression Web 3 – Illustrated Unit F: Enhancing a Design with CSS.
Blogging Webinar LEARN THE BENEFITS OF BLOGGING & HOW TO GET STARTED!
Whether you wish to promote your business through newsletters, a special individual offer or an invitation, an marketing helps in connecting.
?. When designing, you should analyze your target audience. Design you webpage around your target audience Target Audience.
3/30/15.  Who is Tim Berners-Lee? 1. Assessing needs 2. Determining content structure 3. Determining site structure 4. Determining navigation structure.
Graphics Navigation Usability Typography Content Clarity & Consistency.
Informational Design.  Informational Design involves determining a Web page’s content  Content – text and graphics  A successful Web page uses words.
By Ishaq Shinwari.  Designing a web site needs careful thinking and planning  The most important thing is to KNOW YOUR AUDIENCE  You Must Design website.
WEBSITES IN 2012 Prepared for the Jefferson County Fair Matt Checchio Jessica Noland.
10 Effective Website Tips Luana Mattey For Professionals in Private Practice Get Online, Get Found, Get Clients.
Blogging 101 By Krystle L. Wright, Public Relations Specialist Owner, Krystle L. Wright Public Relations & Marketing For Small Businesses.
CHAPTER THREE. PUT YOUR BRAND ONLINE Employers pay a lot of attention to the “cultural fit” of candidates; they want to know if your personality will.
BY Supergeeks.biz. As more and more people rely on the Internet to buy goods and services, to search for businesses, to locate businesses, to compare.
12 Most important points to remember before Designing a Website. 12 Most important points to remember before Designing a Website. Webline Infosoft Pvt.
By: Your Name ELEMENTS OF WEB DESIGN. VISUAL APPEAL Optimization of Graphics, for people to stay on your website, your pictures have to load out as soon.
Planning and Creating a Web Site. Stages in planning a web site planning the project decide on the purpose and audience for the web site create mind map.
Web Design Principles. Designing a Website Choice of a site color scheme. Choice of text font and size. Placeholder text. Use of white space. Location.
Website Tools & Resources Navy League of the United States Citizens in Support of the Sea Services Building an Online Presence for Your Council What is.
Search Engine Optimization
Readability and Legibility
Westmidland Websites Birmingham Office
15 Basic Web Designing Tips
Top SEO Company In Chandigarh, SEO Services India
Web-design.
Web Design and Development
Objective % Explain concepts used to create websites.
Design and Implementation of Software for the Web
Listing Builder.
Website Design The Do’s and Don’ts.
ICT Communications Lesson 4: Creating Content for the Web
Creating a Website.
Web Design Principles.
10 Most Important WordPress Plugins You Must Have Website Promoters L.L.C.
Tips on good web site Design
Objective Explain concepts used to create websites.
Presentation transcript:

Essential Elements to Keep in Mind While Designing a Website

The common questions that may pop up in your mind while designing a website are "What should I be including in the website?”, “What are the critical elements that I cannot afford to ignore?”. Even the best designers in the industry are confronted with these questions while designing a website. So, it is better to have a checklist so that you don't forget anything.

Here are some essential elements that you need to keep in mind while designing a website. Navigation and accessibility The ultimate goal of the website is to provide visitors with the information they are looking for. Visitors should be able to navigate easily through the website and find the information.

Make sure that the navigation menu is easy to identify and is easy to use. Don’t overwhelm the users with too many tabs – the top navigation should have not more than ten tabs. It should be easy for users to know where they are in the site – use breadcrumbs. Users should be able to access all important pages from each page of the website. Make sure that the links are easily visible. It is better to differentiate them using a blue color.

Theme, colors and fonts Make sure that the theme, colors and fonts are consistent across the website. This will not only allow your readers to identify your website/brand, but will also help build your credibility among them over time. An appropriate theme and colors help render your website a professional look. When it comes to fonts, use the standard ones as they are accessible through all browsers. Using non-standard fonts may impair the design in some browsers as they choose a default font to display your text.

Choose the colors wisely and be creative in combining colors. Use colors that complement and contrast. See to it that the theme and colors in your website match with those in your physical store/marketing material. Use standard fonts such as Times, Georgia, Arial, and Helvetica.

Space An effective way to enhance the aesthetics and readability of your website is to use the white space wisely. Space does not have to always be white. Space refers to the absence of elements, and could equally be a background color or the texture of the surface. See to it that the spacing is consistent across the website – the spacing between similar elements like the lines, paragraphs, images, etc. An image or a piece of text surrounded by space will appear larger and more important than one that is crammed into a smaller space.

Unique and high quality content with relevant images One of the common mistakes many people commit while designing a website is to copy the text and images from other sites. This makes their job easy. However, not only will it reduce your credibility, but will affect your website’s search engine rankings as well. Search engines consider text, images or videos copied from other sites as duplicate content and reduce the rankings.

Create quality content that is relevant and unique, even if it takes time. Make sure that there are no spelling, grammar and punctuation errors in the content. See to it that the content is presented in small paragraphs, and not in big chunks of text – online users won’t read each and every sentence, they just scan the webpages. Customize images for your website. It is better to use the images of real products and people.

Call-to-action' buttons where ever required Call to action is one of the important aspects of a website’s design. Without these buttons the main purpose of the website will not be met – making a sale, gathering or providing information. Call to action buttons should be obvious and easy to identify. Use contrasting colors to call to action buttons like ‘Buy Now’, ‘Join’, ‘Download’, ‘Sign-Up Free’. Give space to highlight them.

Social media buttons Social media provides a great opportunity to make your brand/content go viral. Social media sharing buttons are without a doubt one of the best ways to get your brand/content shared. Optimize the social media buttons at a prominent place of your webpages to make social sharing easier for your visitors. If not all, try to optimize at least the top three social media buttons – Facebook’s ‘Like’ and ‘Share’ buttons, Twitter’s ‘Tweet This’ button, Google’s ‘+1’ button.

About-Us and Contact-Us pages The content in these pages is more important than you might think. These pages tell your visitors what you do, who you are and how to contact you.

You can outline your company’s philosophies, mission, vision, or goals in your About Us page. See to it these pages are personal and unique. If possible, upload a photograph of you and your team. Mention address, and telephone/mobile phone number in the contact page – it boosts trust of your audience in your business/website.

Informational footer Incorporating a footer is one of the best ways to provide your visitors wealth of information without getting in the way of website design. You can include sitemap, about us, contact us, services, and other important pages in the footer. Don’t clutter the footer with tens of links – use only the important ones. Keep it simple and easy to use. Your website is the gateway to new opportunities on the Web. Be it your business or personal site, you need to bear in mind these points while getting it designed.

4GoodHosting, a Canadian website builder4GoodHosting, a Canadian website builder and hosting service provider offers VPS hosting, free domains and an impressive website builder. Trusted for over 10 years, we are a reliable & priced-right provider for Linux/Windows shared and VPS hosting, and reseller web hosting. If you are looking for a web host using the keywords web hosting Canada or best web hosting in Canada, 4GoodHosting could be a right choice.best web hosting in Canada, 4GoodHosting