Logo adiheutschi

Einfache Webseiten Bedienung - Backend Design

Webseiten einfacher administrieren

Backend Design Joomla

Ba­ckend De­sign – wir be­gin­nen, wo an­de­re nicht mehr hin­se­hen



Viele Webdesigner oder Agenturen konzentrieren sich vorwiegend auf die Frontseite einer Webseite. Das Backend, also die Webseitenverwaltung, wird oft vernachlässigt. Der Frust bleibt beim Kunden.

Ich habe mich darauf spezialisiert, Joomla-Webseiten im Backend für die Verantwortlichen einfach und übersichtlich aufzubereiten, damit Inhalte schnell und Effizient bearbeitet werden können.


Platin Mitglied, Joomla Verband Schweiz

Certifified Joomla Administrator

Backend Design: einfache Bedienung für Betreuende und Autoren

Die Administration oder Verwaltung des Backends ist ein wichtiger Bestandteil, damit eine Webseite einfach und effizient betreut und à jour gehalten werden kann.

Moderne CMS-Webseiten (Content Management Systeme) z.B. Joomla oder Wordpress sind für breite Anwendungsmöglichkeiten ausgelegt. Was das CMS von Haus aus nicht kann, wird mit zusätzlichen Plugins oder Komponenten (Software-Erweiterungen) umgesetzt oder individuell programmiert.

Die Inhalte dafür müssen meist direkt in diesen verschiedenen Komponenten und Plugins verwaltet werden. Das wird schnell unübersichtlich und aufwendig.

Ein CMS (Content Management System) ist im Prinzip eine Software zum Verwalten der Webseite. Wie bei jeder neuen Software, bedingt der Einstieg für die Bedienung eine Lernkurve.

Ziel eines gut konzipierten Backend Designs ist es, die Lernkurve für die Autoren und Administratoren so kurz wie möglich zu halten. Die Betreuung einer Website soll verständlich und unkompliziert werden.

Darum erfordert ein systematisches Backend Design individuelle Anpassungen, wenn die Standardlösungen zu umständlich oder zu lückenhaft sind.

Backend Design

Vorteile

  • Effizienteres Verwalten der Webseite

  • Tiefere Schulungskosten

  • Weniger Dokumentationsaufwand

  • Keine Anleitungen

  • Mehr Verwaltungs-Lust statt Frust


Professionelles Backend Design lohnt sich!

Die Betreuenden und Autoren können sich somit ganz auf den Content konzentrieren.

Backend Design Joomla

Wie funktioniert das Backend Design?

Beim Backend Design werden die Inhaltsbereiche für eine individuelle Betreuung vereinfacht. Das heisst: übersichtlicher und nur mit den wirklich nötigen Eingabefeldern.

Dynamische Inhaltsbereiche (Inhalte, die sich regelmässig ändern oder mit neuen Beiträgen befüllt werden) sollen übersichtlich, einfach und effizient verwaltet werden können.

Wo machen optimierte Verwaltungsbereiche Sinn?

Bei allen variablen Informationen, die immer wieder auf den neuesten Stand zu bringen sind, wie zum Beispiel:
  • Aktualitäten oder Newsbeiträge

  • Ausschreibungen / Aktionen

  • Dienstleistungen

  • Download Dateien

  • Events

  • FAQ's

  • Kataloge

  • Lexikas

  • Offene Stellen

  • Öffnungszeiten

  • Preisinformationen

  • Produktinformationen

  • Sportresultate

  • Teams bzw. Personalveränderungen


Was beinhaltet das Backend Design

Übersichtliche Administrationsoberfläche

Dazu gehört eine klare Gestaltung und eine einfach nachvollziehbare Systematik.
Alles, was für die normale Websitebetreuung nicht wichtig ist, wird zurückgestuft bzw. ausgeblendet.

Navigation für Betreuer und Autoren

Für sie wird eine separate Verwaltungs-Navigation erstellt, welche zu den relevanten Bereichen führt.

Inhaltsbasierte Eingabemasken

Individuelle Eingabemasken für die verschiedenen Seitenbereiche sorgen für optimale Übersicht. Unnötige Felder oder Parameter (Standardinstallationen) werden ausgeblendet.
Anwenderfreundliche Felder-Bezeichnungen oder Beschreibungen unterstützen die Verständlichkeit.

Zentralisierte Datenhaltung

Durch die Verwendung von «Dynamischen Inhalten» ist es möglich, Beitragsinhalte zentral zu verwalten. Diese brauchen nur an einem Ort betreut zu werden, selbst wenn sie dann auf mehreren Seiten und Darstellungen angezeigt werden.

Automatisierte Bildoptimierung

Bilder können einfach per Drag&Drop hochgeladen werden. Um Grössen und Formate muss man sich nicht mehr kümmern. Die Anpassung auf die maximale oder optimale Grösse sowie das Komprimieren übernimmt das System automatisch

Backend Design in der Praxis

Beispiele für einfache Webseiten Administration:


Verbandswebseite mit Informationen der angeschlossenen Vereine

Navigation für Betreuer und Autoren

Navigation für Betreuer und Autoren

Für die Betreuer oder Autoren wird eine zusätzliche Verwaltungs-Navigation erstellt, welche zu den relevanten Bereichen führt.

