Dr. Web Logo. Untertext: Seit 1997.
  • Beste Agenturen
  • Agentur-Standorte von A bis Z 🌇
  • Magazin
  • Newsletter 📩
  • Login
  • Agentur bewerben ✅
  • Kontakt
  • Werben 🎉
  • Sponsored Post
  • Jobs
Menü
  • Beste Agenturen
  • Agentur-Standorte von A bis Z 🌇
  • Magazin
  • Newsletter 📩
  • Login
  • Agentur bewerben ✅
  • Kontakt
  • Werben 🎉
  • Sponsored Post
  • Jobs
  • Werben
  • Gastbeitrag
  • Sponsored Post
  • Kontakt
  • Login
  • Newsletter
Suche
  • Beste Agenturen
  • Agentur-Standorte
      Beste Agenturen Augsburg Altstadt von oben.

      Augsburg

      Blick auf die Mittlere Brücke in Basel bei Sonnenaufgang.

      Basel

      Berlin bei Nacht, Blick von oben Richtung Fernsehturm.

      Berlin

      Das Ruhrstadion in Bochum von oben, bei Sonnenuntergang.

      Bochum

      Bonn von oben, mit Blick auf den Rhein.

      Bonn

      Dortmund von oben Panoramafoto.

      Dortmund

      Blick auf die Elbufer-Promenade Dresdens sowie Frauenkirche und Zwinger.

      Dresden

      Duisburg Innenhafen bei Sonnenuntergang.

      Duisburg

      Düsseldorf von oben mit Blick auf den Fernsehturm.

      Düsseldorf

      Die Skyline von Essen von oben.

      Essen

      Blick von oben auf das Bankenviertel in Frankfurt am Main.

      Frankfurt am Main

      Freiburg Innenstadt vom Münster aus fotografiert mit Blick Richtung Schlossberg und Sonnenuntergang..

      Freiburg im Breisgau

      Hamburg bei Nacht, Blick auf die Speicherstadt.

      Hamburg

      Blick auf das Neue Rathaus, Hannover.

      Hannover

      Agenturen in Innsbruck von oben mit Blick auf die Alpen.

      Innsbruck

      Karlsruhe von oben

      Karlsruhe

      Sonnenuntergang in Köln mit Blick auf den Dom. Im Vordergrund die Hohenzollernbrücke.

      Köln

      Leipzig Innenstadt bei Sonnenuntergang und von oben.

      Leipzig

      München bei Fön mit Blick in die bayerischen Alpen.

      München

      Nürnberg Altstadt Stadtmauer von oben

      Nürnberg

      Blick auf das Flussufer der Innenstadt von Regensburg bei Nacht.

      Regensburg

      Agenturen Salzburg: Blick auf die Altstadt und die Hohensalzburg.

      Salzburg

      Stuttgart von oben.

      Stuttgart

      Wien von oben. Blick auf den Stephansdom.

      Wien

      Zürich von oben.

      Zürich

  • Magazin
    • Content Marketing
    • CSS
    • E-Commerce
    • E-Mail-Marketing
    • Freelancer
    • Fotografie
    • HTML
    • Online-Marketing
    • Responsive Design
    • SEO
    • UX Design
    • Webdesign
    • Website erstellen
    • WordPress
    • Dr. Web Autoren
  • Jobs
Menü
  • Magazin
    • Content Marketing
    • CSS
    • E-Commerce
    • E-Mail-Marketing
    • Freelancer
    • Fotografie
    • HTML
    • Online-Marketing
    • Responsive Design
    • SEO
    • UX Design
    • Webdesign
    • Website erstellen
    • WordPress
    • Dr. Web Autoren
  • Jobs
