Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- modul:m322_2025:start [2025/08/04 17:34] – angelegt - Externe Bearbeitung 127.0.0.1
+++ modul:m322_2025:start [2025/11/17 08:33] (aktuell) – angelegt - Externe Bearbeitung 127.0.0.1
@@ Zeile 1: / Zeile 1: @@
+=====322 : Benutzerschnittstellen entwerfen und implementieren=====
+===== 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]]