kulturbanause Blog

Responsive Design, WordPress, Konzeption, HTML, CSS, JS & UX/UI …

Konzeption


One Pager, Microsite, Landing Page & Co. – Website-Typen im Überblick

Was unterscheidet eigentlich einen One Pager von einer Microsite? Und wo ordnen sich Landing Page & Co. ein? Im Umfeld von Websites gibt es unterschiedliche konzeptionelle Ansätze – je nachdem welches Ziel ihr verfolgt. Häufig ist die Gattung bereits am Design erkennbar, da sich in den letzten Jahren stereotypische Layouts für die verschiedenen Website-Typen herausgebildet haben. Wir geben euch einen Überblick über die verschiedenen Website-Typen und ihre Besonderheiten.

Beitrag zu Ende lesen

Informationsarchitektur und Navigationsstruktur auf Websites

Stilisierte Sitemap

Die Informationsarchitektur (IA) organisiert die Inhalte einer Website. Die Navigation macht diese Inhalte für den Besucher bestmöglich zugänglich. Nehmen wir als Beispiel eine Ausstellung, so ist die IA der Katalog, die Navigation die Führung durch die Ausstellung. Beides kann sehr unterschiedliche Herangehensweisen abbilden und unterstützen. Je nach Website-Typ bieten sich verschiedene Ansätze an.

Beitrag zu Ende lesen

Websites erwartungskonform gestalten und konzipieren

Websites sind u.a. erfolgreich, wenn die Erwartungshaltung der Besucher bedient wird. Es muss vermieden werden, dass Besucher darüber nachdenken müssen wie etwas funktioniert oder wo der gewünschte Inhalt positioniert ist.  Nutzer erwarten eine bestimmte Anordnung und ein bestimmtes Verhalten wesentlicher Website-Elemente. Berücksichtigen wir diese Erwartungen beim Gestalten von Websites, erleichtern wir den Besuchern sich mit den wirklich wichtigen Informationen zu beschäftigen. Wir geben einen schnellen Überblick über die wichtigsten Aspekte.

Beitrag zu Ende lesen

Das Performance Budget als Hilfsmittel für schnellere Websites

Die Performance einer Website ist ein wichtiger Qualitätsfaktor. Es existieren zahlreiche Tipps und Tools um kürzere Ladezeiten zu erreichen, doch auch ein anderer konzeptioneller Ansatz kann ein mächtiges Werkzeug sein. Das sog. Performance Budget ist ein solcher Ansatz. Mit seiner Hilfe wird die Website schlank gehalten, was die Geschwindigkeit verbessert und somit die Qualität des Projekts steigert.

Beitrag zu Ende lesen

Content Choreography mit caption-side: bottom;

Das HTML-Element <caption> beschreibt den Inhalt einer Tabelle. Leider wird das dazugehörige align-Attribut in HTML5 nicht länger unterstützt. Doch wir haben mit CSS die Möglichkeit einem HTML-Element das Verhalten bestimmter Tabellen-Elemente zuzuweisen. Im Umfeld von Content Choreography ist hier die Eigenschaft caption-side interessant. Mit ihr können zwei aufeinander folgende Inhalte getauscht werden – und das funktioniert in allen relevanten Browsern funktioniert in allen modernen Browsern, außer dem Internet Explorer.

Beitrag zu Ende lesen

Content Choreography für responsive Websites

In der Smartphone-Ansicht einer Website werden die Inhalte i. d. R. »gestapelt«. Alle Elemente werden linear untereinander angeordnet und die Reihenfolge der einzelnen Bereiche (z.B. Header, Hauptnavigation und Inhaltsbereich) entspricht der Reihenfolge der Elemente im HTML-Dokument.
Da dieses Verhalten bei komplexeren Projekten schnell zu Schwierigkeiten führen kann, sucht die Webdesign-Community nach Lösungen um die Reihenfolge bei Bedarf verändern zu können. Das Stichwort lautet »Content Choreography«.

Beitrag zu Ende lesen