Web-App-Design ist die Gestaltung von Anwendungen, die im Browser laufen und sich wie installierte Programme bedienen lassen. Der Unterschied zur Website liegt weniger in der Technik als in der Aufgabe: Eine Website wird gelesen, eine Web-App wird benutzt.
- Web-App-Design
Die Gestaltung von browserbasierten Anwendungen, in denen Nutzer Aufgaben erledigen und wiederkehrende Abläufe durchlaufen.
Beispiel: „Das Kundenportal ist Web-App-Design, da geht es um Abläufe und Zustände, nicht um Seiten.“Verwandter Begriff: Eine Progressive Web App ist eine Web-App, die sich zusätzlich installieren lässt, offline funktioniert und über ein Web-App-Manifest beschrieben wird.
Was anders ist als bei einer Website
Der Einstieg verschiebt sich. Auf einer Website landet jemand über die Suche, überfliegt und entscheidet. In einer Web-App meldet er sich an und kehrt regelmäßig zurück, oft täglich. Das ändert die Maßstäbe: Ein hübscher erster Eindruck zählt weniger als die Frage, ob ein wiederkehrender Vorgang nach dem fünfzigsten Mal noch angenehm ist.
Der zweite Unterschied sind Zustände. Eine Seite hat einen Inhalt, eine Anwendung hat viele Lagen: leer beim ersten Aufruf, gefüllt im Betrieb, ladend, fehlerhaft, mit fehlenden Rechten, mit zu vielen Einträgen. Diese Zustände zu gestalten ist der eigentliche Umfang der Arbeit, und wer nur den Normalfall entwirft, hat den kleineren Teil erledigt.
Worauf es dabei ankommt
Rückmeldung steht an erster Stelle. Wer auf Speichern klickt, muss sofort sehen, dass etwas passiert, und danach, ob es geklappt hat. Ohne diese Bestätigung entsteht Unsicherheit, und Nutzer klicken doppelt.
Dazu kommt die Erwartung an Geschwindigkeit im Alltag. Wege, die täglich mehrfach gegangen werden, dürfen keine überflüssigen Schritte enthalten, und Tastaturbedienung ist dort eine Anforderung von Vielnutzern. Was bei einer Website eine Feinheit wäre, entscheidet hier über die Arbeitsgeschwindigkeit.
Wo sich der Aufwand entscheidet
Eine Web-App lebt länger und wächst stärker als eine Website, deshalb rechnet sich hier ein Design System früher. Wer die Bausteine samt ihren Zuständen einmal festlegt, spart bei jeder neuen Ansicht, und die Anwendung bleibt über Jahre einheitlich, auch wenn wechselnde Beteiligte daran arbeiten.