Web - Kompetenzcheck UX/UI/Accessibility/Gestalterische Grundlagen

Presentation Time 😉

Presentation Media: Powerpoint Presentation (pick whichever software you prefer)
Duration: 15 min (keep it short and simple! Pick the information you find relevant and tell us why)
Presentation Language: English, slides in English as well.
Topic: Choose one of the topics listed below. (everyone should cover a different topic)
Source: Use the links provided below as primary source, do your own research on the topic and add those findings as well (at least 3 more sources)

---

Topics:

• UX Design (What are the key areas, which tools are used, what's the purpose?)
  • https://www.interaction-design.org/literature/article/usability-a-part-of-the-user-experience
  • https://www.interaction-design.org/literature/topics/usability
    

---

• Interaction Design (What does a interaction designer do? Which tools does she use?)
  • https://www.interaction-design.org/literature/book/the-encyclopedia-of-human-computer-interaction-2nd-ed/interaction-design-brief-intro
  • https://xd.adobe.com/ideas/principles/human-computer-interaction/what-is-interaction-design/

---

• Design Thinking
  • https://www.interaction-design.org/literature/article/5-stages-in-the-design-thinking-process
  • https://www.interaction-design.org/literature/article/what-is-design-thinking-and-why-is-it-so-popular

---

• UI Design
  • https://www.interaction-design.org/literature/article/user-interface-design-guidelines-10-rules-of-thumb
  • https://www.usability.gov/what-and-why/user-interface-design.html

---

• Human Computer Interaction?
  • https://www.interaction-design.org/literature/article/a-brief-history-of-human-computer-interaction
  • https://www.interaction-design.org/literature/topics/human-computer-interaction

---

• Dark Patterns of Web Design (What are they? What's their purpose? Are there any ethical implications?)
  • https://www.darkpatterns.org/
  • https://fil.forbrukerradet.no/wp-content/uploads/2018/06/2018-06-27-deceived-by-design-final.pdf

---

• Web Accessibility (What is Web Accessibility, Who is the target group? Which disabilities should be addressed?)
  • https://www.w3.org/WAI/tips/developing/
  • https://www.w3.org/WAI/fundamentals/accessibility-intro/

---

• Web Design Principles (Which principles can be followed for good design, what is good design?, Content-First, Mobile-First,...)
  • https://www.interaction-design.org/literature/article/bad-design-vs-good-design-5-examples-we-can-learn-frombad-design-vs-good-design-5-examples-we-can-learn-from-130706
  • https://www.interaction-design.org/literature/article/adaptive-vs-responsive-design

---

• User Research/ Usability Testing (How does Usability Testing Work?, What makes it different from "regular" research methods?)
  • https://www.usability.gov/how-to-and-tools/methods/usability-testing.html
  • https://www.interaction-design.org/literature/article/7-great-tried-and-tested-ux-research-techniques
  • https://www.usability.gov/how-to-and-tools/methods/recruiting-usability-test-participants.html

---

• Story-Telling (What is Story-Telling? Why is so important for web design?)
  • https://www.justinmind.com/blog/guide-to-visual-storytelling-for-ux/
  • https://www.interaction-design.org/literature/topics/storytelling

---

• SEO (Why is it important? What can we do as web developers to ensure good SEO?)
  • https://mangools.com/blog/learn-seo/
  • https://developers.google.com/search/docs/beginner/seo-starter-guide?visit_id=637781941115378733-3017647032&rd=1

---

• Web Design Trends 2022 (Which trends are predicted for 2022? Which ones would you use in projects and why?)
  • https://webflow.com/blog/web-design-trends-2022
  • https://lform.com/blog/post/why-we-follow-web-design-conventions-not-trends/