50 suggestions for Website Design

Source: Internet
Author: User

Tips to brand your website
Website promotion suggestions

· Include your logo in all pages. position it at the top left or each page.

Make sure the logo appears in the upper-left corner of each page.

· Complement your logo with a tagline or catchy sentence that summarizes your business purpose. For example "always low prices" is the tagline for Wal-Mart.

There are slogans next to the logo or a language that introduces the characteristics of the company. For example, "Daily parity" is the slogan of Walmart.

· Create A favicon. A favicon is that small graphic that appears next to the URL in the address bar.

Create A favicon. Favicon is the image that appears next to the URL in the address bar.

· Have a consistent look and feel in all your pages. Use a color scheme and layout that are clearly recognized into SS your site.

The design of all web pages must be consistent. The color and layout of the website must be consistent.

· Have an about us section, that has des all relevant information about you and your business.

The "Contact Us" section of the website contains all information about you and your company.

· Include a copyright statement at the bottom of each page.

The bottom of the page contains the copyright information.

Tips on website navigation

Website navigation system

· Design your pages to load in less than 10 seconds (50kb maximum size, including pictures ).

The webpage download time is limited to 10 seconds (50 kb, including images ).

· Group your navigational options in relevant categories.

The relevant navigation content is put together.

· Use common names for your menu options: home, about us, contact us, help, products. Avoid "clever" or "trendy" alternatives.

The menu bar options use a common name: Home Page. For more information about us, contact us, help, and products to avoid fashion and popular options.

· If your site uses flash, provide also an html version for users who prefer a less fancy, faster site.

If the website uses flash, make sure the html version is available, and some users do not like the dazzling website.

· Provide simple text navigation links at the bottom of long pages, so users don't need to scroll back up.

A simple text link appears at the bottom of the page, so that the user does not have to return to the top of the page.

· Link your logo to your homepage, expires T in the homepage itself. Put a link to your homepage on all your internal pages.

Link the logo to the homepage (except the homepage logo), and link all the second-level pages to the homepage.

· Display a "breadcrumb trail"; it is basically the path from the homepage to the page where you are. A breadcrumb trail looks like this: Home> section> sub-section> page, and it greatly facilitates navigation.

Displaying the website browsing route refers to the path from the home page to all levels of pages, for example, home page> Main Menu> secondary menu> secondary page. In this way, users can conveniently operate the website.

· If your site is too big, provide search capabilities. include a search box in the upper right corner of your homepage, and a link to a search page from your interior pages. freefind () offers you a free and powerful search engine for your site.

If the website contains too many content, you can provide in-site search. In the upper-right corner of the website homepage, you can design a search box or provide a search page, as well as links between the internal page and the search page. Websites need powerful and free search engines.

· Set your search box to search your site, not to search the web.

The search box is used to search for website content, rather than all network content.

· Create a custom error page that displays a simple site map with links to the main sections of your site. that way, you will not lose visitors that have followed a bad link to your site or who have misspelled your URL.

Create common error pages, display site maps, and links to the main content of the website. In this way, the website will not lose visitors with invalid links or incorrect URL input.

Tips on layout and content presentation
Layout and content design skills

· Save the top of your page for your most important content. Remember: good content must flow to the top.

The content on the top of the page should be the most important content. Remember: good content must be placed on the top.

· Lay out your page with tables, and set the width in percentage terms instead of a fixed number of pixels. that way, your page will always fit the screen, without the need to scroll horizontally.

You can use the table layout on the webpage, and set the table width in percentage to avoid fixed pixel numbers. In this way, the webpage will always adapt to the display without horizontal scroll bars.

· Optimize your page to be viewed best at 800x600 (the most popular resolution at the time of this writing ).

Optimize the webpage to ensure that the webpage is in the best status at 800x600 (most commonly used) Resolution.

· Use high contrast for the body of your page: black text on white background, or white text on black background work best.

The color of webpage text content must be obvious: black text with a white background, or white text with a black background.

· Don't use too when different fonts in one page. also, avoid using small serif fonts (like Times Roman): they are difficult to read from a computer screen. verdana is the most web-friendly font, since it is wide, clean and easy to read.

Avoid too many fonts on the webpage, and avoid using serif fonts (such as Times Roman) with a small font size. Such fonts appear on the computer display screen, which is not easy to read. Verdana is the most appropriate font for websites because it is wide, clean, and easy to read.

· Avoid long blocks of text. use tools that facilitate scanability, like bullets, subtitles, highlighted keywords, hyperlinks, etc.

Avoid large text segments. Use tools that help users browse websites, such as point lists, subtitles, keywords, and hyperlinks.

· Avoid amateurish features like: numeric page counters, wholesale use of exclamation points, all caps, center justified blocks of text, excessive animated GIFs, busy backgrounds, etc.

Websites avoid the following features: digital counters, a large number of exclamation points, all uppercase letters, center all text content, a large number of animated images, complex backgrounds, and so on.

· Don't use pop-up windows. They distract your visitors and are immediately dismissed as ads.

Avoid using the pop-up box. The pop-up box is similar to an advertisement, which will distract visitors.

