Was macht eine gute Website aus? Ein Design, das sowohl für Nutzer als auch für die Webverantwortlichen benutzerfreundlich ist

Hallo. Hier ist „See und Mond Design“.

[Design-Teil] Was macht eine gute Website aus? Dort habe ich eine etwas provokante Aussage getroffen: „Eine Website, die nur schön ist, kann man nicht als gute Website bezeichnen.“ Design ist nämlich eine „Planung“, mit der ein bestimmtes Ziel erreicht werden soll.

Wenn nun das Design feststeht und wir in die Phase der „Umsetzung“ (Programmierung und Systemaufbau) übergehen, um die Website im Web aufzubauen – woran lässt sich dann eigentlich erkennen, ob es sich wirklich um eine „gute Website“ handelt?

Aus unserer Sicht als Entwickler ist die Antwort recht einfach: Wir glauben, dass es auf „zwei Arten der Benutzerfreundlichkeit“ ankommt. Zum einen geht es um die „Benutzerfreundlichkeit für den Nutzer“, der die Seite von außen nutzt, und zum anderen um die „Benutzerfreundlichkeit für den Webverantwortlichen“, der hinter den Kulissen hart arbeitet.

Was bedeutet „Benutzerfreundlichkeit für den Nutzer“? (Das äußere Design)

Betrachten wir es zunächst aus der Perspektive der „Nutzer (Kunden)“, die unsere Website besuchen.

Benutzerfreundlichkeit bedeutet für den Nutzer, kurz gesagt, „ihn nicht zum Nachdenken anzuregen“. Denn in dem Moment, in dem er innehalten und sich fragt: „Moment mal, wie funktioniert das?“, verspürt er unbewusst Stress und verlässt die Seite sofort wieder.

Konkret handelt es sich um die Summe folgender Aspekte:

Man „verirrt sich nicht“ bei der Suche

Ein Design, bei dem ein Erstbesucher intuitiv und augenblicklich erkennt: „Ah, hier finde ich, was ich wissen möchte.“ Durch die Berechnung der Blickbewegungen fällt der nächste zu klickende Button ganz natürlich ins Auge, als wäre er von Anfang an dort gewesen. Es ist wichtig, die Navigation auf diese Weise zu gestalten.Es ist tatsächlich sehr unfreundlich, den Nutzer auch nur eine Sekunde lang suchen zu lassen und ihn fragen zu lassen: „Wo soll ich denn hier klicken?“

„Sofort zum gesuchten Ziel gelangen“

Die Informationen müssen gut strukturiert sein, damit der Nutzer auf dem kürzesten Weg zum Ziel (der gewünschten Seite) gelangt. Ihn durch überflüssige Effekte warten zu lassen oder ihn endlos durch die Seiten irren zu lassen, könnte ein wenig selbstverliebt wirken.Die gewünschten Informationen sollten so leicht zugänglich sein, als würde man sein Lieblingsbuch in die Hand nehmen. Genau diese „Reibungslosigkeit“ ist die beste Art der Gastfreundschaft auf einer Website.

„Stressfreiheit“ bei der Bedienung

Die Geschwindigkeit, mit der Seiten sofort angezeigt werden, oder die einfache Bedienbarkeit der Schaltflächen auf dem Smartphone. Dinge, die man zwar nicht sieht, die sich aber bei der Bedienung „irgendwie angenehm“ anfühlen. Wenn man Sekundenlang darauf warten muss, bis eine Seite geladen ist, oder wenn sich Schaltflächen an Stellen befinden, die man mit dem Finger nicht erreichen kann. Es ist unerlässlich, solche kleinen „kleinen Ärgernisse“ konsequent zu beseitigen und ein stressfreies Erlebnis zu bieten.

Was bedeutet „benutzerfreundlich“ für den Webverantwortlichen? (Interne Gestaltung)

Und noch etwas: die Perspektive des „Webverantwortlichen (Sie)“, der die Website weiterentwickelt.

