Nicht alle Fußzeilen der Website sind gleich. Während das Design der Fußzeile möglicherweise kein sexy Teil des Webdesignprozesses ist, kann eine großartige Fußzeile Benutzern dabei helfen, Informationen zu finden, Kontakt mit Ihnen aufzunehmen und besser mit einer Website zu interagieren. So gestalten Sie einen, der funktional und schön ist.
Eine große Fußzeile kann auch dabei helfen, Informationen zu organisieren und das Navigieren auf einer komplizierten Website zu vereinfachen - denken Sie an die massive, mehrschichtige Fußzeile auf der Website von Amazon.
Der Trick für eine große Fußzeile ist die Inhaltsorganisation. Wenn Sie erst einmal herausgefunden haben, was der Fußzeilenentwurf den Benutzern helfen soll, ist es einfacher, ein Element am unteren Rand der Seite zu entwerfen, auf das Sie stolz sein können. Lassen Sie uns in einige Tipps zur Fußzeilengestaltung eintauchen.
1. Gib einen Zweck
Bevor Sie eine große Website-Fußzeile entwerfen können, müssen Sie entscheiden, wie die Benutzer sie eigentlich verwenden sollen. Ein gutes Fußzeilendesign ist kein Ort, an dem alle Links und Informationen ausgegeben werden, von denen Sie nicht wissen, was sie tun sollen. (Obwohl viel zu viele Websites es so verwenden.)
Ein gutes Fußzeilendesign hat wie jeder andere Teil des Designs einen beabsichtigten Zweck.
Zu den üblichen Fußzeilen gehören:
- Sitemap oder Liste der beliebtesten Seiten / Links
- Kontakt oder anderes Einreichungsformular
- Social Media Hub mit Vorschauen und Links zu Social Accounts
- Aufruf zum Handeln oder letzte Chance zum Handeln
- Karte zum Anzeigen Ihres Standorts (wichtig für stationäre Geschäfte oder Restaurants)
- Verwandte Inhalte (ideal für Blogs)
2. Machen Sie es ansprechend
Vergessen Sie nicht, sich mit dem ansprechenden Look, dem Feeling und den Interaktionen dieses Website-Designelements zu verhalten. Verwenden Sie ein spaltenbasiertes Format, so dass Ihre Fußzeile leicht zusammenfällt und in einem responsiven Format gestapelt wird. Dies wird umso wichtiger, je größer die Fußzeile ist.
Während eine einspaltige Fußzeile auf einem Desktop-Gerät gut aussieht, kann sie auf dem mobilen Gerät zu einem Chaos werden. Vergessen Sie nicht, sich mit dem ansprechenden Look, dem Feeling und den Interaktionen dieses Website-Designelements zu verhalten.
Denken Sie daran, dass Sie keine unterschiedlichen Inhaltstypen in einem mehrspaltigen Format einfügen müssen. Das Design dient hauptsächlich dazu, Sie bei der Organisation einer großen Anzahl von Elementen in der Fußzeile zu unterstützen.
Es sei denn? Sie gehen insgesamt einen anderen Ansatz mit einer übergroßen Fußzeile für ein einzelnes Element. Dies kann eine beliebte Option für ein großes Kontaktformular oder ein Aufruf zum Handeln sein, wie z. B. Hustle Panda (oben). In diesem Fall ist der Inhaltsbereich so groß, dass eine einzelne Spaltenoption auf kleinere Größen reduziert werden kann. (Stellen Sie nur sicher, dass Text und CTAs noch groß genug sind, um sie problemlos lesen zu können.)
3. Schließen Sie Informationen ein, die Benutzer erwarten
Die meisten Benutzer erwarten bestimmte Informationen in einer Fußzeile einer Website. Wenn Sie Dinge an einem Ort einschließen, den Benutzer erwarten, kann die Verwendung des Designs wesentlich vereinfacht werden.
Obwohl nicht alle diese Elemente in jeder Fußzeile einer Website enthalten sein müssen, finden Sie hier einige der häufigsten Dinge, die der Benutzer am Ende einer Seite durchblättern kann:
- Sitemap oder erweiterte Navigation
- Kontaktinformationen, Adresse oder Karte
- Social-Media-Links oder Widgets
- E-Mail- oder Newsletter-Anmeldung
- Suche
- Mission oder über Informationen
- Referenzen
- Nachrichten, aktuelle Blogeinträge oder Ereignislisten
Es gibt auch einige winzige Elemente, die problemlos in die Fußzeile passen. Nicht alle Benutzer suchen nach diesen Elementen, aber oft handelt es sich eher um Website-Verwaltungselemente.
- Urheberrechtsinformation
- Link zu Bedingungen oder Datenschutzbestimmungen (ideal für DSDPR-Aktualisierungen)
- Berufsverbände oder Vereinigungen
4. Links organisieren
Durch das Organisieren von Links können Sie Benutzern helfen, den für sie relevantesten Teil der Website zu finden. Websites mit vielen Inhalten oder unterschiedlichen Arten von Informationen sollten eine große Fußzeile mit Links enthalten, die in Ressourcenkategorien gruppiert sind. Durch das Organisieren von Links können Sie Benutzern helfen, den für sie relevantesten Teil der Website zu finden. (Stellen Sie sich das genauso vor wie die alten Mega-Menüs, die für eine Weile in der Hauptnavigation beliebt waren.)
Dies ist eine ziemlich verbreitete Technik für große Projekte und kann für Benutzer sehr hilfreich sein. Online-Händler organisieren eine großartige Aufgabe, Informationen für große Fußzeilen zu organisieren.
Die Fußzeile für The Home Depot (oben) enthält mehrere Ebenen mit Ebeneninformationen in der Fußzeile. Die oberste Zeile enthält beliebte Kategorien (dies ist das? Haben Sie alles gefunden, wonach Sie gesucht haben? Element für den Online-Handel), dann Gruppen von Links für den Kundenservice (basierend auf den Anforderungen des Benutzers), Ressourcen und Informationen zum Internet Unternehmen und ein Aufruf zum Handeln. Schließlich enthält die Fußzeile Links zu anderen Marken innerhalb des Unternehmens, Informationen zum Urheberrecht sowie Bedingungen und Vertragslinks.
5. Behalten Sie die Stimme und das Branding bei
Behandeln Sie die Mikrokopie in der Fußzeile nicht nachträglich. (Dies ist ein häufiger Fehler.)
Die Stimme und der Stil dieses Inhalts sollten den Ton des restlichen Website-Designs widerspiegeln. Verwenden Sie dasselbe Farbschema, Designelemente und eine einzigartige Stimme, die im restlichen Projekt verwendet werden. Benutzer sollten nicht raten müssen, wo sie sich im Web befinden, wenn sie sich in der Fußzeile befinden.
Der E-Mail-Anbieter Emma (siehe oben) enthält einen Aufruf zum Handeln in der Fußzeile mit Gesichtern und der gleichen freundlichen Einstellung wie der Rest des Website-Designs: "Sag Hallo zu deinem neuen Marketing-Team." Der Ton ist leicht, es gibt viel Platz zwischen Elementen (visuell unterstreicht das Lichtgefühl) und glücklichen Gesichtern, die die Benutzer anziehen, und das Unternehmen fühlt sich wie jemand, den Sie kennen.
6. Geben Sie viel Platz
Ein kleiner Text und ein enger Platz können ein Katastrophenrezept sein. Stellen Sie sicher, dass die Elemente in der Fußzeile viel Platz zum Atmen haben, sodass die Informationen immer noch leicht zu scannen und zu klicken sind.
Die gleichen Prinzipien, die Sie für Platz, Lesbarkeit und Scannen anwenden, gelten auch für die Fußzeile. (Je größer die Fußzeile ist, desto wichtiger sind diese Elemente.)
Denken Sie daran, wenn es nicht brauchbar ist, ist es nicht gut.(Sie können eine gute Vorstellung davon bekommen, was funktioniert und was nicht funktioniert, indem Sie Analyseinformationen verwenden und Klickpfaden folgen. Welche Links in der Fußzeile werden tatsächlich angeklickt?)
7. Halten Sie es getrennt
Eine Änderung des Kontrasts kann ein starker visueller Hinweis sein, der ein Gefühl für einen Platz im Design schafft. Um ein übergroßes Fußzeilendesign optimal zu nutzen, stellen Sie sicher, dass es sich vom darüber liegenden Inhalt abhebt. Während eine Fußzeile so aussehen sollte, als wäre sie Teil des Gesamtentwurfs, sollte sie auch genügend Kontrast enthalten, damit der Benutzer versteht, dass dies der Fuß der Seite ist, auf der sich die wichtigsten (und erwarteten) Informationen befinden.
Eine gängige Technik, um diesen Kontrast herzustellen, besteht darin, die Fußzeile in ein Containerelement zu setzen, z. B. in ein farbiges Feld, das sich vom restlichen Hintergrund unterscheidet. (Wenn das Website-Design zum Beispiel einen überwiegend hellen Hintergrund hat, könnte die Fußzeile in einem dunklen Hintergrund enthalten sein.)
Dieser zusätzliche Kontrast ist ein visueller Hinweis darauf, dass dieser Teil des Designs anders ist. Der Benutzer macht eine Pause und denkt über die Informationen auf dem Bildschirm nach. Eine Änderung des Kontrasts kann ein starker visueller Hinweis sein, der ein Gefühl für den Platz im Design sowie ein Usability-Tool schafft.
Fazit
Aber wann ist eine Fußzeile zu groß?
Bei der Recherche zu diesem Artikel stieß ich auf viele großartige Fußzeilenentwürfe. Mehr Designer entwerfen große (und sogar übergroße Fußzeilen), als ich dachte, als ich diesen Weg eingeschlagen habe. Aber es gibt eine Art großer Fußzeile, die ich als störend empfunden habe - Fußzeilen, die scrollen.
Während die Fußzeile ein großartiger Ort ist, um viele Informationen zu organisieren, wollte ich als Benutzer alles auf einen Blick sehen. Beachten Sie dies beim Erstellen Ihres Designs. (Oder vielleicht ist es nur mein Haustier, wenn Sie sich so viele Fußzeilenentwürfe anschauen.) Viel Erfolg bei Ihren großen Fußzeilenprojekten!