Agentur eintragen →
Dr. Web Logo. Untertext: Seit 1997.
  • Beste Agenturen
  • Agentur-Standorte
      Beste Agenturen Augsburg Altstadt von oben.

      Augsburg

      Blick auf die Mittlere Brücke in Basel bei Sonnenaufgang.

      Basel

      Berlin bei Nacht, Blick von oben Richtung Fernsehturm.

      Berlin

      Das Ruhrstadion in Bochum von oben, bei Sonnenuntergang.

      Bochum

      Bonn von oben, mit Blick auf den Rhein.

      Bonn

      Dortmund von oben Panoramafoto.

      Dortmund

      Blick auf die Elbufer-Promenade Dresdens sowie Frauenkirche und Zwinger.

      Dresden

      Duisburg Innenhafen bei Sonnenuntergang.

      Duisburg

      Düsseldorf von oben mit Blick auf den Fernsehturm.

      Düsseldorf

      Die Skyline von Essen von oben.

      Essen

      Blick von oben auf das Bankenviertel in Frankfurt am Main.

      Frankfurt am Main

      Freiburg Innenstadt vom Münster aus fotografiert mit Blick Richtung Schlossberg und Sonnenuntergang..

      Freiburg im Breisgau

      Hamburg bei Nacht, Blick auf die Speicherstadt.

      Hamburg

      Blick auf das Neue Rathaus, Hannover.

      Hannover

      Agenturen in Innsbruck von oben mit Blick auf die Alpen.

      Innsbruck

      Karlsruhe von oben

      Karlsruhe

      Sonnenuntergang in Köln mit Blick auf den Dom. Im Vordergrund die Hohenzollernbrücke.

      Köln

      Leipzig Innenstadt bei Sonnenuntergang und von oben.

      Leipzig

      München bei Fön mit Blick in die bayerischen Alpen.

      München

      Nürnberg Altstadt Stadtmauer von oben

      Nürnberg

      Blick auf das Flussufer der Innenstadt von Regensburg bei Nacht.

      Regensburg

      Agenturen Salzburg: Blick auf die Altstadt und die Hohensalzburg.

      Salzburg

      Stuttgart von oben.

      Stuttgart

      Wien von oben. Blick auf den Stephansdom.

      Wien

      Zürich von oben.

      Zürich

Agentur eintragen →
Dr. Web » Inspiration » Empty States: So gestaltest du Seiten, auf denen es nichts zu sehen gibt

Empty States: So gestaltest du Seiten, auf denen es nichts zu sehen gibt

Sozial sein
Share on facebook
Share on twitter
Share on linkedin
Share on xing
Share on whatsapp
Share on email
  • Keine Kommentare
Lesedauer: 2 Minuten
  • von Dieter Petereit
  • 25. Januar 2017
Bookmarke mich
Share on pocket

Gutes Design ist schon schwierig genug, wenn es auf einer Seite stattfinden muss, auf der es was darzustellen gibt. Noch anspruchsvoller ist es hingegen, wenn du Seiten gestalten musst, auf denen es nichts zu sehen gibt. Etwa eine leere Inbox (haha) oder ein Downloadfenster ohne Downloads. Empty States sammelt genau solche Seiten, um dir auf die designerischen Sprünge zu helfen.

Empty Stat.es Landing-Page (Screenshot: Dr. Web)

Empty Stat.es sammelt Leerseiten als Best Practices

Empty Stat.es ist eine ganz unaufdringliche Sammlung von Leerseiten verschiedenster Art. Fehlermeldungen, eine besondere Form der Leerseite, wird eine eigene Kategorie gewidmet. Das ist auch gut so, denn das Fehlerseiten ein spezielles, zielgerichtetes Design benötigen, weißt du als Leserin oder Leser von Dr. Web natürlich längst. Und wenn nicht, dann lies doch einfach diesen Beitrag mit vielen Beispielen.

Natürlich gibt es auf Webseiten, die der Präsentation einer Marke oder deines Freelancer-Portfolios dienen, maximal eine Fehlerseite, aber keine sonstigen Leerseiten. Sobald du aber hergehst und eine native oder Web-App herstellst, die auch nur im Ansatz Daten zu verarbeiten hat, begegnet dir das Problem. Auf Empty Stat.es kannst du sehen, wie deine Kolleginnen und Kollegen das jeweilige Problem gelöst haben.

Edel sei die Leerseite, hilfreich und gut (Goethe)

Neben naheliegenden, recht profanen Lösungen findest du hier aber durchaus einige hilfreiche und witzige Ansätze. Wie du so durch die Beispiele scrollst, fällt dir auf, dass sich ein Muster abzeichnet. Natürlich ist das Design stets anders, aber eines ist immer gleich.

