Webdesigner-Jargon: Ein Leitfaden für Ihre Kunden

Jeder Beruf hat seinen eigenen Jargon. Als Webdesigner beherrschen Sie das Alphabet von Website-Begriffen wie UX, CSS und HTML fließend. Aber Ihre Kunden? Es könnte für sie genauso gut griechisch sein.

Es hat enorme Vorteile, Ihre Kunden über die gängigsten Webdesign-Begriffe aufzuklären, bevor Sie überhaupt in den Designprozess eintauchen. Unabhängig vom Wissensstand verbringen Sie, wenn Sie die Grundlagen überspringen, am Ende mehr Zeit mit Telefonanrufen, um Terminologie zu übersetzen, anstatt Ihre Arbeit und Designideen zu besprechen.

Um Ihre Kunden auf den neuesten Stand zu bringen, habe ich die gängigsten Webdesign-Begriffe zusammengestellt und in kundenfreundliche Fachsprache übersetzt.

Heldenbild

Bei der Gestaltung einer Website hört man oft den Begriff „Hero-Image“ in Bezug auf die Homepage der Website. Obwohl der Begriff Bilder von Batman und Superman heraufbeschwören kann, bedeutet dies nicht, dass Ihr Designer ein Bild von Superhelden auf Ihrer Website platziert.

Das Hero-Image ist das große Feature-Bild oder der Videohintergrund im oberen Bereich der Homepage einer Website. Die Leute fingen an, diesen Bereich als Heldenbild zu bezeichnen, weil er ein so wichtiger Teil der Seite ist. Es ist das erste, was jeder Besucher sieht, wenn er auf Ihrer Website landet, und daher muss das Design fesselnd und aussagekräftig sein.

Obwohl der Begriff „Heldenbild“ das Wort Bild enthält, muss dieser Abschnitt der Website nicht unbedingt ein statisches Bild sein. Heutzutage sind Heldenvideos weit verbreitet, die normalerweise im Hintergrund hinter einem Text abgespielt werden. Abhängig von den Zielen der Website und dem Designstil sehen Sie möglicherweise sogar Animationen, die in diesem Bereich der Website verwendet werden.

UX oder Benutzererfahrung

UX ist die Abkürzung für Benutzererfahrung. Einige Webdesigner sind auf UX-Design spezialisiert – den Prozess, das Gesamterlebnis eines Website-Besuchers mit Ihrer Website zu verbessern. UX-Design wird als Spezialisierung angesehen, da der Designer nicht nur das Aussehen der Website erstellt, sondern berücksichtigt, wie ein Besucher seine ersten (und nachfolgenden!) Besuche auf der Website erlebt.

Eine einfache Analogie zur Benutzererfahrung besteht darin, sie mit der Erfahrung zu vergleichen, die Sie möglicherweise in einem neuen Restaurant haben. Das Essen mag großartig sein, aber wenn das Restaurant ewig braucht, um einen Platz zu bekommen, und die Badezimmer ekelhaft sind und das Parken ein Albtraum ist, dann werden Sie wahrscheinlich darauf verzichten, wieder dorthin zu gehen. Es gibt viel mehr Faktoren als das Essen, die Ihre Erfahrung in einem Restaurant beeinflussen können.

Dasselbe gilt für Websites, und darum geht es bei der Benutzererfahrung. Um einen Besucher auf Ihrer Website zu gewinnen und zu halten, geht es nicht nur darum, ein schönes Design zu haben. Ein Webdesigner, der sich mit UX-Design auskennt, berücksichtigt, wie sich alles auf der Website auf das Gesamterlebnis des Benutzers auswirkt.

Drahtmodell

Bei den meisten Website-Projekten erstellt Ihr Webteam zunächst ein Drahtmodell einer Webseite, bevor es ein Designmodell erstellt.

Ein Wireframe ist im Grunde eine Blaupause und zeigt, wo bestimmte Elemente und Texte auf der Seite platziert werden.

Das Erstellen einer Website ähnelt dem Prozess des Hausbaus. Sie beginnen mit einem Architekten und erstellen einen Entwurf, bevor der Innenarchitekt mit seiner Arbeit beginnt, andernfalls landen Sie möglicherweise mit einem Badezimmer in der Küche. Ein Wireframe ist ein äußerst nützliches Werkzeug, da es Ihnen ermöglicht, mit dem Webstrategen oder -designer zusammenzuarbeiten und Dinge einfacher zu verschieben als ein Designmodell.

Wenn Sie jemals ein Beispiel für ein Drahtmodell gesehen haben, werden Sie feststellen, dass es Ähnlichkeiten mit einem Bauplan aufweist. Das Drahtmodell ist in der Regel schwarzweiß mit einfachen Kästchen und Umrissen, die zeigen, wo Elemente platziert werden.

Informationsarchitektur (IA)

Zusätzlich zu einem Wireframe arbeiten Sie in der Regel schon früh im Prozess an der Informationsarchitektur für Ihre Website. Informationsarchitektur, oft als IA bezeichnet, bezieht sich auf den Prozess der Organisation, Priorisierung und Kennzeichnung der Inhalte auf der Website.

In dieser Phase entscheiden Sie, welche Seiten der Website in die Top-Navigation der Website aufgenommen werden und wie die Inhalte strukturiert werden. Die obere Navigation ist die Reihe von Links oben auf der Seite. Diese Top-Navigation befindet sich auf jeder Seite der Website und hilft dabei, Webbesucher zu den wichtigsten Inhalten zu führen.

