=====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
<nodisp>Modul3222023|4NZueJxzCncxiQ+p8c1PKc1RMDYyUjAyMDKuMTQ3NLQ0NDUyAAEAsoEI5w==</nodisp>
\\
**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]]