Tag Archive für Layout

Responsive Webseiten: mehr als eine Option

Es gibt keine zweite Chance für den ersten Eindruck – das gilt auch für die Webseite eines Unternehmens. Sie ist das Aushängeschild, mit welchem Unternehmer potenzielle Kunden von ihren Produkten und Services überzeugen wollen. Dafür muss die Seite eine intuitive und einfache Navigation aufweisen und den Interessenten informieren und beraten, um am Ende den Kaufprozess zu vollziehen. Die Unternehmenswebseite ist damit ein wertvolles Marketinginstrument, aus dem Firmen das Optimum herausholen sollten.

mehr lesen
Kategorie: Produkte
0 Kommentare0

Jahresrückblick: Das war 2014 im 1&1 Blog los

Das Jahr nähert sich dem Ende und das Internet ist voll von Jahresrückblicken. Da ist es natürlich auch wieder Zeit, einmal auf die Ereignisse im 1&1 Blog im vergangenen Jahr zurück zu schauen. Anfang des Jahres haben wir das 1&1 Blog für euch überarbeitet und ihm ein neues frisches Layout verpasst. Ende März war es dann so weit und wir konnten euch das neue Design vorstellen. Nach mehr als vier Jahren war es auch höchste Zeit dafür, da unser altes Design schon ein wenig in die Jahre gekommen war. Alle bis dahin veröffentlichten Artikel finden sich natürlich auch in unserem neuen Blog wieder.

2014-12-23 12_07_30-Jobs & Karriere bei 1&1 - StellenangeboteRückblickend auf 2014 haben wir für euch mehr als 430 Blog-Artikel zu Themen rund um DSL, Mobilfunk und Hosting geschrieben und euch außerdem mit Neuigkeiten aus dem Unternehmen auf dem Laufenden gehalten. Anfang Dezember haben wir euch dabei beispielsweise das neue Layout der 1&1 Karriereseite vorgestellt. Nun kommen unsere Stellenanzeigen ebenfalls im neuen Design daher und ihr könnt euch noch einfacher und komfortabler auf die Suche nach eurem Traumjob bei 1&1 machen.

mehr lesen
Kategorie: 1&1 Intern | Unternehmen
0 Kommentare0

John’s Livemusik – modern, jung und erfolgreich

John EbelingJohn Ebeling ist bereits seit fünf Jahren freiberuflicher Musiker und hat schon bei den unterschiedlichsten Veranstaltungen für Unternehmen, Institutionen und Vereine gespielt. John ist modern, jung und erfolgreich, was seine Website „john´s-livemusik“ auch ausstrahlen soll. „Mit 1&1 MyWebsite Business habe ich ein Tool gefunden, mit dem ich ohne Programmierkenntnisse meine Webseite professionell einrichten und bearbeiten kann. Da die Homepage meine digitale Visitenkarte ist und mich und meine Arbeit repräsentiert, war mir das besonders wichtig.“

mehr lesen
Kategorie: MyWebsite & Apps
0 Kommentare0

MyWebsite – einfache Bedienbarkeit und doch Freiraum für Kreativität

Immoment GmbH ScreenshotGerade in der Immobilienbranche ist der erste Eindruck entscheidend. Stimmt die Optik der vorgestellten Immobilien nicht mit den Vorstellungen der Interessenten überein, kommt kein Geschäft zustande. Das weiß auch Immobilienmakler Andreas Kropf aus München. Einen ersten Eindruck holen sich die meisten Kunden auf seiner Homepage „Immoment GmbH. „Hier stellen wir alle aktuellen Miet- und Kaufobjekte mit Fotos und Beschreibungen vor. Um die Immobilien optimal darzustellen, nutzen wir das 1&1 MyWebsite Business Paket, das uns in unserer Arbeit professionell unterstützt.“

mehr lesen
Kategorie: MyWebsite & Apps
0 Kommentare0

Alles neu macht der März: Das 1&1 Blog bekommt ein frisches Layout

