|
Πρόγραμμα διαλέξεων 13 Εβδομάδων:
- Εβδομάδα 1 — Θεμελιώσεις HCI & ροή εργασίας με AI
Ιστορία της HCI, user‑centered design, double diamond· επισκόπηση εργαλείων παραγωγικής ΤΝ
Tools: FigJam, Cursor, Figma AI
- Εβδομάδα 2 — Μέθοδοι έρευνας & ανάλυση εργασιών
Συνεντεύξεις, ερωτηματολόγια, ημερολόγια, jobs‑to‑be‑done· personas & journey maps.
Tools: FigJam/Miro, Google Forms/Typeform, LLM prompts στο Cursor
- Εβδομάδα 3 — Πληροφοριακή αρχιτεκτονική & ροές
Site maps, task flows, cognitive walkthroughs, card sorting.
Tools: OptimalSort (ή FigJam), Whimsical
- Εβδομάδα 4 — Σκίτσο & low‑fi πρωτοτυποποίηση
Χαρτί → wireframes· heuristic evaluation (Nielsen 10).
Tools: Figma (wireframes), Figma AI για παραλλαγές
- Εβδομάδα 5 — Συστήματα οπτικού σχεδιασμού
Design tokens, grids, τυπογραφία, χρώμα, elevation· βιβλιοθήκες σχεδίασης.
Tools: Figma variables, Style Dictionary, Material 3
- Εβδομάδα 6 — High‑fi, κίνηση & micro‑interactions
Σχεδίαση components, καταστάσεις, μεταβάσεις.
Tools: Figma prototyping, Framer/Framer AI, Lottie
- Εβδομάδα 7 — Προσβασιμότητα & συμπερίληψη
WCAG 2.2, σημασιολογία, αντίθεση, πληκτρολόγιο/αναγνώστες οθόνης, τοπικοποίηση.
Tools: axe DevTools, Lighthouse, NVDA/VoiceOver/TalkBack
- Εβδομάδα 8 — Θεμελιώσεις front‑end (web)
React + Next.js, Tailwind, handoff σχεδίασης–ανάπτυξης· Storybook.
Tools: React, Next.js, Tailwind CSS, Storybook, Git/GitHub
- Εβδομάδα 9 — Θεμελιώσεις mobile (React Native)
Πρότυπα πλατφόρμας και δοκιμή σε συσκευές· αντιστοιχία με web components.
Tools: React Native, Expo, προσομοιωτές iOS/Android
- Εβδομάδα 10 — Υλοποίηση με βοήθεια AI & UX writing
Πρότυπα prompts, refactoring, tests· ασφαλείς code reviews.
Tools: Cursor, ESLint, Prettier, Jest, React Testing Library
- Εβδομάδα 11 — Μετρήσεις, analytics & πειράματα
Usability studies, funnels, A/B tests· ερμηνεία τεκμηρίων.
Tools: PostHog ή umami, Maze ή Lookback, Vercel feature flags
- Εβδομάδα 12 — Ηθική, ιδιωτικότητα και δεδομένα στον σχεδιασμό
DPIA, ροές συναίνεσης, αποφυγή dark patterns· κίνδυνοι μοντέλων & γνωστοποιήσεις.
Tools: Πρότυπα DPIA, βιβλιοθήκες προτύπων συναίνεσης
- Εβδομάδα 13 — Τελική παρουσίαση & μελέτη περίπτωσης
Επανέλεγχος ευχρηστίας, έλεγχος προσβασιμότητας, polishing & deploy· συγγραφή αποτελεσμάτων.
Tools: Αναφορές Lighthouse/axe, Vercel/Netlify, Figma/Notion
|