Inhaltsbasierte Eingabemasken für die Vereins- Erfassung

Inhaltsbasierte Eingabemasken für die Vereins- Erfassung

Die Vereinsdaten werden in der Inhaltsbasierten Eingabemaske erfasst und verwaltet.

Bilder können einfach per Drag&Drop hochgeladen werden. Um Grössen und Formate muss man sich nicht mehr kümmern. Die Anpassung auf die maximale oder optimale Grösse sowie das Komprimieren übernimmt das System automatisch

Vereins Seite

Vereins Seite

Für die Vereinsinformationsseite wird eine Layoutvorlage erstellt, damit jeder Verein einheitlich dargestellt wird.

Die Betreuenden und Autoren können sich somit ganz auf den Content konzentrieren.

Übersichtseite alle Vereine

Übersichtseite alle Vereine

Durch die zentrale Datenhaltung können diese auf mehreren Seiten und Darstellungen angezeigt werden zum Beispiel als übersichtseite aller angeschlossenen Vereinen.

Geographische Darstellung der Vereine

Geographische Darstellung der Vereine

Durch die erfassten Standortangaben in der Eingabemaske können die Vereine geographisch, auf einer Map dargestellt werden. Durch Anklicken werden spezifische Informationen in einem Pop-UP angezeigt.


Tierlexikon

Tierlexikon Navigation für Betreuer und Autoren

Navigation für Betreuer und Autoren

Für die Betreuer oder Autoren wird eine zusätzliche Verwaltungs-Navigation erstellt, welche zu den relevanten Tierlexikon-Bereichen führt.

Inhaltsbasierte Eingabemasken für die Erfassung der Tiere

Inhaltsbasierte Eingabemasken für die Erfassung der Tiere

Die Tierdaten werden in der Inhaltsbasierten Eingabemaske erfasst und verwaltet.

Bilder können einfach per Drag&Drop hochgeladen werden. Um Grössen und Formate muss man sich nicht mehr kümmern. Die Anpassung auf die maximale oder optimale Grösse sowie das Komprimieren übernimmt das System automatisch

Ausgabeseite des Tieres

Ausgabeseite des Tieres

Für die Tier- Informationsseite wird eine Layoutvorlage erstellt, damit jedes Tier einheitlich dargestellt wird.

Die Betreuenden und Autoren können sich somit ganz auf den Content konzentrieren.

Inhaltsübersicht vom Tierlexikon

Inhaltsübersicht vom Tierlexikon

Durch die zentrale Datenhaltung können Tier- Informationen auf mehreren Seiten und Darstellungen angezeigt werden zum Beispiel als übersichtseite aller Tiere.


Immobilien Verwaltung

Navigation zur Immobilien Verwaltung

Navigation für den Anwender

Für die Betreuer oder Autoren wird eine zusätzliche Verwaltungs-Navigation erstellt, welche zu den relevanten Bereichen der Immobilien-Verwaltung führt.

Verwaltungsmaske

Optimierte Beitragserfassungsmaske

Immobilien Objekte werden in der Inhaltsbasierten Eingabemaske erfasst und verwaltet.

Bilder der Objekte können einfach per Drag&Drop hochgeladen werden. Um Grössen und Formate muss man sich nicht mehr kümmern. Die Anpassung auf die maximale oder optimale Grösse sowie das Komprimieren übernimmt das System automatisch

Ausgabe 1

Ausgabeseite der Immobilien Objekten

Für die Objekt- Informationsseite wird eine Layoutvorlage erstellt, damit jedes Objekt einheitlich dargestellt wird.

Die Betreuenden und Autoren können sich somit ganz auf den Content konzentrieren.

Ausgabevariante

Weitere Seitenausgabe Slider

Durch die zentrale Datenhaltung können diese auf mehreren Seiten und Darstellungen angezeigt werden. Zum beispiel in einem Slider mit den Objekten auf der Frontseite.

Ausgabevariante

Weitere Seitenausgabe auf der Home Seite

Durch die erfassten Standortangaben in der Eingabemaske können die Objekte geographisch, auf einer Map dargestellt werden. Durch Anklicken werden spezifische Informationen in einem Pop-UP angezeigt.


Automatisierte Bildoptimierung

Bilder hochladen drag&drop

Bilder Hochladen (Drap&Drop)

Bilder können einfach per Drag&Drop hochgeladen werden indem die Bilddatei in das Bild-/Datenfeld gezogen wird.

Um Grössen und Formate muss man sich nicht mehr kümmern. Die Anpassung auf die maximale oder optimale Grösse sowie das Komprimieren übernimmt das System automatisch.

Die Betreuenden und Autoren können sich somit ganz auf den Content konzentrieren.

Bilder komprimieren

Automatisierte Optimierung

Die Bilder werden automatisiert auf eine maximale Grösse (in Pixel) verkleinert und zusätzlich Komprimiert ohne optischen Qualitätsverlust.

Beispiel:

Bilddatei mit 3.7MB (5673x3782px) wird automatisch verkleinert auf 2000px breite (= 804.95KB) anschliessend zusätzlich komprimiert.

Dateigrösse: 103.31KB (87%)


Webagentur

adiheutschi.ch - webdesign 
Wolfisbergstrasse 1
CH-4704 Niederbipp
info@adiheutschi.ch
+41 32 510 32 99