Das 1&1 Blog im neuen LookAm 25. November 2009 erschien an dieser Stelle unser erster Artikel im 1&1 Blog. Nun ist nach mehr als 1.500 Tagen Schluss mit dem alten Design. Ab sofort erstrahlt das 1&1 Blog in neuem, frischem Glanz. Pünktlich zum Frühling starten wir mit einem rundum erneuerten Layout, das sich in das neue Design der 1&1 Homepage einfügt. In der neugestalteten Header-Grafik finden Sie ab sofort unsere Social Media Kanäle und können mit einem Klick unsere Aktivitäten bei Twitter, Facebook, LinkedIn oder YouTube verfolgen. Zusätzlich können Sie unseren RSS-Feed abonnieren und  so keinen unserer Blog-Artikel verpassen.

Auch die Blog-Kategorien haben wir überarbeitet. Hier können Sie nun gezielt nach Themen schauen, die Sie interessieren und zu denen Sie weitere Artikel lesen möchten. Auf der Startseite finden Sie wie bisher die aktuellsten Artikel in der Reihenfolge ihres Erscheinens.

mehr lesen
Kategorie: 1&1 Intern
0 Kommentare0

Video: Auf das Layout Ihrer Webseite kommt es an

Finden sich die Besucher auf Ihrer Firmen-Webseite leicht und schnell zurecht, kommen sie gerne wieder und werden zu treuen Kunden. Wichtig dafür: ein ansprechendes Layout und eine benutzerfreundliche Gestaltung Ihrer Homepage. Wie können Sie Besucher länger auf Ihrer Webseite halten, ohne großen Aufwand betreiben zu müssen? Wie auch sonst im Geschäftsleben zählt der erste Eindruck, den Ihre Homepage vermittelt.

  • Achten Sie auf eine angemessene Ladezeit Ihrer Homepage Achten Sie darauf, dass Ihre Webseite schnell lädt, sondern surfen die Kunden vielleicht zur Konkurrenz. Auch wenn immer mehr Menschen inzwischen über einen Breitbandanschluss ans Internet verfügen, sollte das Datenvolumen so gering wie möglich sein, um die Ladezeit kurz zu halten.
  • Wählen Sie einen deutlichen Kontrast zwischen Text und Hintergrund Text- und Hintergrundfarbe Ihrer Webseite sollten sich deutlich voneinander unterscheiden, denn die Sehstärke Ihrer Besucher und die Qualität der Monitore schwankt stark. Tipp: Im Zweifelsfall ist schwarz auf weiß am besten geeignet, den notwendigen Kontrast herzustellen.
  • Leichte Lesbarkeit durch Schriftgröße und Zeichenabstand Wählen Sie für die Schrift auf Ihrer Webseite die passende Größe, denn wenn die Seite schlecht zu lesen ist, verlassen die Besucher Ihr Webangebot schneller. Auch ein ausreichender Zeilenabstand ist wichtig. Grundsätzlich gilt: besser zu groß als zu klein.
  • Nutzen Sie Flash und Add-ons nur sparsam Wenn ein Besucher mehrere Minuten lang warten muss, bis das Plug-in geladen ist, verliert er wahrscheinlich die Lust, weiter auf Ihrer Webseite zu bleiben. Bleiben Sie am besten bei den Standards HTML und CSS. Diese sind auch aus einem anderen Grund vorteilhaft: Webseiten mit diesen Standards werden von Suchmaschinen schneller gefunden.
  • Versehen Sie Bilder mit den passenden ALT-Tags ALT-Tags enthalten eine Beschreibung des Fotos. Denken Sie daran, dass nicht nur die Programme für sehbehinderte Internetnutzer diese Eemente nutzen, sondern auch Suchmaschinen. Sie können durch ALT-Tags das Foto überhaupt erst erkennen. Vor allem bei Bildern oder Icons, die Sie für einen wichtigen Inhalt – etwa Menüpunkte – verwenden, sind diese Tags essentiell.
  • Webpage hat eine eigene Not-Found/404-Seite Gestalten Sie Not-Found/404-Seite individuell und nutzen Sie sie, um die Besucher auf Ihrer Homepage zu halten. Wenn es zu einem technischen Problem kommt und bloß die Standard-404-Seite erscheint, besteht die Gefahr, dass die Nutzer zu einer anderen Webseite wechseln.