Egal, wie cool die Oberfläche auch sein mag – wenn die Technik dahinter zu kompliziert ist und man selbst nichts daran ändern kann, ist das doch ein bisschen schade, oder? Deshalb ist ein CMS (Content-Management-System), mit dem man auch ohne Fachwissen Aktualisierungen vornehmen kann, so wichtig.

Eine gute Umsetzung sieht genau so aus.

Eine „einfach zu aktualisierende Struktur“, die intuitiv zu bedienen ist

Wenn man den Administrationsbereich öffnet, sollte auf den ersten Blick klar sein: „Hier gebe ich Text ein, und hier füge ich ein Foto ein.“ Auch ohne professionelles technisches Wissen kann man so, ganz wie bei der täglichen Nutzung sozialer Medien, die Stimmung des Tages unverfälscht vermitteln. Diese „Benutzerfreundlichkeit“ ist unerlässlich, um die Website „am Leben“ zu halten.

Ein Layout, das „nicht aus den Fugen gerät“

Sobald man ein bisschen Text hinzufügt oder schnell ein hochformatiges Foto einfügt, bricht die Balance der gesamten Seite mit einem lauten Knall zusammen. Da traut man sich doch kaum, Aktualisierungen vorzunehmen, oder? Egal, welche Daten man eingibt – das System passt sie automatisch so an, dass es „gut aussieht“, und bewahrt so die Ästhetik des Designs. Es ist wichtig, ein solches „großzügiges, aber robustes Fundament“ zu schaffen.

„Einfache Betriebsregeln“, die nicht von einzelnen Personen abhängig sind

Die Aussage „Wenn diese Person kündigt, kann niemand mehr die Seite aktualisieren“ ist eine sehr gefährliche Situation. Anstatt sich vollständig auf eine bestimmte Person zu verlassen, sollte das Design so einfach gestaltet sein, dass jeder die Aufgaben ohne Handbuch nahtlos übernehmen kann. Eine Homepage ist nicht etwas, das man einmal erstellt und dann fertig ist, sondern ein Ort, an dem man von da an jeden Tag „lebt“ – deshalb möchte man sicherstellen, dass jeder die Tür öffnen kann.

Auswahl von CMS und Tools: Was passt zu „Ihrem Angebot“?

Heutzutage gibt es nicht nur ein einziges Tool zur Erstellung von Webseiten. Grob unterteilt gibt es drei: „WordPress“, „microCMS“ und „No-Code-Lösungen“ (wie z. B. STUDIO). Anstatt zu fragen, welches das beste ist, sollte man sich meiner Meinung nach eher danach richten, „wie man den eigenen Service weiterentwickeln möchte“.

Wenn Sie Ihre Website selbst weiter ausbauen möchten, ist „WordPress“ die richtige Wahl

Ob Sie täglich die Stimmen Ihrer Mitarbeiter veröffentlichen oder immer wieder neue Beispiele aus der Praxis hinzufügen – für Unternehmen, die ihre Website mit eigenen Händen als „wachsendes Medium“ pflegen und ihr wie einem Geschäft täglich Aufmerksamkeit schenken möchten, ist WordPress genau das Richtige. Die Flexibilität, Funktionen später mithilfe von Plugins einfach hinzuzufügen, ist ein weiterer Grund, warum WordPress seit langem so beliebt ist.

Wenn es um höchste Qualität und Sicherheit geht: „microCMS“

„Wir wollen unsere Kunden nicht eine Sekunde lang warten lassen, bis die Seite geladen ist.“ Oder für Kliniken, denen Sicherheit über alles geht, und für kreative Branchen, die das Image ihrer Marke nicht im Geringsten beeinträchtigen wollen. Wenn „Geschwindigkeit“, „Sicherheit“ und eine „unerschütterliche Markenidentität“ für Sie oberste Priorität haben, ist microCMS genau das Richtige für Sie.

„No-Code“ – für eine „einfache“, aber ansprechende Pflege

