Stepan Vedunov

VR-Lerntool

Zusammen mit der ZHAW haben wir eine forschungsbasierte VR-Lernplattform gebaut. Studierende der Sozialen Arbeit üben damit Gespräche mit Eltern in komplexen Familiensituationen. Die immersive Umgebung lässt sie schwierige Gespräche durchspielen und fundierte Einschätzungen treffen.

Team
Andreas Kohler, Tanya Spale, Ege Seçgin, Stepan Vedunov
Zeitraum
2024, Hochschulmodul
Rolle
UX/UI Design, ZHdK
VR-Lerntool auf einem iPad und in einem Headset

Meine Rolle

  • Den Service-Prototyp gestaltet, mit Fokus auf Informationsarchitektur und Navigation.
  • Nutzertests mit Studierenden der Sozialen Arbeit geleitet, um Designentscheide zu validieren.
  • Service Maps und Blueprints erstellt.
  • Ideation-Workshops moderiert und Journey Maps, Personas und Lo-Fi-Prototypen erstellt.

Vor und nach einer Session

iPad mit einer KI-Analyse einer abgeschlossenen VR-Session
Eine KI-Analyse misst nach einer VR-Lernsession allgemeine Kennzahlen.
User Flow zur Vorbereitung einer VR-Session mit einem Avatar
Der User Flow zur Vorbereitung einer VR-Session mit einem Avatar.

Für die Klasse

Dashboard der Web-App mit Klassenmitgliedern und Kursübersicht
Das Dashboard der Web-App zeigt die Klassenmitglieder und die Kursübersicht.
Diary Map, die Feedback von Lehrpersonen und Mitstudierenden sammelt
Feedback von Lehrpersonen und Mitstudierenden lässt sich in einer persönlichen Diary Map speichern.

vedunov.com Setup-Programm

System
Nuxt 4, Vue 3 und Nuxt Content. Statische Seiten auf Netlify, kein Server, kein Tracking.
Sprachen
Englisch und Schweizer Hochdeutsch. Gleiche Seiten, zwei Inhaltsordner, /de vor jeder Adresse.
Tokens
Primitives → semantische Tokens → Komponenten, bei jedem Build kompiliert und auf Kontrast geprüft. Die gleiche Pipeline wie bei der Arbeit.
Schrift
Inter und Geist Mono, selbst gehostet, swap. Titel sind Inter mit engerem Abstand statt einer dritten Schrift.
Signal
#E8540C auf den Kacheln der Nebenprojekte und den Fokusrahmen. Der Lese-Schalter hat seine eigene rot-orange Taste, #E2421B.
Bewegung
Seiten verschwimmen beim Wechseln, Abschnitte werden beim Scrollen scharf, Nachbarn treten beim Hover zurück. Alles aus bei reduzierter Bewegung.
Barrierefreiheit
WCAG 2.2 AA. axe: 0 Probleme auf jeder Seite.
Performance
Lighthouse mobil, 24 Seiten: Performance 94, Barrierefreiheit 100, Best Practices 100, SEO 100 (jeweils der tiefste Wert).
Tasten
Entf öffnet diesen Bildschirm. Esc schliesst ihn.
letzte Prüfung 2026-11-09