Beantworten Sie die W-Fragen, die sich einem Besucher automatisch stellen, wenn er Ihre Seite besucht: Wer sind Sie? Was machen Sie? Warum sollte der Besucher Ihrem Unternehmen vertrauen?

  • Bringen Sie Ihr Firmenlogo gut sichtbar an Das Logo Ihrer Firma oder Ihre Markennamen muss auf Ihrer Homepage gut zu sehen sein. Am besten geeignet dafür ist die obere linke Ecke, weil dies der Gewohnheit vieler entspricht.
  • Ein Slogan oder Claim verdeutlicht das Ziel des Unternehmens Formulieren Sie einen griffigen und leicht verständlichen Slogan oder Claim, der beschreibt, welches Ziel Ihr Unternehmen verfolgt. Fachsprache sollten Sie dafür nicht verwenden und beschränken Sie sich auf möglichst wenige Worte – auch unter dem Aspekt der Suchmaschinen-Optimierung
  • Vermitteln Sie die Kernbotschaften auf Ihrer Homepage in wenigen Sekunden Die Grundinformationen müssen für die Besucher Ihrer Webseite sofort auf den ersten Blick innerhalb kürzester Zeit zu erkennen sein. Kaum ein Nutzer ist bereit, lange danach zu suchen.
  • Informieren Sie über Ihr Unternehmen unter einem eigenen Menüpunkt Unter der Rubrik „Über uns” kann sich der potenzielle Kunde am einfachsten und schnellsten über Sie informieren.
  • Bringen Sie Ihre Kontaktinformationen gut sichtbar an Der Besucher Ihrer Homepage möchte natürlich auch wissen, wie er Sie erreichen kann. Vorteilhaft ist es, wenn dies nicht in Form eines Bild geschieht, sondern als ganz normaler HTML-Text. Denn dann werden auch die Suchmaschinen fündig.

Klare Pfade sollten die Besucher durch Ihr Online-Angebot führen. Darauf müssen Sie besonders achten:

  • Das Hauptmenü muss klar erkennbar sein Überprüfen Sie, ob das Hauptmenü auf Ihrer Seite leicht zu finden, zu lesen und zu benutzen ist. Sollte es mehrere Navigationsmenüs auf Ihrer Seite geben, verdeutlichen Sie dem Besucher, worin die Unterschiede liegen. eit es Webpages gibt, hat jede Seite ein Hauptmenü.
  • Verwenden Sie klar und präzise Navigationsbegriffe Ihre Menüüberschriften sollten kurz, griffig und leicht verständlich sein.
    Benutzen Sie nicht zu viele Buttons und Links Verwenden Sie nicht mehr als sieben Menüpunkte – sonst wird es leicht unübersichtlich. Vielleicht können Sie eine Punkte auch zu größeren Rubrikeneinheiten zusammenfassen
  • Verlinken Sie Ihr Logo mit der Startseite Mit einem Klick auf das Logo sollte der Besucher wieder zur Startseite zurückkommen. In der Hauptnavigation sollte ein Link mit der Beschriftung „Startseite” oder „Home” vorhanden sein.
  • Links sollten immer gleich aussehen und leicht zu erkennen sein Standardmäßig sind Links blau und unterstrichen. Sie können das natürlich ändern, dann aber einheitlich und erkennbar.
  • Achten Sie auf eine leicht zu findende Seitensuche Falls Sie eine Suchfunktion auf Ihrer Seite haben, sollte sie leicht zu finden zu sein. Am besten geeignet dafür ist die rechte obere Ecke. Die Kennzeichnung der Suche mit Hilfe eines Buttons muss einfach und klar sein.