Stets wird der Benutzer an die Hand genommen, um dafür zu sorgen, dass die Seite beim nächsten Besuch nicht mehr leer sein muss. Sei es, dass dir die Tourenplanungs-App anbietet, doch direkt die erste Tour zu planen oder der Schlaftracker dich auffordert, doch direkt den ersten Datensatz zu tracken. Von der Leerseite wird der Nutzer stets im Sinne eines Call-to-Action zum Kern der App geführt.

Es ist durchaus verständlich, dass du als Entwickler einer Mail-App nicht wirklich daran glauben magst, dass deine Anwender jemals den Status „Inbox Zero” erreichen. Spar dir aber dennoch nicht das Design für diesen, wenn auch unwahrscheinlichen, Eventualfall 😉

Gibts doch gar nicht! Ein Screenshot wie Bielefeld.(Screenshot: Dr. Web)

Empty Stat.es unterteilt die Galerie in Kategorien, die den jeweiligen Zielauflösungen entsprechen. So kannst du leicht selektieren, nach Beispielen für Smartphones, Tablets oder Desktops. Zwar gibt es zusätzlich die Kategorie „Games Console”. Darin findet sich allerdings nur ein einziger Screenshot. Vielleicht magst du ja beim Befüllen helfen.

Beteiligen kann sich jeder am weiteren Ausbau der Leerseiten-Galerie, denn solche kannst du unproblematisch per Kontaktformular mit Screenshot-Upload einreichen. Nennst du deinen Twitter-Handle wird dieser als Link mitveröffentlicht.

Nutzer können sich die Galerie zum einen über die genannten Kategorien erschließen oder die Freitextsuchfunktion verwenden. „Random” präsentiert eine Leerseite nach dem Zufallsprinzip im Vordergrund. Die Technik der Plattform stellt Tumblr.

Wie hilfreich war dieser Beitrag?

Klicke auf die Sterne um zu bewerten!

Durchschnittliche Bewertung 0 / 5. Anzahl Bewertungen: 0

Dieter Petereit

Dieter Petereit

Dieter Petereit ist seit 1994 im Netz unterwegs, aber bereits seit über 30 Jahren in der IT daheim. Seit Anfang des neuen Jahrtausends schreibt er für Technik-affine Medien wie T3N und Dr. Web. Dieter war acht Jahre lang Chefredakteur des Dr. Web Magazins.

Agenturpartner

SEOfolgreich – Local SEO Agentur München

München

HELD Werbeagentur

Traunstein

SEOlist.IO Frankfurt – SEO-Spezialist & SEO-Freelancer

Frankfurt am Main

Werbeagentur Hannover | 360 Grad Konzept

Hannover

YOYABA

Hamburg

Alle Agenturpartner

Jobs

Online Marketing Manager

Innsbruck

Senior Online Marketing Manager und stv. Geschäftsführer

Innsbruck

Senior SEO Manager

München

Webtexter für SEO Agentur

Salzburg (Österreich)

Senior Online Marketing Manager

München

Zum richtigen Job

Newsletter

Tipps, Tricks, Ratgeber. Unser Newsletter: Jeden Dienstag frisch gedruckt in Deinem Mail-Postfach.

Lust auf mehr? Wir empfehlen folgende Artikel:

Krumm, schief, blass? So wertest du Fotos von Gebäuden kreativ auf

Etwas Abstand zum Objekt oder ein gutes Weitwinkelobjektiv sorgen dafür, dass große Gebäude im Ganzen abgelichtet werden können. Trotzdem kommt es zu Verzerrungen, wie etwa

 →   

Adobe Photoshop: Dramatische Fotos im Handumdrehen

Wir alle haben hunderte Fotos auf dem Rechner liegen und wissen nichts damit anzufangen. Dabei reichen oft wenige Schritte in Photoshop, um aus einer guten

 →   

So machst du den Tag zur Nacht mit Photoshop

Willst du aus Gründen eine Aufnahme bei Sonnenschein in eine romantische Version bei Nacht verwandeln, so ist das in Photoshop oder kostenlosen Alternativen einfacher als

 →   

