Criterion D

1. Overall and internal structure


Overall Structure: Hierarchical navigation model clearly indicating web pages and navigation; sitemap

Internal Structure: Website wireframe: Layout for each page showing position of text, graphics, animations, audio.


  • This presentation, Creating a Sitemap, gives a good overview of what a sitemap is and its purpose in the design process.

  • Web page anatomy: What resolution should your website have? How many pixels will each element of the webpage be?

  • Customized Buttons: The Web Button Creator Website can give you an idea of designs for customized navigation buttons. Through photoshop/GIMP and css, you can make these types of buttons yourself when creating your project.

  • Website Wireframe: What is a website wireframe? A simple web wireframe is an important step to designing the internal structure of your webpages.

  • Color Theory 101: What colors or color scheme will you have in your website? You might use the Web Color Datawebsite as a resource for inspiration.

  • Example of a Website Design (Criterion D) from the IB Kieth Findlater example.


Overall Structure: A storyboard 

Internal Structure: Short description of the action in each video sequence, audio, effects, graphics, dialog/narration, transitions. The filmmaking skills list (attached below, from ASM's digital storytelling class) has some examples of types of shots and editing techniques that can help you create a professional-looking video.



Overall Structure: An entity relationship diagram along with field definitions/type

Internal Structure: Layout of main menu, forms, (showing location of text, graphics, navigation buttons) layout of reports



Desktop Publishing (DTP)

Overall Structure: An overall plan and short description for the content of the pages

Internal Structure: Master page layout. Layout of other pages showing fonts used, position of text, tables, graphics, headers/footers 




Overall Structure: A workbook layout

Internal Structure: Layout of individual worksheets showing location of text, graphics, formulae. Indication of input cells, output cells, locked areas 



Posters & Brochures

Note that posters and two-sided brochures are not included in this webpage as, on their own, they are not acceptable products.


2. Resources and Techniques


What data is needed to develop the product's content and reference works or tutorials consulted in the designing/creation of the product.



In order for a project to achieve full marks for in the product development, the product must include the application of at least three appropriate techniques from the IB product appropriateness and complexity document.


3. Test Plan

When you have completed the product, how will you test that it works before handing it over to the client?


The test plan should test all of the input, processes, and output as well as functionality and design requirements. 


The test plan is closely related to the Specific Performance Criteria from Criterion B. You should be sure to refer closely to this section of Criterion B when writing your test.


For your initial Criterion D, you should complete the following columns (as necessary):

  • Test item

  • Test data

  • Part of system tested

  • Expected outcome

  • Ref in product: refers to 'reference in the product' to show the exact place in the product where the test needs to be conducted. It would be used if the test was not in an obvious location within the product.

Elma Ninja