Vier Übungsaufgaben: Das Formular einer Freizeit-App wird anhand von Bewertungen und Interaktionsprinzipien analysiert, neu skizziert und getestet; eine Mitfahr-App eines Berufskollegs wird barrierefrei gemacht (WCAG-Prinzipien, Testbeobachtungen, Schrift- und Kontrastregeln, fehlerhaftes HTML, Prüfverfahren); zwei Prototypen einer Werkstatt-App werden mit Kennzahlen verglichen; für das Technikteam eines Barcamps entsteht ein Leitstand auf dem Smartphone.
Usability
Eine Anwendung kann fehlerfrei rechnen und trotzdem scheitern, weil niemand sie gern oder überhaupt bedienen kann. Dieser Artikel erklärt Usability, User Experience und Barrierefreiheit mit den passenden Normen (DIN EN ISO 9241, ISO/IEC 25010, WCAG, BITV, BFSG), zeigt die sieben Interaktionsprinzipien, Design-Richtlinien, passende Bedienelemente, typische Mängel von Oberflächen und Methoden für Usability-Tests und stellt konkrete Maßnahmen für barrierefreie Schrift, Farbe, Bedienung und Code vor.
Einfache Geschäftsprozesse mal eben zu digitalisieren und zu optimieren ist in Zeiten von Low-Code-Plattformen fast schon ein Nobrainer. Um komplexere Prozesse fachgerecht zu verbessern, ist es aber eine gute Idee, sich an Best Practices und systematischen Herangehensweisen zu orientieren. Einige wesentliche Prozessschritte werden in dieser Artikelreihe exemplarisch an einem Tool zur Organisation eines Kongresses mit vielen Veranstaltungen vorgestellt.
GUI-Seiten mit Wireframes und Mockups entwerfen
Im Design-Prozess einer GUI nutzen wir Wireframes für den Entwurf der Struktur und Gliederung und Mockups, um erste visuelle Eindrücke zu erhalten. In diesem Artikel werden die Rolle von Wireframes und Mockups beschrieben, gängige Bedienelemente und Darstellungsformen für Daten vorgestellt, das Skizzieren und Bewerten eines Mockups Schritt für Schritt gezeigt und einige Tools vorgestellt, mithilfe derer Wireframes und Mockups erstellt werden können.