· Test your site so that it looks good in different browsers and resolutions.

Test the website in different browsers and resolutions.

Tips on writing for the Web
Website Text Content Design Method

· Write in layman's terms so that everybody can understand your content, unless you're running a technical site for technical people.

Avoid technical terminology and ensure that all websites that browse and understand the content of the website are websites that provide professional technical services to technicians.

· Reading from a screen is painful: use 50% less words than you wocould use on print.

Reading the text on the computer monitor is indeed difficult, so the website text is less than 50% of the printed text.

· If a page is too long, break it into several pages and link to them.

If the webpage is too long, you need to split it into several webpages and link them with them.

· Don't use font sizes smaller than 10pt. for the body of your page. specify your fonts in percentage terms instead of pixels, to let users set their own size preferences using their browser's text view options.

The font size of the webpage text is no less than 10pt. Use percentages to specify the website font instead of pixels, so that you can determine the font size by using browser text options based on your preferences.

· Use a spell checker. Spelling mistakes are embarrassing and hurt credibility.

Use the spelling check program. The website should avoid embarrassing spelling errors, which will reduce the credibility of the website.

Tips to know your MERs
Measure the test taker's knowledge about website consumers.

· Ask for feedback: include a feedback form in your contact us page.

For feedback: a feedback form is displayed on the "Contact Us" webpage.

· Publish an ezine and include a sub‑form in your homepage. Give your MERs valuable information and encourage them to contact you.

Published an electronic magazine. The website homepage shows the subscription method. Provide valuable information to users and encourage them to contact you.

· Include polls and other tools to gather market intelligence.

Use the voting system and other tools to collect marketing materials.

Tips on linking
Link Method

· Make your links descriptive. They shoshould indicate what the user will be linking to, as opposed to just saying "Click here ".

The link should be descriptive and should indicate the URL of the user link, instead of simply clicking here ".

· Don't underline anything that is not a link.

Non-link content. Underlines are not allowed.

· Underline your links and use a consistent color for them guest SS your site (preferably blue ).

The link content must be underlined, and the color of all links must be the same.

· Use a different color for visited links, so that your visitors know where they 've been (preferably purple or a more subdued tone of the unvisited links color ).

The color of the accessed link should be different, so that visitors can know what they have browsed (it is best to use purple or other soft colors for unaccessed links ),

· When linking to a non-HTML file, such as Excel, Word or Acrobat, make it evident, by including a small icon next to the link.

When connecting to non-HTML files such as Excel, Word, and Acrobat, you can add a small icon near the link, which is more obvious.

· Don't link to "under construction" pages.

Avoid link to the "under construction" webpage.

· Make sure that your links work and that you don't have broken links. There are free online tools that can help you with this.

Make sure the link is valid to avoid invalid links. You can use free online tools.

· If you use graphic links, don't forget to use the alt attribute. The ALT attribute shocould describe what are you linking.

The ALT label is used when image links are used. The ALT tag should describe the content of your link.

Tips on how to use graphics
Image Method

· Optimize your graphics. Use Only. gif and. jpg formats. Make your image files as small as possible while maintaining acceptable quality. Use a free online graphics optimization tool.

Optimize the image. It is best to compress text only in the format of. gif and. jpg. You can use the free Image optimization tool provided on the Internet.

· Use thumbnails (miniature versions of a picture) and make them clickable to the actual size picture.

Use the reduced version of the image, and enable users to link to their original version.

· Avoid graphics that look like ads. People ignore them.

To avoid the appearance of images similar to the advertisement, visitors will ignore these images.

· Use the alt attribute on pictures, even the image is not a link. It helps users with disabilities and people who have turned off graphics.

Use the alt attribute of the image, even if the image cannot be linked. This helps users who do not like images browse the website.

Tips to optimize your site for the search engines:
Search engine optimization for websites

· Create short, descriptive page titles, to entice search engine users to click on your links.

Create a brief and descriptive web page title, prompting search engine users to click the website link.

· Create a site map containing all your pages, and link to it directly from your homepage. search engine robots will follow the link to your site map and will most likely add all your pages to the index.

Create a site map containing all webpages and directly link it to the homepage. The search engine robot browses site maps based on links and Adds all webpages to the index.

· Decide what the two or three main keywords are for each page (the words you believe search engine users will type to find your page) and repeat them often in your page title, description meta tag and page body.

Determine the 2-3 Keywords of each webpage (you think the user will type a search engine to search for words on the webpage), and make sure that the keywords are frequently displayed in the webpage title, narrative meta tag, and webpage text content.

· Create A links page and call it resources. in it, place links to those sites that have agreed to place a reciprocal link to your page. the more inbound links you have from quality sites with a topic related to your site, the better your site will rank with the search engines.

Create a link page. Link to other websites that agree to be connected to this website on the Link Page. If a website with a high reputation has more links to the website, the ranking of the website in the search engine will be higher.

· Use more text than graphics, and minimize the use of flash and Javascript. Search Engines heavily favor text and will crawl and index your site faster.

Websites use text content to minimize the use of images, Flash, and JavaScript. Search engines prefer text content and can index websites more quickly.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.