User Experience

Material 3 Design Kit

Material Design 3

Von am 23.02.2022

Gemeinsam mit Android 12 wurde letztes Jahr die nächste Instanz von Material Design vorgestellt: Material Design 3 (M3) oder auch Material You. Google hat die erste Version von Material Design 2014 vorgestellt. Mit diesen Guidelines und Komponenten haben sie versucht, Design zu vereinfachen und einheitlicher zu gestalten.

Face It

Face it – Für umweltfreundlichere Mobilität (Projektdoku)

Von am 20.02.2022

Dieser Artikel stellt den Entwicklungsprozess der Applikation Face it dar, die für die Testungen im Rahmen meiner Masterarbeit erstellt wurde. Die Applikation soll dazu dienen, die Nutzer*innen dazu zu motivieren, umweltfreundlicher Verkehrsmittel zu nutzen und sich nachhaltiger fortzubewegen. Verwendete Technologien Das Design wurde zunächst in Figma für die benötigten Screens erstellt und mit einigen Kollegen […]

Barrierefreiheit: WCAG 2.1

Barrierefreiheit: WCAG 2.1

Von am 21.12.2021

Der Fokus dieses Artikels ist es einen Überblick über die Web Content Accessibility Guideline 2.1 (WCAG 2.1) der W3C Web Accessibility Initiative (W3C WAI) zu geben. Österreich hat sich verpflichtet diese Leitlinie zur Umsetzung von barrierefreien interaktiven Medien heranzuziehen. Zusammengefasst baut diese Guideline auf vier Prinzipien, wahrnehmbar, bedienbar, verständlich und robust, auf. Diesen werden Erfolgskriterien untergeordnet, welchen sogenannte Konformitätsstufen zugeordnet werden. Als allgemeinen Einstieg wird der Begriff Barrierefreiheit näher erläutert.

webfonts

Typografie – Webfonts

Von am 24.11.2021

Die besten Webfonts Allgemeines zu Typografie Früher bzw. Ursprünglich bezeichnete Typografie das Handwerk des Druckens von Texten mit beweglichen Lettern, den sogenannten Typen. Heutzutage umfasst die Bezeichnung viel mehr. Unter Typografie versteht man die Gestaltung von Schriften und deren Anwendung im weitesten Sinne – auch der digitalen Schrift, wie sie auf Websites oder in Computerprogrammen […]

Handy mit verschiedenen Bedienmöglichkeiten

Apps Barrierefrei Entwickeln

Von am 24.11.2021

Inhaltsverzeichnis Einleitung Rechtlicher Hintergrund Mobile Barrierefreiheit Wichtige Kriterien für eine barrierefreie App-Entwicklung Screenreader tauglich Tastaturbedienbarkeit Zoomfähigkeit Farbe und Kontrast Literaturverzeichnis Einleitung Zu kleine Bedienelemente, falsche Farben, Captchas, deren Bilder man nicht erkennen kann, oder schlechter Kontrast können Menschen mit Behinderung sowohl als älteren Personen die Nutzung einer App erschweren. Deshalb gibt es einige Punkte, die […]

re

Receibra – Buchhaltung

Von und am 22.09.2021

Im Rahmen des Projekts in der Masterklasse Mobile Developement, haben Sebastian Sander und Thomas Pohl die Applikation „Receibra“ entwickelt bzw. weiterentwickelt. Diese ist eine Buchhaltungs-Web-Applikation und soll Jungunternehmer*innen und Startups dabei unterstützen ihre Buchhaltung – insbesondere das Legen von Rechnungen und die korrekte Durchführung der Steuererklärung – möglichst zeiteffizient und einfach zu gestalten. Wir haben […]

pexels-format-1029757

Möglichkeiten zur Optimierung von Bildern im Web im Hinblick auf Performance

Von am 17.02.2021

Zusammenfassung Einen beliebten Bereich zur Performance-Optimierung moderner Websites und Web-Apps stellen Bilder dar. In diesem Artikel sollen Strategien zur Verringerung der Ladezeit von Bildern in HTML5-Dokumenten erläutert werden. Dies umfasst konkret den Einsatz effizienter Bild-Dateiformate und das Zurverfügungstellen mehrerer alternativer Versionen desselben Bilds, sodass der Client aus dem Markup die für ihn passende Auswahl treffen […]

Bionics 2.0

Bionics 2.0

Von am 24.01.2019

Open Bionics: Turning children with limb differences into bionic superheroes – Code Days 2019 Auf der Code Days 2019 gab es ein weit gestreutes Programm. Von very basic Algorithmen bis hin zu komplexen Frameworks und deren Einsatzgebieten. Eine der vielen Keynotes allerdings war einem ganz “analogen” Problem gewidmet: Menschen die von Geburt an, oder durch […]