Human Centred Design

1. Information architecture development:

• Structural organisation.
• Wireframes (within pages).
• Sitemaps (outside pages) - navigation - relationships between pages.
• Semantic tagging - applying HTML tags to parts of a wireframe.

2. User journeys:

• Describe the journey a user takes towards a goal.
• A persona includes name, age, gender, statement, role, occupation, lives, access, languages - choose a persona of the ones given.
• Show the user's journey in relation to the persona - may start outside the website - show where they click in screenshots of the website. 

3. Paper Prototypes:

• Iterate and test ideas quickly.

4. Clickable Prototypes:

• Invision.
• Both low and high quality.

5. Style Guides:

• Mood boards (colors, taupe faces etc).

6. Build:

• HTML, CSS and Javascript.