Chapter 4: Planning a Successful Website: Part 2
In chapter three which is part one to Planning a Successful Website, I have learned the steps essential to creating a compact website design plan. Defining the websites goals, purpose, and target audience. In this chapter four on part two of Planning a Successful Website it will translate to discovering how to properly use two variables which are page length and content placement that can improve webpage usability.
Step: 3 Selecting the Websites Structure
Page Length, Content Placement, and Usability
• Scroll zone: one cannot control visitors screen resolution and size, the web designer should take care to position visual character content, such as emblems and names, and important links, above and to the left of the possible scroll lines. A scroll zone is the part past the original observable screen.
• Eye-tracking studies: is the visual point where the viewer is observing the image by using heat maps which analyzes their eye movement.
• Fixed-width page layout: In the process of designing a webpage one must manage the page width, in which a fixed-width page layout sets a specific pixel width for the page.
• Liquid or Flexible page layout: sets the width of the pages as a percentage of the browser window.
Step 4: Specify the Websites Navigation System
Once verifying the structure of the website, the next step in developing a website plan is to require the navigation system one will use. A navigation system that is simple for visitors to recognize and follow that will engage them profoundly into the website to view detail pages with content that can please their desires and expectations.
User-Based and User-Controlled Navigation
• A user-based navigation system delivers a linking relationship among pages built on the website visitors’ desires instead of the website publisher’s needs.
• A user-controlled navigation system: delivers many ways visitors can passage around a website outside the main links from the home page.
Creating a well-designed web-page and user-controlled navigation system, will need combining distinct types of links: text links, image links, groups of related links presented as menus, bars, or tabs, a breadcrumb trail, and a website map (Campbell, 2015, p. 110).
Step 5: Design the Look and Feel of the Website
In this level one has recognition of the websites general content, navigation, and structure and have increased an understanding of the roles of pages length and content placement in usability.
• Visual Consistency: By including these four ways to create a visual consistency using: typeface, content position, color scheme, and company or website name, logo, and major links.
• Color and Visual Contrast: Choosing a background and text colors that offer satisfactory contrast to increase readable site and that allows print legibility.
• CSS and Formatting: there are CSS requirement to make text documents known as style sheets that can switch the existence of one or more pages at a website.
• Page Layout: to guarantee visual consistency across one website’s pages, a reasonable, uniform development with page length, content placement, and usability in mind.
• Layout Grids: Although it may not be visible when a webpage appears in a browser, a layout grid position content on a page with underlying structure of rows and columns.
• CSS and Page Layout: Style sheets also can control page layout by dividing a page into sections, such as a header section or a navigation section (Campbell, 2015, p. 116).
Step 6: Test, Publish, and Maintain the Website
Provoking a static website where visitors may not return, one has to test the website. Which actions will one take to know how to publish the website, where to host it, and the mean measures to maintain and update the website.
• Publishing and Maintaining: is critical to consist of these stages in a web design plan in order to produce a website that encounters the desires of the hosting service, and guarantee that one is able to update and monitor the content to save the website relevant and tempt visitors to coming back often.
Campbell, J. T. (2015). Step 4: Specify the Websites Navigation System. In Campbell, Web Design Introductory (p. 101-120).