Ähnlich wie beim Wireframe ist die endgültige Informationsarchitektur eine Organisationsdarstellung Ihrer Website. Es sieht oft wie ein Diagramm aus und ist ein wichtiges Werkzeug, um das Webteam anzuleiten, um sicherzustellen, dass die endgültige Website logisch und intuitiv navigierbar ist.

Responsiv für Mobilgeräte

Heutzutage muss jede Website für eine Vielzahl von Geräten wie Telefonen, Tablets und Desktop-Computern funktionieren. In diesem Zusammenhang werden Sie oft hören, dass Webdesigner den Begriff „Mobile Responsive“ verwenden.

Die meisten Website-Plattformen wie WordPress reagieren auf Mobilgeräte, was bedeutet, dass bereits eine Technologie in die Plattform selbst integriert ist, sodass sich der Inhalt automatisch an die Gerätegröße des Benutzers anpasst.

Denken Sie daran, wie Ihr Mobiltelefon funktioniert. Wenn Sie Ihr Telefon horizontal drehen, passt sich der Inhalt des Telefons automatisch an.

Dies ist sehr ähnlich zu dem, was auf der Website passiert. Aufgrund der mobil-responsiven Technologie müssen Webdesigner und Entwickler keine zweite Version Ihrer Website für kleinere Geräte mehr erstellen. Derselbe Inhalt und dasselbe Design werden auf verschiedenen Gerätegrößen angemessen angezeigt.

Ein erfahrener Webdesigner berücksichtigt dies beim Entwerfen der Website und kann Sie beim Schreiben von Inhalten anleiten, die sowohl auf Mobilgeräten als auch auf größeren Bildschirmen funktionieren.

HTML, CSS und JavaScript

Lassen Sie sich von diesen Fachbegriffen nicht einschüchtern. Jeder bezieht sich darauf, wie Ihr Design von einem statischen Bild zu einer lebendigen, interaktiven Webseite wird. In der Regel beginnen Sie mit der Erstellung Ihrer Website mit einem Webdesigner, der sich darauf spezialisiert hat, wie die Website aussehen und organisiert werden soll. Anschließend arbeiten Sie mit einem Webentwickler oder einem Entwicklungsteam zusammen, das die Website codiert.

Sie werden diese Begriffe eher während der Entwicklungsphase beim Erstellen Ihrer Website hören, aber sie können auch in Designdiskussionen auftauchen.

HTML steht für HyperText Markup Language und ermöglicht es einem Webteam, einem Webbrowser mitzuteilen, wie ein Textstück angezeigt werden soll. HTML verwendet verschiedene Tags, um anzugeben, ob es sich bei einem Text um eine Überschrift, eine Unterüberschrift oder einen Absatz handelt. Möglicherweise sehen Sie in Ihrem Design eine Überschrift eines Designers als H1. Dies bezieht sich auf das HTML-Tag, das verwendet wird, um dem Browser mitzuteilen, dass alle Texte mit diesem Label dieselbe Schriftgröße haben sollten.

Cascading Style Sheets (CSS) helfen Webdesignern und -entwicklern, das Erscheinungsbild der Website zu definieren. HTML an sich ist nicht attraktiv oder verlockend. CSS macht den Unterschied bei der Erstellung eines schönen Webseitendesigns.

JavaScript ist eine Skriptsprache, mit der Entwickler die Interaktionen auf der Website erstellen. Mit nur HTML und CSS haben Sie eine gut aussehende Webseite, aber mit diesen beiden kann nichts passieren. Wenn Sie nach einem Webentwickler oder Entwicklungsteam suchen, suchen Sie nach jemandem, der viel mehr als nur JavaScript weiß, und stellen Sie sicher, dass Ihr Team Erfahrung mit der Plattform hat, auf der Sie die Website erstellen.

CMS

Wir werden mit einem ziemlich einfachen Begriff abschließen: Content-Management-System, auch bekannt als CMS. Sie werden diesen Begriff oft im Zusammenhang mit WordPress (einem anderen Content-Management-System) hören.

Tatsächlich ist WordPress das beliebteste Content-Management-System der Welt. Ein CMS ist ein Back-End-Tool auf der Website und ermöglicht es Ihnen, Inhalte auf der Website einfach zu bearbeiten oder hinzuzufügen.

Der große Vorteil beim Erstellen Ihrer Website auf einem CMS wie WordPress besteht darin, dass Sie kein Webdesigner oder Webentwickler sein müssen, um den Text zu ändern, Bilder hinzuzufügen oder Seiten hinzuzufügen, nachdem die Website gestartet wurde. Sie müssen Ihren Webentwickler nicht jedes Mal anrufen, wenn Sie einer Seite ein Komma hinzufügen müssen.

Da WordPress äußerst flexibel und anpassbar ist, erhalten Sie das Beste aus beiden Welten mit einer schönen Website, die für Ihr Unternehmen dennoch einfach zu verwalten ist.

Sehen Sie sich weitere WordPress-Inhalte an!

WordPress ist das beliebteste Content-Management-System der Welt und wird täglich von immer mehr Kreativen verwendet. Erfahren Sie hier mehr über WordPress. Es spielt keine Rolle, ob Sie Anfänger sind oder WordPress wie Ihre Westentasche kennen, wir haben Ressourcen und Artikel für alle!

Lesen Sie hier weiter.