Eine gut gemachte Webseite gefällt durch einen gut organisierten Aufbau und einen gut lesbaren Inhalt auf.

  • Die Hauptüberschriften sollten deutlich erkennbar sein Verwenden Sie Zwischenüberschriften, um Abschnitte voneinander zu trennen und um dem Benutzer in wenigen Worten zu sagen, worum es in dem folgenden Absatz geht.
  • Wichtiger Inhalt sollte sich über dem Fold (sichtbarer Bereich ohne Scrollen) befinden Der Fold ist die Linie an der eine Seite durch das Ende des Bildschirms abgeschnitten wird. Inhalt unterhalb dieser Linie wird oft nicht mehr gelesen, daher ist es wichtig, dass Kerninformationen oberhalb dieser unsichtbaren Grenze genannt werden.
  • Achten Sie auf einen durchgängigen Stil und homogenes Farbschema Layout, Schriftart und Farbe sollte auch auf Unterseiten Ihres Webangebots homogen sein. Sonst laufen Sie Gefahr, die Besucher zu verwirren.
  • Weniger ist mehr Bombardieren Sie die Besucher Ihrer Webseite nicht mit Anzeigen oder Pop-ups Integrieren Sie diese Elemente in Ihre Webseite und heben Sie sie deutlich vom normalen Inhalt ab.
  • Verwenden Sie eine einfache und präzise Sprache Der Inhalt Ihrer Seite sollte kurz, präzise und beschreibend sein. Fachausdrücke sollten nur dosiert verwenden werden – und müssen erklärt sein.
  • Verwenden Sie Keywords an den richtigen Stellen Die URL sollte Keywords enthalten, damit sie Suchmaschinen leichter auffinden können. Außerdem soll der Besucher sofort wissen, was ihn auf der Webseite erwartet. Viel wichtiger ist jedoch, dass Ihre Überschriften beschreibend und einmalig sind. Außerdem dürfen die Überschriften nicht bloß eine Anhäufungen von Schlüsselbegriffen darstellen. Die Überschriften sind das erste, was der Nutzer einer Suchmaschine liest. Daher sollten sie so interessant und sinnvoll wie möglich sein.

Wie Sie das Layout Ihrer 1&1 Do-It-Yourself Homepage ganz einfach ändern oder anpassen, zeigt dieses Video.

 

Foto: iStockPhoto.com

 

mehr lesen
Kategorie: Tipps
0 Kommentare0

Machen Sie mehr aus Ihren Fehlerseiten

Wenn beispielsweise ein interner Link nicht richtig funktioniert, zeigt der Webserver einen 404-Fehler an: Seite nicht gefunden. Dieser Fehler-Seite sollten Sie bei der Gestaltung Ihrer Homepage durchaus einige Aufmerksamkeit schenken, damit Sie keinen Ihrer Besucher vergraulen. Denn wenn ein Nutzer nach dem Klick auf einen Link nicht das Gewünschte findet, besteht die Gefahr, dass er zu einem anderen Online-Angebot surft.

Das Smashing Magazine hat 40 kreative Beispiele für gut gestaltete Fehlerseiten in einer Übersicht zusammengestellt.

Beachten sollten Sie auf jeden Fall, dass der Besucher folgende Angaben auf der 404-Seite findet:

  • Erklären Sie ihm, dass er versucht hat, eine Seite zu erreichen, die nicht existiert.
  • Ergänzen Sie die Fehlerseite um einen Link zur Startseite und auch zur Sitemap.
  • Bieten Sie dem Nutzer ein Suchfeld an.

Wichtig ist auch, dass sich die Fehlerseite im Design nicht von Ihrer restlichen Online-Präsenz unterscheidet, damit Sie Ihre Besucher nicht durch ein anderes Layout verwirren.

 

Foto: iStockPhoto.com

mehr lesen
Kategorie: Tipps
0 Kommentare0