Assignment 2: Website Design and Planning Report I Web Design Project: Healthy Habits Hub I Table of Contents Introduction 2 Analysis 2 Site Objectives Audience 2 Client Requirements 2 Standards 2 Testing and Evaluation Methods 2 Visual Design 2 Discussion of fonts, colors and layouts 2 Storyboards for key screens (corrections)2 Multimedia Elements 4 Appropriateness and explanation of Multimedia Elements 4 Accessibility 4 Discussion of importance and how you will address accessibility 4 References 4 Introduction
The following report contains the proposed web design for: Healthy Habits Hub - offers online lessons about fitness and healthy diet and complementary medicines Analysis. The main forces here are to Justify, element and talk about the plan, choice, design, development effort and steps taken towards the creation of Healthy Habits Hub web site. Site Objectives persistent/limitation/ Online Purchase [Capture Enquiries [Help [Online Lessons / Instructions / Preview / Sample [Sell via the website- sell the product/service Analysis Advertisement/limitation/ Online Purchase [Capture Enquiries [Help [Online
Lessons 'Instructions / Preview / Sample [Sell via the website- sell the product/service Audience Target Customers: Who are they? Age, Profession, Lifestyle Client Requirements I. E. Operational requirements (down time for upgrades), user friendly (for all audiences), n Standards for photos, videos, examples, menu and pictures Test the site for accessibility based on the WAG 2. 0 using http://checker. Ca/ checker/index. PH Text Alternatives: Provide text alternatives for any non-text content Distinguishable: Make it easier for users to see and hear content including preparing foreground from background.
Navigable: Provide ways to help users navigate, find content, and determine where they are. HTML 5 CSS Design Standards Testing and Evaluation Methods WAC website evaluator (HTML / CSS) How are you going to test that your website works? Visual Design Discussion of fonts, colors and layouts C. R. A. P Storyboards for key screens (corrections) Navigation is located in close proximity in a navigation bar (see Figure 1) Figure [ 1 ] Navigation Bar Image use.... See Figure 2 Multimedia Elements
Appropriateness and explanation of Multimedia Elements Your plan must include the following multimedia elements - images, animation, video and audio. Include references to give evidence to support your choices (I. E. Textbook) Accessibility Discussion of importance and how you will address accessibility Web accessibility I. E. Alt tags. References Fell-Morris, T. (2012), Basics of Web Design HTML ; CSS, Addison-Wesley (Pearson Education, Boston) (ISBN-13: 978-0-13-700338-9, ISBN-II: 0-13-700338-2) WAC. (2013) World Wide Web Consortium (WAC). Source: http://www. Www. Org/