Diese Seite ist nicht editierbar. Sie können den Quelltext sehen, jedoch nicht verändern. Kontaktieren Sie den Administrator, wenn Sie glauben, dass hier ein Fehler vorliegt.

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" class="iconify mr-1" data-icon="mdi:arrow-left" style="vertical-align: -0.125em; transform: rotate(360deg);"><path d="M20 11v2H8l5.5 5.5l-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5L8 11h12z" fill="currentColor"></path></svg>=====322 : Benutzerschnittstellen entwerfen und implementieren (ab 2025)===== ===== Modulvorgaben ===== * [[https://www.modulbaukasten.ch/module/322/|Modulidentifikation]] * [[.:kompetenzraster|Kompetenzraster]] ===== Literatur ===== --> Miroboard in Teams * [[https://www.procontext.de/aktuelles/2010/03/iso-9241210-prozess-zur-entwicklung-gebrauchstauglicher-interaktiver-systeme-veroeffentlicht.html|Artikel über ISO 9241-210]]\\ * [[https://www.nngroup.com/articles/ten-usability-heuristics/|10 Usability Heuristics for UI Design]]\\ * [[http://www.collaborative-uxdesign.com/|Collaborative UX Design]]\\ * {{:modul:m322:learningunits:folien_zum_cuxd-buch.pdf|Collaborative UX Design - Folien zum Buch}} ===== Skript ===== <nspages .:learningunits -subns -nopages -exclude -h1 -textNS="" -simplelist> ===== Tools ===== **Balsamiq Wireframes for Desktop** * Download unter [[https://balsamiq.com/wireframes/desktop/]] * Lizenzdauer: 30. April 2024 * Lizenznummer: --> Fragen Sie die Lehrperson /* Modul3222023|4NZueJxzCncxiQ+p8c1PKc1RMDYyUjAyMDKuMTQ3NLQ0NDUyAAEAsoEI5w== */ **Figma Prototyping** * [[https://www.youtube.com/watch?v=AOzQTK9TsyI|So startet man mit Figma]]\\ Schauen Sie sich dieses Video zuerst an und befolgen Sie die Anweisungen, so dass Sie die Desktop-Version installiert haben. * [[https://www.youtube.com/watch?v=ib0EgAHeGEI| Alle Werkzeuge von Figma erklärt]] \\ Hier werden die grundlegenden Werkzeuge von Figma erklärt. {{:modul:m322:figma_werkzeuge.png?200|}} * [[https://www.youtube.com/watch?v=OwB_YDPx2gY| So funktionieren Frames!]] * [[https://www.youtube.com/watch?v=vdyx2WUJWEM|Design Kit hinzufügen und als Bibliothek nutzen.]] * [[https://www.youtube.com/watch?v=THZ4DfyGsgM| Prototyp Tutorial deutsch]] ---- Link zu [[https://www.mediawiki.org/wiki/Help:Tables|Tableformatter]]