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

Hallo. Hier istKototsuki Design.

[Teil: Design] 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“, die dazu dient, ein Ziel zu erreichen.

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

Aus unserer Sicht als Entwickler ist die Antwort recht einfach: Wir glauben, dass sie von „zwei Arten der Benutzerfreundlichkeit“ abhängt. Das sind zum einen die „Benutzerfreundlichkeit für den Nutzer“ auf der Vorderseite und zum anderen die „Benutzerfreundlichkeit für den Webverantwortlichen“, der hinter den Kulissen hart arbeitet.

Was bedeutet „Benutzerfreundlichkeit für die Nutzer“? (Externes Design)

Betrachten wir es zunächst aus der Perspektive der „Nutzer (Kunden)“, die unsere Webseite 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 Erstbesucher intuitiv und sofort erkennen: „Ah, hier finde ich, was ich wissen möchte.“ Durch die Berechnung der Blickbewegungen fällt der Blick ganz natürlich auf die Schaltfläche, die als Nächstes angeklickt werden soll – so, als wäre sie 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 übertriebene 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, und die einfache Bedienbarkeit der Schaltflächen auf dem Smartphone. Dinge, die man zwar nicht sieht, die sich aber bei der Nutzung „irgendwie angenehm“ anfühlen. Wenn man sekundenlang 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 der „Webverantwortlichen (Sie)“, die die Website weiterentwickeln.

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

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 den Text ein, und hier füge ich das Foto ein.“ Auch ohne professionelles technisches Wissen kann man so, ganz wie bei der täglichen Nutzung sozialer Medien, die Stimmung des Tages direkt vermitteln. Diese „Benutzerfreundlichkeit“ ist unverzichtbar, um die Website „am Leben“ zu halten.

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

Sobald man ein wenig Text hinzufügt oder schnell ein hochformatiges Foto einfügt, bricht die Balance der gesamten Seite mit einem 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 Aktualisierungen vornehmen“ 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 Website ist nicht mit ihrer Erstellung abgeschlossen, 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 Service“?

Es gibt mittlerweile mehr als nur ein Tool zur Erstellung von Webseiten. Grob unterteilt gibt es drei Kategorien: „WordPress“, „microCMS“ und „No-Code-Lösungen“ (wie z. B. STUDIO). Anstatt zu fragen, welches davon das beste ist, sollte man die Wahl eher danach treffen, „wie man den eigenen Service weiterentwickeln möchte“.

Wenn Sie Ihre Website selbst weiterentwickeln 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 Laden jeden Tag 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 auch nur eine Sekunde warten lassen, bis die Seite geladen ist.“ Oder für Kliniken, denen Sicherheit über alles geht, und für Kreativbranchen, die die Atmosphäre 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 Website

„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 von der Vorderseite“ oder die „Leute von der Rückseite“ zu sehr bevorzugt, entsteht eine Website, die etwas erdrückend wirkt.

„Einseitige Ausrichtung auf die Benutzeroberfläche“, bei der nur das Aussehen im Vordergrund steht

Um die Besucher der Website zu unterhalten, strebt man oft nur nach coolen Animationen und auffälligen Effekten. Dieses Bestreben ist durchaus nachvollziehbar, doch kann dies dazu führen, dass sich die technischen Abläufe im Hintergrund zu einem komplexen Geflecht verwickeln.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, im Austausch für ein schönes Erscheinungsbild die Funktionsfähigkeit der Website zu opfern.

„Zu starker Fokus auf den Hintergrund“, bei dem nur die einfache Verwaltung im Vordergrund steht

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

Wichtiger Gesichtspunkt: „Ist der Code so geschrieben, dass er auch bei einem Wechsel der Produktionsfirma funktioniert?“

Zum Schluss noch ein wenig Ernstes.

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

Das bedeutet: „Ist der Code so geschrieben, dass auch ein anderer Entwickler ihn problemlos übernehmen kann?“

Ich halte es für unprofessionell, „Chiffren, die nur der Verfasser selbst versteht (personale Abhängigkeit)“ zu hinterlassen. Schließlich handelt es sich um ein wertvolles Gut unseres 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, sollte jemand anderes daran arbeiten, weiterhin erfolgreich mit Ihrem Unternehmen mitwachsen 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“.