Schreibe einen Kommentar Antworten abbrechen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Dr. Web Logo weiss.

Pionier für Digitale Transformation. Seit 1997. ✅  Wissen, Tipps, Ratgeber, Dienstleister: Wir bringen wir die digitale Transformation von Unternehmen praxisnah voran.

Share on facebook
Share on twitter
Share on linkedin
Share on xing
Share on whatsapp
Share on email

Wissen finden

  • Dr. Web Autoren
  • Amazon SEO
  • Content Marketing
  • CMS
  • CSS
  • Digitalisierung
  • E-Commerce
  • Freelancer
  • Jobs & Karriere
  • Online-Marketing
  • SEO
  • UX Design
  • Webdesign
  • Website erstellen
  • WordPress
  • WooCommerce
Menü
  • Dr. Web Autoren
  • Amazon SEO
  • Content Marketing
  • CMS
  • CSS
  • Digitalisierung
  • E-Commerce
  • Freelancer
  • Jobs & Karriere
  • Online-Marketing
  • SEO
  • UX Design
  • Webdesign
  • Website erstellen
  • WordPress
  • WooCommerce

Rechtliches

  • Datenschutzerklärung
  • Geschäftsbedingungen (AGB)
  • Impressum
  • Kontakt
  • Nach oben ↑
Menü
  • Datenschutzerklärung
  • Geschäftsbedingungen (AGB)
  • Impressum
  • Kontakt
  • Nach oben ↑

Für Agenturen & Unternehmer

  • Als Agentur eintragen
  • Beste Agenturen finden
  • Städte: von A bis Z.
  • Agenturen in Augsburg
  • Agenturen in Basel
  • Agenturen in Berlin
  • Agenturen in Bochum
  • Agenturen in Bonn
  • Agenturen in Bremen
  • Agenturen in Dortmund
  • Agenturen in Dresden
  • Agenturen in Duisburg
  • Agenturen in Düsseldorf
  • Agenturen in Essen
  • Agenturen in Frankfurt am Main
  • Agenturen in Freiburg
  • Agenturen in Hamburg
  • Agenturen in Hannover
  • Agenturen in Innsbruck
  • Agenturen in Karlsruhe
  • Agenturen in Köln
  • Agenturen in Leipzig
  • Agenturen in München
  • Agenturen in Münster
  • Agenturen in Nürnberg
  • Agenturen in Offenbach am Main
  • Agenturen in Regensburg
  • Agenturen in Salzburg
  • Agenturen in Stuttgart
  • Agenturen in Wien
  • Agenturen in Zürich
  • Digitalagentur finden
  • Webdesign-Agentur finden
  • Werbeagentur finden
Menü
  • Als Agentur eintragen
  • Beste Agenturen finden
  • Städte: von A bis Z.
  • Agenturen in Augsburg
  • Agenturen in Basel
  • Agenturen in Berlin
  • Agenturen in Bochum
  • Agenturen in Bonn
  • Agenturen in Bremen
  • Agenturen in Dortmund
  • Agenturen in Dresden
  • Agenturen in Duisburg
  • Agenturen in Düsseldorf
  • Agenturen in Essen
  • Agenturen in Frankfurt am Main
  • Agenturen in Freiburg
  • Agenturen in Hamburg
  • Agenturen in Hannover
  • Agenturen in Innsbruck
  • Agenturen in Karlsruhe
  • Agenturen in Köln
  • Agenturen in Leipzig
  • Agenturen in München
  • Agenturen in Münster
  • Agenturen in Nürnberg
  • Agenturen in Offenbach am Main
  • Agenturen in Regensburg
  • Agenturen in Salzburg
  • Agenturen in Stuttgart
  • Agenturen in Wien
  • Agenturen in Zürich
  • Digitalagentur finden
  • Webdesign-Agentur finden
  • Werbeagentur finden
Das große Dr. Web Icon-Set: 970+ Icons, im SVG-Format​

Lade Dir jetzt das Icon-Set
kostenlos herunter ↓

Über 970 Dr. Web-Icons, kostenlos.
Danke nein, ist nichts für mich.
Invalid email address
Vielen Dank! Bitte schau noch in Dein Postfach und bestätige die Anmeldung.