9 Ressourcen, um kostenlose Bilder für Webseiten zu finden

Bildmaterial auf einer Website

Kostenlose Bilder für Webseiten zu finden ist weniger schwierig als man denkt. Während istock, fotolia etc. gutes Bildmaterial auch für kommerzielle Zwecke anbieten (allerdings gegen Bezahlung), ist es gerade schwieriger, Bildmaterial für kommerzielle Webseiten zu finden, die kostenlos nutzbar sind.

Nachstehende Suchmaschinen bzw. Agenturen bieten die Möglichkeit zu z.T. kostenlosen Bildmaterial für die Website:

P.S.: Auch das oben stehende Bild ist kosten- und lizenzfrei und wurde auf https://pixabay.com/ gefunden.

 

 

9 Gesetze, die gutes Webdesign berücksichtigen

,

Webseiten mit gutem Design und Usability beachten die folgenden 9 Gesetze:

1. Das Gesetz der Gestaltung
Oben Links und oben Rechts ist reserviert für Produktlogo und Suchbox.  Dort erwarten die Internetnutzer das Logo. Ebenfalls in der oberen Reihe muss die Suchbox untergebracht sein (wobei hier mehr Freiheiten bestehen, so lange die Suchbox irgendwo in der Nähe des oberen Bereichs platziert wird).  Eine Abweichung davon bricht die Konvention, riskiert, die Kunden zu verwirren oder zu frustrieren.

2. Das Gesetz der Produkt-Kategorie
Die Navigation für die Produktkategorie muss präsent sein. Ein Erstkäufer kauft nicht per Telefon oder möchte sich direkt in sein Konto einloggen, geschweige denn seine Wunschliste oder seinen Warenkorb sehen. Erstkäufer suchen nach der Suchbox oder der Produktnavigation.

3. Das Gesetz der wichtigen Botschaften
Bieten Sie kostenlose Lieferung an? Dann sollte diese Information etwas größer dargestellt werden, als die Navigation innerhalb der Produktkategorie.

4. Das Gesetz der linken Seite
Die linke Seite ist der wichtigste Bereich auf einer Website. Nutzen Sie diesen für wichtige Aktionsmöglichkeiten und verschwenden Sie diesen nicht für Newsletteranmeldungen oder tägliche News.

5. Das Gesetz der Verfügbarkeit
Die Website muss schnell geladen werden. Bietet Ihr Serviceprovider einen schnellen Webspace? Bieten Sie einen Flyer an oder haben Sie einen umfangreichen Flashbereich? Dauert dieser 30 Sekunden oder mehr, um ihn zu laden? Welche Produkte sind an Lager und welche nicht? Geben Sie darüber Auskunft? Sollten Sie.

6. Das Gesetz von Merchandising
Merchandising und Impulskaufangebote haben auf der linken Seite nichts verloren. Auch sollten diese Bereiche das gleiche Design besitzen, wie die restliche Website.

7. Das Gesetz der Links
Links bedeuten Information. Informationen müssen gut organisiert und vernünftig dargeboten werden.

8. Das Gesetz der genauen Angaben
Angaben innerhalb Ihrer Website, Ihres Shops müssen genau sein. Warum sind bestimmte Produkte “featured products”? Wären es nicht besser “Top-Seller” oder “Ausverkauf” oder “Neue Produkte”? Weshalb soll genau dieses Produkt gekauft werde? Achten Sie ganz genau auf die Terminologie Ihrer Aussagen.
9. Das Gesetz der mobilen Nutzung
Alle Seiten müssen ordentlich mobil genutzt werden können.

 

Weiterführende Informationen:

Wie wirkt die eigene Website in anderen Browsern?

Verschiedene Browser

Schaut man sich eine Website in verschiedenen Browsern an, stellt man fest, dass nicht alle sie so darstellen, wie es ursprünglich der Plan war.

Das liegt daran, dass es zwar eine Standardisierung der Webprogrammierungstechniken durch das W3C (“World Wide Web Consortium”) gibt, aber nicht jeder Browser diese Spezifikationen zu 100% übernimmt.

Besonders, wenn Interpretationsspielraum in der Umsetzung der Regeln vorhanden ist, gehen die Darstellungen der Browser oft auseinander. Jeder Browser hat spezifische Eigenschaften, die vom verwendeten Betriebssystem oder auch den wirtschaftlichen Interessen des Herstellers abhängen.

Problematisch ist es, die eigene Website in Browsern zu testen, die “eigentlich kein Mensch hat!”. Abhilfe können hier Cross-Browser-Testing-Tools schaffen.

Wenn Sie wissen wollen, wie Ihre Website in anderen Browsern wirkt (z.B. auf einem Mac, Linux-Browser etc.), dann können Sie dies kostenlos unter http://browsershots.org/ durchtesten.

Tools und Generatoren für Webseiten

,