„Von Serververwaltung und anderen komplizierten Dingen verstehe ich nicht viel. Aber beim Design möchte ich keine Kompromisse eingehen.“ Für solche Nutzer sind No-Code-Tools wie STUDIO ein zuverlässiger Verbündeter.Da sich die Bedienung intuitiv wie das Ersetzen von Text in einer Designvorlage gestaltet, ist die psychologische Hürde für Webverantwortliche hier am geringsten. Es ist eine sehr benutzerfreundliche Option für kleine Teams und Unternehmen, die keine Ressourcen für den Betrieb aufwenden können.

Ein häufiger Fehler: „Unausgewogene Umsetzung“

Wenn man entweder die „Leute auf der Vorderseite“ oder die „Leute auf der Rückseite“ zu sehr bevorzugt, entsteht eine Website, die etwas erdrückend wirkt.

„Einseitige Ausrichtung auf die Frontend-Seite“, bei der nur das Aussehen im Vordergrund steht

Um die Besucher der Website zu unterhalten, wird oft nur nach coolen Animationen und auffälligen Effekten gestrebt. Diese Absicht ist durchaus nachvollziehbar, doch kann dies dazu führen, dass sich die technischen Abläufe im Hintergrund komplex ineinander verflechten.Wenn die Seite dann online geht, kommt es zu der traurigen Situation, dass man „nicht einmal einen einzigen Buchstaben in den Ankündigungen selbst ändern kann“. Es wäre verkehrt, die Schönheit des Erscheinungsbilds auf Kosten der Funktionsfähigkeit der Website zu erkaufen.

„Überbetonung der technischen Seite“ – der Fokus liegt ausschließlich auf der einfachen Verwaltung

Was passiert hingegen, wenn der Wunsch, „die Aktualisierung für uns selbst so einfach wie möglich zu gestalten“, zu stark ist? Man zwängt alles in starre Schablonen, und die Website wirkt am Ende wie ein lebloses Dokument. Die Informationen sind zwar zweifellos gut strukturiert, doch die „menschliche Wärme“ und der „Charme“, die das Unternehmen eigentlich auszeichnen sollten, gehen dabei vollständig verloren.So wird die Website zu einem Ort, der niemanden emotional berührt.

Wichtiger Gesichtspunkt: „Ist der Code auch dann noch funktionsfähig, wenn die Produktionsfirma wechselt?“

Zum Schluss noch ein ernstes Wort.

Was wir bei der Umsetzung am meisten im Blick haben, ist die „Qualität hinter den Kulissen“.

Das bedeutet: „Ist der Code so geschrieben, dass ihn auch ein anderer Entwickler bei der Übernahme problemlos weiterführen kann?“

Ich halte es für unprofessionell, „Chiffren, die nur der Verfasser selbst versteht“ (personenspezifische Lösungen) zu hinterlassen. Schließlich handelt es sich um das wertvolle Kapital unserer Kunden. Wir legen größten Wert darauf, sauberen und übersichtlichen Code zu schreiben, bei dem jeder auf den ersten Blick erkennt: „Ah, das wurde also mit dieser Absicht geschrieben.“

Damit die Website auch in einigen Jahren, wenn jemand anderes daran arbeitet, weiterhin Hand in Hand mit Ihrem Unternehmen bestehen kann.

Eine gute Website ist eine Struktur, bei der es nicht mit der Erstellung getan ist

Eine gute Website ist nicht nur etwas, das einfach nur schön aussieht.

Ein Ort, an dem sich weder die Besucher auf der Vorderseite noch die Betreuer hinter den Kulissen verlaufen.

Und vor allem muss sie eine Struktur haben, die nicht mit der Fertigstellung endet, sondern auch bei fortlaufenden Aktualisierungen stabil bleibt. Genau das ist unserer Meinung nach die unabdingbare Voraussetzung für eine gute Website.

Wenn Sie das Gefühl haben, dass der Betrieb Ihrer aktuellen Website „irgendwie etwas anstrengend“ ist, liegt das vielleicht nicht am Design, sondern an der unsichtbaren „Struktur im Hintergrund“.