de:modul:m322_2025:start

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen Revision Vorhergehende Überarbeitung
Nächste Überarbeitung		 Vorhergehende Überarbeitung
de:modul:m322_2025:start [2025/08/04 20:57] – gelöscht - Externe Bearbeitung (Unbekanntes Datum) 127.0.0.1de:modul:m322_2025:start [Unbekanntes Datum] (aktuell) – Externe Bearbeitung (Unbekanntes Datum) 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]]