Vor einem Jahrzehnt schauten sich viele Internetnutzer ungeduldig das Smashing Magazine um die neuesten Webdesign-Artikel zu lesen. Viele echte Webdesigner haben durch diese Beiträge ihre Leidenschaft für die Website-Erstellung entdeckt. Es war eine Zeit, in der die Prinzipien des Webdesigns eine produktive Debatte unter Designern – sowohl Anfängern als auch Experten – auslösten.
Heutzutage gibt es deutlich weniger Diskussionen über Gestaltungsprinzipien. Ist die Leidenschaft für gutes Design tot? Ich glaube, dass Designer, Blogger und Entwickler keine Zeit mehr für diese Diskussionen haben.
Wir haben Zugriff auf zahlreiche Website-Builder, Website-Vorlagen, Content-Management-Systeme (CMS) und andere Tools zum Erstellen von Websites. In dieser Fülle an Alternativen erstellen wir immer mehr Websites, ignorieren aber deren Design.
Ich glaube, dass jeder von Zeit zu Zeit eine Auffrischung der Webdesign-Grundlagen braucht. Schauen Sie sich diese Ideen an!
Einfachheit im Design
Haben Sie genug von unzähligen Blogbeiträgen, die die Sexyness der Einfachheit hervorheben? Es ist völlig verständlich. Die harte Realität ist jedoch, dass 99 % der Websites mehr oder weniger mit nutzlosen Elementen überlastet sind.
Websitebesitzer möchten den Nutzern helfen, indem sie möglichst viele Daten auf möglichst wenig Platz bereitstellen. Sie müssen jedoch den richtigen Punkt finden, denn zu viele Daten verärgern die Zuschauer. Webdesign ist teils Wissenschaft, teils Kunst!
Anders als vor zehn Jahren, als Smartphones nur von einem kleinen Prozentsatz der Bevölkerung genutzt wurden, gibt es heute mehr mobile Nutzer als Desktop-Nutzer. In diesem Zusammenhang ist Einfachheit noch wichtiger. Ein einfaches Layout lädt schneller und stört Benutzer nicht.
Einfachheit geht mit Ladegeschwindigkeit einher. Heutzutage ist eine schnelle Ladestelle Pflicht. Vergessen Sie nicht die Theorie von Steve Jobs: Beim Design kommt es nicht darauf an, wie es aussieht, sondern wie es funktioniert.
Überprüfen Sie jeden Artikel auf Ihrer Website. Ist es unnötig? Wenn ja, löschen Sie es. Ist es irgendwie notwendig? Wenn ja, löschen Sie es. Ist es notwendig? Wenn ja, löschen Sie es! Ist es äußerst notwendig? Wenn ja, behalten Sie es!
Bringen Sie Benutzer nicht zum Nachdenken
Steve Krug schrieb im Jahr 2000 ein Buch mit diesem Titel, das von Designern sehr geschätzt wurde. Krugs Erkenntnisse gelten auch heute noch, fast zwei Jahrzehnte später. Ein guter Webdesigner bringt Benutzer nicht zum Nachdenken. Und diese Idee ist für Benutzer nicht anstößig.
Menschen haben eine kürzere Aufmerksamkeitsspanne als ein Goldfisch ! Die durchschnittliche Aufmerksamkeitsspanne eines Menschen betrug im Jahr 2002 12 Sekunden und im Jahr 2012 nur noch acht Sekunden. Heute haben Sie wahrscheinlich weniger als acht Sekunden Zeit, um Benutzer von der Nützlichkeit Ihrer Website zu überzeugen.
Es besteht die Möglichkeit, dass ein einfaches Layout den Benutzer nicht zum Nachdenken anregt, aber es gibt viele andere Aspekte, die berücksichtigt werden müssen. Beginnen Sie mit einer Ebene, die scanbar ist – Benutzer scannen, nicht lesen. Stellen Sie sicher, dass Ihr Slogan und Ihr Slogan leicht zu erkennen sind. Die Leute sollten von der ersten Sekunde an wissen, wo sie gelandet sind und welchen Zweck die Webseite hat.
Die Architektur der Website sollte es Benutzern ermöglichen, mit weniger als drei Klicks von der Startseite zu jeder anderen Seite zu navigieren. Jeder weitere Klick wirft Fragen auf. Je mehr Fragen ein Nutzer hat, desto schlechter erscheint die Qualität der Website.
Visuelle Hierarchie
Nicht alles auf einer Webseite ist gleich wichtig. Lassen Sie die Leute wissen, was Ihre stärkste Botschaft ist, indem Sie die visuelle Hierarchie nutzen. Deshalb sollte der Call-to-Action-Button groß und fett sein und an einer Stelle platziert werden, an der er sofort ins Auge fällt.
Visuelle Hierarchie wird durch Platzierung, Größe und Farbe erreicht. Entwerfen Sie das Layout und bedenken Sie dabei, dass die Leute eine Webseite normalerweise in einem „F“- oder „Z“-Muster scannen .
Außerdem sind größeren Webseitenelementen wichtigere Rollen zugeordnet. Es macht Sinn, einen großen Slogan zu haben, nicht wahr?
Schließlich prägen Farben auch die visuelle Hierarchie, weshalb ein guter Call-to-Action-Button einen starken Kontrast zum Hintergrund bildet.
Gestaltdesign-Gesetze
der Gestaltpsychologie ist es, die Gesetze der menschlichen Wahrnehmung in einer scheinbar chaotischen Welt zu bestimmen. Es gibt einige Gesetze, die Designern dabei helfen, benutzerfreundlichere Designs zu erstellen.
Gesetz der Nähe
Nach diesem Gesetz werden nahe beieinander liegende Objekte als eine einheitliche Gruppe wahrgenommen. Wenden Sie dieses Gesetz beispielsweise auf die Gestaltung eines guten Navigationsmenüs an.
Benutzer werden das Menü nicht als Ganzes wahrnehmen, wenn seine Elemente nicht entsprechend gruppiert sind, und das wird das Benutzererlebnis erheblich beeinträchtigen. Gruppieren Sie alle Menüpunkte und streben Sie nach Symmetrie und Ähnlichkeit, um ein ästhetisches Element zu verwirklichen.
Gesetz der Ähnlichkeit
Dieses Gesetz besagt, dass ähnliche Objekte dazu neigen, als eine einheitliche Gruppe wahrgenommen zu werden. Wie im vorherigen Gesetz empfehle ich, ähnliche Menüpunkte zu entwerfen.
Gesetz der Symmetrie
Objekte, die zueinander symmetrisch sind, werden als eine einheitliche Gruppe wahrgenommen. Menschen bevorzugen Symmetrie gegenüber Asymmetrie, achten Sie also auf Symmetrie in Ihrem Layout-Design.
Gesetz der Kontinuität
Nach diesem Gesetz neigt das menschliche Gehirn dazu, nahe beieinander liegende Objekte auf einer linearen Bahn zu vereinen. In diesem Artikel erfahren Sie, wie das Gesetz der Kontinuität in der Kunst funktioniert. Beachten Sie dieses Gesetz, wenn Sie Layouts entwerfen, die unregelmäßige Formen und geschwungene Linien enthalten.
Es gibt noch einige weitere Gestaltgesetze, die einen geringeren Einfluss auf die Designarbeit haben. Ignorieren Sie beim Entwerfen von Websites nicht die menschliche Psychologie.
Farben sprechen
Mit Farben zu spielen ist schön, aber es ist ein riskantes Spiel! Website-Builder wie Wix, der Gutenberg-Editor und andere WordPress-Seitenersteller ermöglichen es Benutzern, das gesamte Farbschema einer Website im Handumdrehen zu ändern.
Es ist sicherlich eine großartige Funktion, könnte sich aber gleichzeitig auch negativ auf das Design der Website auswirken.
Eine erfolgreiche Website ist benutzerzentriert, daher sollte das Farbschema für Benutzer angenehm sein und nicht die bevorzugte Wahl des Website-Managers.
Die Wahl des richtigen Farbschemas ist nicht einfach. Als Faustregel gilt, dass mehr als vier Farben zu viel sind, dies hängt jedoch vom Zweck und der Komplexität der Website ab. Farben sollten die Bilder ergänzen und dazu beitragen, eine einheitliche Botschaft zu vermitteln.
Vergessen Sie schließlich nie die unterschiedliche Bedeutung von Farben auf der ganzen Welt . Glücklicherweise gibt es unzählige Web-Apps, die Ihnen dabei helfen sollen, sich inspirieren zu lassen und die richtigen Farbschemata auszuwählen.
Lesbarkeit
Im Durchschnitt liest jeder zweite Leser dieses Beitrags ihn auf einem Handheld-Gerät. Die Bildschirmgrößen und die Betriebssysteme sind unterschiedlich, aber der Inhalt ist derselbe. Schriftart und -größe sollten sich an jedes Gerät anpassen, um die beste Leseumgebung zu bieten.
Es versteht sich von selbst, dass die Leute Ihre Website verlassen, wenn Ihr Inhalt nicht lesbar ist, und eine schlechte Wahl der Schriftart könnte eine gute Website ruinieren. Testen Sie jede Schriftartenauswahl, bevor Sie sie auf Ihrer Website implementieren.
Testen, testen, testen
Seit dem letzten Jahrzehnt hat sich nicht nur die Technologie verändert, sondern auch die Art und Weise, eine Website zu erstellen und zu pflegen. Vor zehn Jahren war eine Website nur eine Online-Präsenz. Heute ist es Teil eines Unternehmens oder des Unternehmens selbst.
Die Leute beurteilen Ihre Dienste anhand Ihrer Website. Folglich ist eine Site keine statische Instanz mehr, sondern eine lebendige Einheit. Websitebesitzer arbeiten mit Designern zusammen und arbeiten kontinuierlich an der Verbesserung ihrer Websites.
Testen ist kein Webdesign-Prinzip, sondern ein Teil des Prozesses zur Erstellung und Verbesserung einer Website.
Zusammenfassung
WordPress, Bootstrap und Wix geben Benutzern grenzenlose Möglichkeiten, eine Website ohne Programmieraufwand zu erstellen. Sie sind wunderbar, aber unerfahrene Benutzer könnten versucht sein, Websites nach ihren Vorlieben zu erstellen und nicht auf guten Webdesign-Prinzipien zu basieren.
Die oben genannten Tipps kratzen nur an der Oberfläche, sind aber eine nützliche Zusammenfassung grundlegender Ideen. Habe ich einen wichtigen Tipp verpasst? Bitte hinterlassen Sie einen Kommentar mit Ihren Erkenntnissen. Wir sind gespannt auf Ihren Beitrag.
Hinterlasse eine Antwort.