IT topics Flashcards

A visual guide that outlines the structure and layout of a website or application.

To plan the design and functionality of a digital product before development.

Includes placeholders for images, text, navigation, and interactive elements.

A basic wireframe focusing on layout and structure without detailed design elements.

A detailed wireframe that includes design elements and resembles the final product.

A diagram used to plan the design and layout of a product, such as a website or advertisement.

To communicate ideas and concepts visually before development begins.

Includes images, text, colours, fonts, and annotations to show design details.

Used for planning posters, websites, advertisements, and other digital products.

Notes added to explain design choices, such as colours, fonts, and layout.

A visual tool used to organise ideas and information around a central topic.

To plan and organise ideas, showing connections between different elements.

Includes a central node, sub-nodes, branches, and keywords.

Used for brainstorming, planning projects, and organising information.

Lines connecting nodes to show relationships between ideas.

A diagram that represents a process or workflow using symbols and arrows.

To visually show the steps in a process or decision-making sequence.

Includes symbols like rectangles, diamonds, ovals, and arrows to represent actions and decisions.

Represents the start or end of a process.

Represents a decision point in the process.

Represents a process or action step.

Methods used to plan and create digital products, such as wireframes, visualisation diagrams, and mood boards.

To plan, organise, and communicate ideas before development begins.

Wireframes, visualisation diagrams, mood boards, and mind maps.

A collection of images, colours, and text used to convey the style and feel of a product.

A diagram used to plan the design and layout of a product, such as a website or advertisement.