Glossar für Web-Laien – wenn Ihr Kopf vor lauter UX, SSL und Go-Live nur noch lazy-loadet
Christoph Ackermann
301-Weiterleitung
Die 301-Weiterleitung leitet eine URL automatisch auf eine andere URL weiter. Diese Weiterleitung ist permanent. Bei einer temporären Weiterleitung spricht man dagegen von einer 302-Weiterleitung.404-Fehlerseite
Tippt ein Besucher eine ungültige URL ein oder ruft eine nicht mehr gültige Webseite auf, so erscheint eine 404-Fehlerseite. Eine solche 404-Fehlerseite muss nicht immer langweilig sein. Hier einige gute Beispiele die zeigen, wie Sie Ihre Besucher mit etwas Kreativität trotz einer nicht auffindbaren Webseite bei Laune halten.Ajax-Support
Ajax ist eine Funktion, die eine asynchrone Datenübertragung zwischen einem Webbrowser und einem Webserver ermöglicht. Das heisst konkret: statische Inhalte müssen nicht ständig komplett neu vom Server abgerufen werden. Es werden nur sich verändernde Seitenteile dynamisch angepasst. Das hat den Vorteil, dass Webseiten schneller reagieren und macht das Surfen für Besucher angenehmer.Beta Test
Beim Beta Test prüft man eine noch nicht vollständig entwickelte Software (Beta Version) auf Herz und Nieren und sucht nach möglichen Softwarefehlern. Meistens wird die Beta Version einer Software nur einem bestimmten Personenkreis zum Testen zur Verfügung gestellt. In einzelnen Fällen wird der Öffentlichkeit auch eine sogenannte «Open-Beta» bereitgestellt.Breadcrumb-Navigation
Eine Breadcrumb-Navigation zeigt dem Besucher anhand eines Pfades an, wo er sich innerhalb einer Website befindet. Dies ermöglicht eine einfache und übersichtliche Navigation und der Besucher fühlt sich nicht verloren. Der Pfad ist meistens oberhalb des Hauptinhaltes als kleiner Schriftpfad platziert und verlinkt, so dass man jederzeit schnell auf eine übergeordnete Seite gelangen kann.Go-Live
Hat eine Software die Testphase erfolgreich durchlaufen und ist Reif für die Veröffentlichung, erfolgt der sogenannte Go-Live, also das live schalten des Endprodukts (zum Beispiel einer Website), wodurch dieses für die Öffentlichkeit zugänglich wird.Grid
Der «Grid» ist ein Gestaltungsraster, der als Hilfe zum Anordnen von grafischen Elementen dient. Er ist mit einem Spalten-Layout bei Magazinen zu vergleichen. Ein Grid dient als Eintrittskarte zu Responsivem Webdesign. Die auf dem Grid platzierten Objekte und Elemente ordnen sich bei kleineren oder grösseren Bildschirmen dem entsprechenden neukalkulierten Grid an. Besonders verbreitet sind heute der Masonry- und der Isotope-Grid. Beim Masonry-Grid sind alle Objekte verschieden gross, aber die Abstände zum nächsten Objekt immer gleich. Dadurch verschachteln sich die unterschiedlich grossen Elemente automatisch ineinander, wodurch optisch ein ähnliches Bild wie bei einer Ziegelmauer entsteht. Beim Isotope-Grid haben alle Elemente dieselbe Grösse, was zu einer gleichmässigen und «genormten» Rasterdarstellung führt.Information Architecture (IA)
Dient als Struktur- und Bauplan für eine Website und soll an aktuelle Nutzergewohnheiten anknüpfen. Die «Information Architecture» stellt sicher, dass die Website-Architektur logisch und verständlich organisiert ist und bestimmt die Priorisierung von Informationen.Interaction Design
Fokussiert auf die Art der Nutzereinbindung in das Geschehen während seines Besuchs auf einer Website, in einer App oder einem Tool. Interaction Design dient zur Bestätigung von getätigten Aktionen. Beispiel dafür kann eine Progressbar (Fortschrittsbalken) oder ein Interaktions-Feedback (zum Beispiel als visuelle Darstellung eines aktivieren Feldes oder Bestätigungshinweises) sein.Landingpage
Klickt ein Besucher auf einen Werbebanner oder auf einen Eintrag in einer Suchmaschine, landet er auf einer sogenannten Landingpage. Die Idee einer Landingpage ist, den Besucher ohne Umwege direkt zu einem bestimmten Angebot zu führen, das man bewerben will. Die Landingpage ist spezifisch auf diese Inhalte zurechtgeschnitten und enthält ein Response-Element (Formular, Button usw.).Lazy Loading
Beim Aufrufen einer Website werden normalerweise alle Inhalte auf einmal geladen. Beim «lazy loading» erscheinen die Inhalte jedoch erst, wenn der Besucher diese aufruft, also zum Beispiel beim Herunterscrollen auf einer Seite. Das hat den Vorteil, dass die Website-Performance gefördert wird.Microsite
Eine Microsite ist eine schlanke Website, die meist ein bestimmtes Thema behandelt und mit einer einfachen Navigation auskommt. Sie ist zwar in einen grösseren Internetauftritt integriert, kann sich aber optisch und thematisch stark davon unterscheiden. Microsites werden eingesetzt um spezifische Produkte, Dienstleistungen oder Events auf eigenständige Art zu präsentieren.Mobile First
«Mobile First» ist ein Designansatz, bei dem die optimale Darstellung einer Website auf mobilen Endgeräten oberste Priorität hat. Laut einer Studie der A&Y Group nutzen 85% der Schweizer Internetnutzer mobiles Internet. Nicht verwunderlich, dass der «Mobile First» Ansatz immer beliebter wird. Die Vor- und Nachteile von «Mobile First» erläutern wir in diesem Beitrag.Mouse Over, Roll Over & Mouse Hover
Bezeichnet eine grafische Bedienungshilfe die aktiviert wird, wenn der Maus-Cursor auf einem entsprechenden Element platziert wird. Dies dient dem User als Feedback und zeigt ihm, dass das entsprechende Element interaktiv ist. Beispiele: ein Pop-Up, das einen Beschreibungstext oder eine Vorschau enthält oder ein Button, der sich farblich verändert oder einen Schatten wirft.Responsive Design vs. Adaptive Design
Werden fälschlicherweise oft als Synonym verwendet. Beim Adaptive Design wird via sogenannten «Breakpoints» für jedes Endgerät eine fixe Anzeigegrösse definiert. Vorteil: Adaptive Design bietet für jedes Gerät die ideale Darstellung. Nachteil: wird schnell aufwändig und teuer. Responsive Design passt sich hingegen nahtlos an und ist automatisch mit vielen Geräten nutzbar, die Darstellung ist manchmal aber suboptimal. Diese Grafik veranschaulicht sehr gut, wie die beiden Designansätze funktionieren. Es gibt jedoch auch Mischformen, die Funktionen von Responsive Design und Adaptive Design verbinden.SSL
Secure Socket Layer - die sichere Übertragungsart für Daten im Internet. Die Verbindung wird durch ein Zertifikat verschlüsselt, das sogenannte SSL-Zertifikat. SSL lohnt sich, um Kunden- und Besucherdaten zu schützen und so das Nutzervertrauen zu fördern. SSL wird sehr oft für Webshops eingesetzt. Mehr zum Thema SSL lesen Sie in diesem Blogbeitrag.User Experience (UX)
Umschreibt das Erlebnis eines Nutzers während seines Aufenthalts auf einer Website, in einer App oder einem Tool. Eine gute User Experience sollte sicherstellen, dass die Bedienung einfach, intuitiv und nicht verwirrend ist.User Interface (UI)
User Interface beschreibt sämtliche dem Nutzer zur Verfügung stehenden Mittel, mit denen er durch die Website, die App oder das Tool navigieren kann. Typische Elemente sind Menus, Buttons, eine logische Farbgebung und Bilder, die den Inhalt wiederspiegeln.Web-Apps vs. Native-App
Native-Apps werden für Mobile-Betriebssysteme wie iOS, Android oder Windows entwickelt und müssen vom Benutzer via AppStore geladen werden. Web-Apps hingegen werden im Browser aufgerufen und sind geräteunabhängig. Sie müssen also weder installiert noch für ein spezifisches Mobile-Betriebssystem entwickelt werden.Bildquelle: Freepik
Mehr Artikel wie dieser
Welche WordPress Version habe ich? So findest Du es heraus!
WordPress ist das beliebteste CMS der Welt, mit welchem sich neben Blogs auch ganze Webseiten erstellen lassen. Da WordPress regelmässig und fleissig verbessert wird, kann…
Weiterlesen 
WordPress 6.1 – Alle Neuerungen mit webP und dem neuen Twenty Twenty-Three Standard-Theme im Überblick
Das dritte grosse WordPress Update in diesem Jahr steht vor der Türe. Mit WordPress 6.1 kommen am 1. November 2022 wieder zahlreiche Neuerungen auf uns…
Weiterlesen 
Wie wir ACF Blocks mit Handlebars Templating einsetzen
Mittels Handlebars Templating trennen wir Logik sauber vom Inhalt. Auf diese Weise können wir übersichtliche, einfache und performante Templates für WordPress Editor Blocks erstellen, welche…
Weiterlesen 
iPhone Bildschirmgrössen – (k)ein Hexenwerk für Webdesigner?
iPhone-Bildschirm Messgrössen iPhone Bildschirmgrösse in Zoll (Display Size, Inches) Dies ist die Bildschirmgrösse in Zoll, gemessen von einer Ecke zur anderen. Genau so, wie auch Bildschirmgrössen von…
Christoph Ackermann
Vorstellung von WordPress 6.0 – Neue Blöcke und mehr Performance
Seit dem 24. Mai 2022 ist mit WordPress 6.0 die zweite Hauptversion in diesem Jahr veröffentlicht worden. Benannt wurde die Version nach Jazzmusiker Arturo O’Farrill.…
Weiterlesen 
So kombinieren wir Nested Pages, SEO Framework & Polylang in WordPress
Bei vielen Kundenwebseiten setzen wir auf das Plugin Nested Pages, um Seitenstruktur besser sehen (und verwalten) zu können. Ohne dieses Plugin sieht die Anzeige von…
Weiterlesen 
WordPress Login – so bekommst Du Zugang zu Deinem Dashboard
Gerade für WordPress Anfänger, aber auch bei fortgeschrittenen Benutzern, kann es oft schwierig sein, sich bei seinem Konto anzumelden. Im folgenden Beitrag werde ich Dir…
Weiterlesen 
WordPress 6.0: Entwicklerteam gibt Zeitplan der neuen Version bekannt
Update: WordPress 6.0 wurde am 24. Mai 2022 veröffentlicht Wie Matias Ventura Ende Januar schrieb, soll WordPress 6.0 ein Abschluss der Phase 2 des Gutenberg-Projekts…
Weiterlesen 
WordPress 5.9 – Was ist neu und kommt mit dem Update
Ursprünglich sollte WordPress 5.9 (Josephine) bereits am 14. Dezember 2021 veröffentlicht werden, wurde jedoch wegen offenen Problemen nach mehrfachen Verschieben nun am 25. Januar 2022…
Weiterlesen 
WordPress Bilder und Medien: Alles was du wissen musst
Bilder sind ein grosser und wichtiger Bestandteil einer modernen Webseite. Sie helfen dem Besucher und Leser, Dinge zu visualisieren und lockern auch gerne lange Beiträge…
Weiterlesen 
Warum unsere Kunden ihre Webseite kaputt layouten können
Einleitung / Basics Bereits seit einiger Zeit haben wir unseren neuen cubetech Core im Einsatz. Intern nennen wir das Ding liebevoll „gutenbase“ – eine Mischung…
Weiterlesen 
Tech Talk – „Advanced Custom Fields“ Plugin
Bereits seit langer Zeit setzen wir bei unseren WordPress-Installationen auf das populäre Plugin «Advanced Custom Fields» (nachfolgend ACF). Dieser Beitrag zeigt, wie wir unsere Webseiten…
Weiterlesen