Mindmap
Website Design
Inhalt der Mindmap
Website Design
User Persona
- Retro games
- Simple, colours need to fit together
- Age is 22, university student
Task Requirements
- Self-Determined Criteria
- A website that provides history material without being too overcomplicated and doesn’t require opening too many new tabs.
- material should include stuff about retro games
- Most information should be on one page instead of forcing a redirect unless a different game is mentioned
- A website that provides history material without being too overcomplicated and doesn’t require opening too many new tabs.
- Prescribed Criteria
- Your website must include TWO aspects styled using CSS • E.g. Background colour / Background image / font type / font colour
- Font Type
- Background Colour/Image
- You must use HTML to organise appropriate information on your webpages using FIVE of the following: • Image • Table showing information • Hyperlink to an external website • Ordered list or Unordered list • Button • Different heading sizes • Paragraphs • Video or moving image
- Image
- Button
- Heading sizes
- Paragraphs
- Hyperlink
- Your website must have an aesthetic that suits/aligns with your User Persona
- Colours must go well with each other
- Should contain a diversity of images and text
- Information must not be too complicated
- Your website must include TWO aspects styled using CSS • E.g. Background colour / Background image / font type / font colour
- Self-Determined Criteria
Existing Solutions
- Britannica
- Contains a lot more information than I could ever bother to put
- Information is often overwhelming
- Britannica
UI
- Aesthetic
- ColoUrs
- Images
- UI Components
- Buttons
- Images
- Links
- Paragraphs
- Videos
- Aesthetic
Coding Environment
- Dev Tools
- VS Code
- Any browser
- VS Code extensions
- 🔑 Algorithms
- Website Navigation
- Coding Language
- HTML
- CSS
- Dev Tools