- The plan for the structure of a website
- Focuses on feedback from user research
- Can be drawn by hand or made using software
- Identify audience
- Look at products similar to yours
- Keep research available for quick reference
- Map out a user flow
- Sketch out the design - keep it simple
- Add detail & test
- Make prototypes
3 Key principles to remember: clarity, confidence/ease of navigation, simplicity
- HTML creates the structure for a webpage
- content is wrapped with opening and closing tags
- Attributes - privide additional information about an element
<!DOCTYPE html>- defines the doc as html<html>- aka "root element", wraps the entire page<head></head>- wraps content not shown to user<meta charset="utf-8">- defines the character type used in the document<title></title>- defines the title of the webpage<body></body>- contains all content shown to user<img src="image location" alt="image description"><a href="address">Link Title</a>
- refers to the purpose of code or an element
- e.g.
<h1>makes content into the top level header of the page - Use of semantics influences search engine rankings
- makes it easier for visually imparied individuals to use the page
- easier to navigate code