Im Internet gibt es eine Vielzahl von Generatoren und Tools, die mal mehr – mal weniger sinnvoll sind.

Ich wollte die “ruhige Zeit” dazu nutzen, in nachstehender Zusammenstellung die, meiner Meinung nach interessantesten Tools für Webdesigner darzustellen. Diese helfen, kleinere Probleme selbst zu lösen und sparen (teure) Designerzeit.

Achtung! Bitte beachten Sie bei allen Tools die Nutzungsbedingungen. Nur weil es hier gelistet ist, ist das Tool nicht ohne Nutzungsbedingungen und für alle Zwecke einsetzbar!

Textarbeit:

Blindtexte generieren: Lorem-Ipsum und Co:

Blindtextgenerator – der Blindtextgenerator von Newmediadesigner erstellt lustige Fülltexte, die in Demovorschlägen für neue Seiten verwendet werden können. Diese Blindtexte werden in der Regel als Platzhalter verwendet, bis der entsprechende Text zur Verfügung steht.

Blindtextgenerator – 2 – Dieser Blindtextgenerator erstellt einfach und schnell Blindtexte mit CSS-Formatierun, die über standardisiertes LOREM-IPSUM hinausgehen.

FAQ für die Website zusammenstellen

FAQs schnell generieren – Schnell die wichtigsten Fragen und Antworten zusammenstellen geht mit diesem FAQ-Generator

Farbwahl

Zueinander passende Farben finden:

Farbwahl 1 – hier gibt es sehr gut gelungene Farbwahlmöglichkeiten, inkl. Farbrad.
Farbwahl 2 – auf dieser Website können Farben, die zueinander harmonieren, gefunden werden.
Farbwahl 3 – kombinieren Sie zueinander passende Farben.

SEO und Webdesign

Black-Hat-SEO kann kurzfristige Erfolge feiern, führt aber dauerhaft zum Ausschluß aus den Suchkatalogen. Trotzdem kann Black-Hat-Seo eine Einsatzvariante sein.

Doorwaypages – Hier gibt es eine Website, die Online entsprechende Doorway-Pages erstellt.

Geografische Daten

Geo-Metatags – Generieren Sie Metatags mit dem Standort Ihres Unternehmens zur Integration in den Code der Website.

IFRAMES

iFrames schnell erstellen – mit diesem Online-Konfigurator können schnell iFramers erzeugt werden, die in anderen Webseiten integriert werden können.

Rechtssicherheit

Impressum-Konfigurator – online ein rechtsicheres Impressum erstellen.

Disclaimer und Haftungsausschluß – für die eigene Website erstellen bzw. übernehmen.

Anfahrtskarten

Anfahrtskarten generieren – Basierend auf Google Maps und den Daten von TeleAtlas kann hier eine Straßenkarte mit einem Ziel generiert werden. Bitte beachten Sie die Nutzungsbedingungen.

Robots-Texte

Robots.txt erstellen – Dieses kleine Programm hilft, eine entsprechende Datei für die Website zu ersellen.

Sitemaps

Sitemaps leicht erstellen – eine schnelle und einfache Sitemap für statische Seiten erstellen geht mit diesem nützlichen Online-Konfigurator.

Automatische Weiterleitung

Weiterleitungen generieren – Dieses Tool hilft, Weiterleitungen von Seiten, die nicht mehr bestehen, auf andere Seiten herzustellen.

EMail

EMail Check – Wenn Email-Adressen auf ihre Richtigkeit geprüft werden sollen, kann dies auf dieser Seite geschenhier können Sie E-Mail-Adressen auf Richtigkeit prüfen (z.B. für Abonnenten-Listen eines Newsletters)

Freemail als verschlüsseltes Icon – Sie möchten Ihre Freemail-Webadresse als Grafik darstellen und auf Ihrer Website hinterlegen. Das geht auf dieser Seite

Mailto-Generator – erstellen Sie einen Mailto-Link mit vordefinierten Inhalten für Betreff, Nachricht, Adressaten etc.

Anti-Spam-Email-Konfiguratoren

Diese Konfiguratoren helfen, eine spamsichere eMail-Verknüpfung zu erstellen und bieten hierzu noch zwei weitere Alternativen, um spamsichere Emailcodes zu erstellen oder das ganze als CSS-Variante zu erledigen: http://www.spamspan.de

Disclaimer – Vorlage zur freien Verwendung

,

Disclaimer – oder auch die Sammlung von rechtlichen Hinweisen – sind wichtig. Sie beschreiben, wie das Unternehmen mit der Privatsphäre des Besuchers umgeht und welche Haftungsausschlüsse bestehen.

Besonders wenn Google Analytics installiert ist, sollten entsprechende Hinweise bestehen.

Im Juraforum gibt es einen Mustertext für Disclaimer zur freien Übernahme (bei Hinweis auf die Quelle).