Heutzutage ist das Erstellen einer Website lächerlich einfach; Jeder mit einem E-Mail-Konto kann es mit ein wenig Recherche machen – aber reicht das aus? Lesen Sie mehr.
Das Einrichten einer Website ist heutzutage lächerlich einfach; Jeder, der E-Mail nutzen kann, kann mit ein wenig Recherche eine Website erstellen – aber reicht das aus?
Während Vorlagen und Content-Management-Systeme das Entwerfen möglicherweise einfacher gemacht haben, ist das Erstellen eines wirksam Web-Design Damit die Benutzer zufrieden sind, bedarf es jedoch immer noch einiger Kenntnisse und Erfahrung des Designers.
Hier sind einige Prinzipien effektiven Webdesigns, mit denen Sie Ihre Website sofort benutzerfreundlicher gestalten können:
1. Niemand liest Text (aber…)
Eines der am häufigsten zitierten und universellen Prinzipien des Webdesigns: Benutzer lesen Webseiten nicht Wort für Wort, als würden sie ein Buch lesen; Stattdessen springen sie in einem Schritt von einer Stelle zur anderen (oder „scannen“) auf der Webseite „F“-Muster um die Informationen zu finden, die sie gesucht haben.
Ihre Aufgabe als Designer oder Content-Stratege besteht darin, ihnen diese Informationen so schnell und einfach wie möglich zur Verfügung zu stellen – auch wenn dies im Hinblick auf Ihre eigenen Ziele kontraintuitiv klingen mag, bedenken Sie Folgendes: Wenn Sie es nicht tun, wird es jemand anderes tun.
2. Benutzer möchten nicht Denken
Ein Konzept, das erstmals vom renommierten Informationsarchitekten und UX-Experten Steve Krug in seinem Buch populär gemacht wurde Bring mich nicht zum NachdenkenUntersuchungen zeigen, dass Benutzer im Allgemeinen ungeduldig sind, sofortige Befriedigung wünschen und keine optimalen Entscheidungen treffen, sondern auf einfachere Entscheidungen zurückgreifen.
Kurz gesagt: Nutzer interessieren sich nur für das, was sie wollen, und nicht dafür, wie Ihre Website funktioniert.
„Wenn wir etwas finden, das funktioniert, bleiben wir dabei. Es ist uns egal, ob wir verstehen, wie die Dinge funktionieren, solange wir sie nutzen können. Wenn Ihr Publikum sich so verhält, als würden Sie Werbetafeln entwerfen, dann entwerfen Sie großartige Werbetafeln.“ – Steve Krug
Es ist wichtig, das Konzept zu erwähnen kognitive Belastung Hier wird es definiert als „…die Gesamtmenge an geistiger Aktivität, die dem Arbeitsgedächtnis in einem beliebigen Moment auferlegt wird.“ In diesem Zusammenhang steigt die kognitive Belastung mit jedem Element auf einer Webseite, durch das ein Benutzer navigieren muss, um zu den benötigten Informationen zu gelangen.
Möchten Sie ein glückliches Ergebnis? Reduzieren Sie die kognitive Belastung Ihrer Benutzer.
Wenn Sie eine Website erstellen, besteht Ihre Aufgabe darin, diese zu entfernen Fragezeichen– die Entscheidungen, die Benutzer bewusst treffen müssen und dabei Vor- und Nachteile sowie Alternativen abwägen. — Vitaly Friedman
Bring mich nicht zum Nachdenken, Steve Krug
3. Umfassen Sie das Leerzeichen
Leerzeichen sind gut, weil sie dazu beitragen, die kognitive Belastung zu reduzieren – sie erleichtern es dem Benutzer, den Inhaltsbereich in mundgerechte Informationsteile zu unterteilen.
Eine Seite ohne Leerraum, vollgestopft mit Text oder Grafiken, läuft Gefahr, überfüllt und überfüllt zu wirken und ist in der Regel schwer zu lesen (die Leute werden sich nicht einmal darum kümmern). Aus diesem Grund sind einfache Websites wissenschaftlich besser.
Designlayouts mit viel Leerraum erleichtern dem Leser das schnelle und einfache Scannen, Analysieren und Verarbeiten von Informationen. Denn hierarchische Strukturen reduzieren die Komplexität. Wenn Sie sich also zwischen Leerzeichen und einer horizontalen Trennlinie entscheiden müssen, entscheiden Sie sich immer für das Leerzeichen.
Zunächst einmal muss Leerraum nicht weiß sein. Der Begriff bezieht sich einfach auf leeren Raum auf einer Seite (oder negativen Raum, wie er manchmal genannt wird). Leerraum wird verwendet, um einer Seite Ausgewogenheit, Proportionen und Kontrast zu verleihen. Viel Weißraum lässt die Dinge tendenziell eleganter und hochwertiger erscheinen. Wenn Sie sich also beispielsweise auf eine teure Architektenseite begeben, werden Sie fast immer viel Platz sehen. Wenn Sie lernen möchten, Leerzeichen effektiv zu nutzen, schauen Sie sich eine Zeitschrift an und schauen Sie sich an, wie Anzeigen aufgebaut sind. In Anzeigen für große Uhren-, Auto- und ähnliche Marken wird in der Regel viel Leerraum als Designelement genutzt.
4. Die Drei-Klick-Regel
Die „Drei-Klick-Regel“ besagt, dass ein Benutzer in der Lage sein sollte, alle gesuchten Informationen auf Ihrer Website innerhalb von drei Klicks zu finden.
Diese Regel ist lediglich ein Hinweis, der Sie bei der Erstellung besserer Navigationspfade zur Vereinfachung für Benutzer unterstützen kann. Es gibt viele Möglichkeiten, dies zu tun:
- Navigation (primär und sekundär)
- Semmelbrösel auf Seiten
- Links und CTAs in der Seitenleiste
- Gut gestaltetes Fußzeilenmenü
- Interne Verlinkung innerhalb von Beiträgen
Viele Kritiker dieser Regel sagen, dass sie veraltet ist und sich nicht wirklich bewährt, aber auch hier gilt: Betrachten Sie sie eher als eine Idee zur Schaffung von Pfaden mit dem geringsten Widerstand im Navigationsfluss Ihrer Website und nicht als eine feste Regel (…) das wäre verrückt).
5. Gutes Design ist die Abwesenheit von schlechtem Design
In seinem Buch Das Webbuch des Nicht-DesignersRobin Williams listet Elemente auf, die ein gutes Designerlebnis behindern können. Sie können auf den Link unten klicken, um die vollständige Liste und das Buch anzuzeigen.
Hier sind ein paar von ihnen:
Text
- Der Hintergrund unterbricht den Text nicht
- Der Text ist groß genug zum Lesen, aber nicht zu groß
- Die Hierarchie der Informationen ist völlig klar
- Die Textspalten sind schmaler als in einem Buch, um das Lesen auf dem Bildschirm zu erleichtern
Menü
- Navigationsschaltflächen und -leisten sind leicht zu verstehen und zu verwenden
- Die Navigation ist auf der gesamten Website konsistent
- Navigationsschaltflächen und -leisten geben dem Besucher einen Hinweis darauf, wo er sich befindet und auf welcher Seite der Website er sich gerade befindet
- Sofern Rahmen verwendet werden, wirken sie nicht aufdringlich
- Eine große Site verfügt über einen Index oder eine Sitemap
Links
- Linkfarben stimmen mit den Seitenfarben überein
- Links sind unterstrichen, sodass sie für den Besucher sofort klar sind
Grafiken
- Knöpfe sind nicht groß und dumm
- Jede Grafik hat ein Alt-Label
- Zu jedem Grafiklink gibt es einen passenden Textlink
- Grafiken und Hintergründe verwenden browsersichere Farben
- Animierte Grafiken schalten sich von selbst aus
Allgemeines Design
- Seiten werden schnell heruntergeladen
- Erste Seite und Startseite passen in einen Raum von 800 x 600 Pixel
- Alle anderen Seiten haben die unmittelbare visuelle Wirkung innerhalb von 800 x 600 Pixeln
- Guter Einsatz grafischer Elemente (Fotos, Zwischenüberschriften, Anführungszeichen), um große Textbereiche aufzuteilen
- Jede Webseite der Site sieht so aus, als ob sie zur selben Site gehört. Es gibt sich wiederholende Elemente, die sich über die Seiten ziehen
FAQs
Unter dem Begriff „Webdesign“ versteht man die Gestaltung von Websites, die im Internet dargestellt werden. Es bezieht sich in der Regel nicht auf die Softwareentwicklung, sondern auf die Benutzererfahrungsaspekte der Website-Entwicklung.
Ein Webdesigner plant, erstellt und programmiert Websites und Webseiten, von denen einige Audio, Bilder, Grafiken und Videoclips enthalten. Ein Webdesigner erstellt das Design und Layout einer Website oder Webseite. Es kann eine neue Website entwickelt oder eine bestehende aktualisiert werden.
Wenn Sie sich nicht sicher sind, ob Webdesign schwierig ist, machen Sie sich keine Sorgen. Webdesign ist nicht schwierig, wenn Sie die Leidenschaft, den Antrieb und die richtigen Tools haben. Mit unzähligen Jobmöglichkeiten und attraktiven Gehältern ist es eine lukrative Karriere.
Shubham ist ein digitaler Vermarkter mit umfangreicher Erfahrung in der Werbetechnologiebranche. Er verfügt über umfassende Erfahrung in der Programmbranche und leitet Geschäftsstrategien und Skalierungsfunktionen, einschließlich, aber nicht beschränkt auf, Wachstum und Marketing, Betrieb, Prozessoptimierung und Vertrieb.
