Web Design Concepts
Seven Thunder Software applied some Google material design principles with bold flat color. An uncluttered, clear, layout helps visitors find their way around a Website. Games and other interactive media often apply saturated bright colors however primarily textual content, such as tutorials, use white space and font contrast for graphical composition.
Font color, weight, spacing, graphics, texture, color, and line, lead the Web visitor's eyes around each Web page. Good design helps visitors find what they want quickly. Great design is consistent, easy to use, and beautiful.
User interaction cues include shadows, translucency, and color changes.
Tap or hover over buttons or image links and they
float above the page with soft shadows.
Tap or hover over icons and they display with different opacity levels.
Opacity refers to the amount of background color which
shows through a Web page element.
For example a white icon displays grey, with 50% opacity, over a black background.
Shadows and opacity provide visual indicators for Web visitors.
Shadows and opacity let the visitor know when a particular element links
to another area.
Each Website relies on a small set of style sheets. The styles provide layout, color, and some interaction for every page on a site. Change the style sheets to modify the Website quickly. Universal style sheets save time and money.
Hamburger icons to see menu options slide from the top or left in a
The maximum number of menu options equals seven to prevent
Too many decisions cause confusion. Visitors leave quickly when there's difficulty
finding what they want. Good design helps visitors easily find their way.
Top navigation bars allow visitors to easily find their way around.
navigation bar is a horizontal area with links to
topical sections of a Website.
Navigation bars include a set of important Web links
including the hamburger icon.
The navigation bar remains the same for every page on a Website.
Consistency is key to ease of navigation.
Each page includes a site map link,
either within the
navigation drawer or at the bottom
of the Web page.
Each navigation bar includes a search link or search icon.
Visitors select, easy to find, search or site map links when looking for specific topics.
Search Engine Optimization (SEO)
SEO ideally drives as much traffic as possible to your Website. For example Google Adsense provides features which allow Web masters to see how many times users searched for specific words and phrases. Include applicable, sought after, words and phrases in your Web pages, to bring the most visitors to your site. If online searches link to your site, high on the list, more visitors view your Website.
Additional Google features allow Web masters to track Web usage on your Website. You can see how many times users viewed various Web pages and which path visitors took to find that page. Sometimes tracking paths indicate where we lost visitors, which tells us which pages need some work. User flow teaches us how to increase visitors to the least traveled pages and maximize potential for the most traveled pages.
Good design helps visitors find what they want quickly, whether they're on a mobile device or desktop computer. Great design is consistent, easy to use, and beautiful.
See a brief overview of Responsive Web design with screen shots.