Course Brief

This unit will provide students with a basic understanding of the technologies, methods and techniques used to effectively design, develop and evaluate simple to moderately complex websites. It introduces learners the core elements of the User Centred Design process and provides insight into current best practices in web page and website design. Further, the unit allows learners to develop the knowledge and skills to utilize tools, processes and technologies to gather and analyse stakeholder requirements, map those requirements onto an appropriate design that meets the needs of website stakeholders, and develop, test, implement and evaluate a produced web solution.

  • This course is offered in 50 contact hours.

Upon successful completion of this unit, learners will be able to:

  1. Understand and apply the User Centered Design (UCD) approach to Website Design and Development;
  2. Understand, describe and use tools and technologies involved in Website Design and Development;
  3. Apply appropriate theories, processes and tools to produce Website Designs and to evaluate the design and functionality of existing Websites;
  4. Develop and implement a Website from a given design;
  5. Evaluate and test a produced Website solution.

The User Centered Design (UCD) approach to Website Design and Development:

  • Site definition and planning: Vision; the purpose of website; goals, objectives, challenges, constraints.
  • Connection of website objectives with organizational or stakeholder objectives
  • User/Audience Analysis
  • Task/Purpose Analysis
  • Workflow Analysis
  • Information Architecture Analysis


Tools and Technologies:

  • WWW, Markup and scripting languages: Browsers; Uniform Resource Locators (URL); Clients/Servers; Hypertext Markup Language (HTML); CSS; client and server-side scripting languages – Purpose of each, relationships.
  • Tools for development, testing and implementation. Editors, WYSIWYGs, Web Servers, Content Management Systems.


Website Design:

  • Best practices in Web Design. Design Heuristics. Use of Colour on the Web. Managing Site Structure. File Management.
  • Workflow design; Information Architecture Design; layout, page and navigation design; responsive design;


Develop and Implement:

  • Translating design to code
  • HTML Basic Elements; Images, Links, Lists, Layout, Forms, Form Elements, Input Types
  • CSS – Selectors, properties.


Evaluate and Test:

  • Functionality, Usability and Compatibility Testing