Bei Google+ gibt es das Social Network Design jetzt kreisförmig.

Homepage iPhone 4S

Apple bietet tolle Grafik-Animationen auf ihrer iPhone Homepage.

Making the perfect Listing

Auch bei vielen Grafiken eine schnelle Ladezeit der Homepage, dank CSS.

Den kompletten Artikel über die besten CSS Seiten 2011 gibt es hier

Domain = der Name unter welcher deine Website im Internet zu erreichen ist.
Der Name der Domain ist wie eine Visitenkarte. Also beim registrieren des Namens besondere Sorgfalt walten lassen. Den nichts ist ärgerlicher als auf eine Webseite zu surfen wo man etwas bestimmtes erwartet und etwas ganz anderes findet. Wie wäre man doch überrascht wenn zb. “www. auto. de” plötzlich Kleider anbieten würde.
DomainNamen sind ein knappes Gut. Jeder DomainNamen ist nur einmal vergfügbar in dem jeweiligen Ländercode (DE für Deutschland, AT Österreich oder CH Schweiz usw.). Deshalb weiche evtl. auf die neuen verfügbaren Endungen wie *.info oder *.biz aus.
Die Web-Adresse (URL) der eigenen Unterseiten die verlinkt werden, sollte sorgfältig gewählt werden. Steht später ein Umzug der Webseite bevor – weil zb. der Hosting-Anbieter (Webspace-Anbieter) wechselt so sollte die Adressen-Struktur auch beim neuen Hosting-Anbieter beibehalten werden können.

Die Eingangseite

Ist meiner Meinung nach nur erforderlich wenn zb. verschiedene Sprachen zur Navigation angeboten werden.
Wenn aber eine Eingangsseite angeboten wird so sollte dieser besondere Beachtung geschenkt werden. Deshalb vergiss nie: “Der erste eindruck prägt.”
Flash Intros finde ich immer sehr nervend. Wenn schon Flash-Intros angeboten werden, so sollte die Wahl aber beim Besucher liegen ob er diese auch wirklich ansehen möchte, oder ob direkt zur Haupseite gegangen werden kann. Man merke sich der Besucher sucht Infos auf deiner Site und nicht grafische Spielereien. Bei zu langer Ladezeit der Startseite bricht der User enttäuscht ab und lässt deine Seite links liegen. Und das will man ja schliesslich nicht.

Klare Navigation

Im voaus sollte zur Planung und Gestaltung der Website einige Gedanken gemacht werden.
Die Hauptseite mit der Navigation sollte klar strukturiert sein. Klare Navigation ist wichtig damit der Besucher an die Infos die er haben will schnell und leicht herankommt.
Außerdem sollte die Hauptseite nicht überladen sein. Der Besucher kann von einer überladenen Hauptseite überfordert werden und findet das gewünschte nicht. Besser einige wenige Menupunkte diese jedoch klar beschriften. Besser zu den einzelnen Menupunkten mit Untermenüs arbeiten. Ein Besucher mit Erfolgserlebis besucht deine Webseite im Internet sicher wieder einmal. Ein enttäuschter Besucher wirst du wahrscheinlich niemals wieder auf deiner Webseite antreffen.
Zudem sollte das Design der Seite auch auf allen Unterseiten im grossen und ganzen einigermassen einheitlich beibehalten werden. Der Wiedererkennungs Wert der Seite wird dadurch erheblich erhöht.
Die Site sollte von dir später mit neuen Menupunkten erweitert werden könnnen. Und dies ohne das ganze Design über den Haufen zu werfen.
Die Seite sollte auch nicht mit zuvielen animierten Bildern bzw. Werbebannern überladen werden. Dies wirkt unprofesionell und schreckt den Besucher bald wieder ab. Anderseits lockern ein bis zwei Animationsbilder (nicht allzu auffällig gestaltete) ein allzu strenges Site-Design auf.

Weitere wichtige Punkte beim Homepage erstellen:

Schrift, Hintergrund und Sound

Verwende möglichst gut lesbare Schriften. Hierzu sind gut geeignet die Schriftarten Verdana, Courir, Arial oder Helvetica.
Vor allem Verwende eine Schriftfarbe die sich sehr gut vom Hintergrund abhebt. Das klassische Beispiel bildet hier wohl Schwarz und als Kontrastfarbe Weiss. Hingegen tragen viele grelle und farbige Schriftarten in der Regel nicht zum besser aussehen der Website bei. Dagegen wirkt eine Farbe die verschieden abgestuft getönt ist zu einem seriösen Outfit bei.
Gestalte den Schrift-Text möglichst nicht allzu klein. Es gibt Internet-User die beschweren sich und haben es gar nicht gerne wenn die Schriftgrösse so klein ist, das für Sie das Lesen fast unmöglich ist. Ebenso erscheinen allzu grosse Schriftgrössen unprofessionell und bedeuten im Webjargon “lautes schreien”.
Für den Hintergrund verwende nicht zu Kontrastreiche Background-Bilder. Oft genügt einfach eine Uni-Farbe.
Der Besucher sollte auf der Hauptseite auch nicht mit aufdringlichem Hintergrundsound belästigt werden. Besser ein Button wo die Musik für den Hintergrund durch den User individuell gestartet werden kann.

Weniger Grafik ist manchmal mehr

Nicht die grafische Darstellung der Website ist vordergründig wichtig. In erster Linie kommt der Besucher wegen der erwarteten Info auf deine Webseite. Design ist nur die Verpackung des Inhalts. Die Grafik sollte dem Website-Ersteller nur das Mittel zum Zweck die gesuchten Informationen dem Besucher näher zu bringen.
Alle Bilder sollten zudem fürs Internet optimiert sein. Was nützt die besten Fotos im Netz wenn der Besucher wegen dem grossen aber langsamen Download der Fotos entnervt auf Abbruch der Verbindung drückt. Als kluger Zwischenweg bietet sich der Weg über Thumpnails (verkleinerte Bilder) als Vorschau an, auf welche geklickt werden kann und ein vergrössertes Bild wird in einem seperaten Fenster geladen.
Zudem ist jede Grafik auch ein Faktor der den Seitenaufbau verlangsamt.
Auch sollte jedes Bild mit einem Kurztext unterlegt sein. Bei langsamen Site-Aufbau sieht der Besucher im voraus was für ein Bild zu erwarten ist.
Zum optimieren der Bilder sind im Web vor allem zwei Grafikformate vertreten: JPG und GIF.
JPG Eignet sich wegen der guten komprimierung vor allem für Fotos
GIF hingegen ist besonders für Grafiken geeignet. Dabei verbirgt das GIF Format zwei Besonderheiten. Erstens Animationsfähigkeit (bewegte Bildchen) und zweitens Transparenz (Teile der Grafik können duchsichtig erscheinen)

Es liegt also am Website Ersteller die opitmalen Grafikformate zu wählen und die Geschwindigkeit wie schnell diese Daten beim Besucher auf dem Bildschirm erscheinen. Zudem wird eine Seite die mit wenig (oder kleinen) Bildern und Grafik arbeitet vom Besucher als schneller und deshalb nützlicher bewertet als solche die endlos dauern bis auf dem Bildschirm die ersten Resultate sichtbar werden.
Deshalb denke ich: Auf die richtige Mischung kommt es an.

Außerdem sollte man folgendes beim Homepage erstellen beachten:

Plugins

Plugins sowie neuste Webtechiken in Websiten nur verwenden wenn absolut nötig. Dies sollte man nur machen wenn es unumgänglich erscheint.
Den die meisten deiner Besucher sträuben sich zuerst ein Plugin zu installieren um die gewünschte Info zu empfangen. Die meisten werden deine Seite enttäuscht verlassen. Das tollste PlugIn taugt nichts wenn es vom Besucher nicht akzeptiert wird. Deshalb als alternative den gewünschten Inhalt unbedingt auf ander Art dem Besucher aufbereiten.

Auf jeder Seite ein “Back to Homepage-Link”

Da viele Webseiten heute mit Frames (Rahmen) arbeiten, sollte auf jeder einzelnen Unterseite der “Back to Homepage-Link” eingefügt werden. Nichts ist nerviger als wenn man über die Suchmaschine eine Website gefunden hat, diese Website aber nicht mit der Homepage-Hauptseite (Startseite) zurück verlinkt wurde. Der enttäuschte Besucher ist dann wohl für immer weg. Wenn er jedoch auch auf einer Unterseite eine Link findet so wird der Besucher leicht zu deinem übrigen Webangebot finden.

Kontaktformular / E-Mail

Jede gepflegte Website sollte auch ein Kontakt Formular enthalten.
Mit diesem kann der Besucher direkt im Browser ohne Zuhilfenahme eines E-Mail-Clients (E-Mail Programm) dich kontaktieren. Denn merke: Nicht immer arbeitet dein Besucher auf seinem Home-Desktop Rechner und hat deshalb auch nicht immer ein passendes E-Mail Programm zur Verfügung.
Nicht erwähnen sollte man eingentlich das die Kontakt E-Mail Adresse dort gut sichtbar vorhanden sein sollte. Und doch ist die E-Mail Adresse manchmal nirgends zu finden. Wie soll so ein Feedback vom Besucher deiner Website kommen?

Inhalt aktualisieren/Archiv

Nichts ist für den Website Besucher frustrierender als Infos die nicht “UP to Date” (aktuell) sind. Deshalb muss du immer darauf bedacht sein deine Website auf dem neusten Stand zu halten.
Einmal verlorene Besucher wiederzugewinnen ist überaus aufwendig.
Es fällt in der Regel leichter, deine Website-Besucher bei der Stange zu Halten als neue zu gewinnen.
Auch sind nicht fertige Seiten (under construction) oder tote Links für den Besucher überaus nervend. Deshalb keine unfertigen Seiten anbieten und tote links mit regelmässiger überprüfung vermeiden. Kein Link ist deshalb besser als die Error-Meldung die beim Besucher deiner Site auf dem Bildschirm erscheint.
Als sehr gut erweist sich auf der Startseite eine Abschnitt mit news/aktuelles oder der Link an prominter Stelle zu dieser Rubrik. Die Erfahrung zeigt das der Besucher meistens diese News zuerst verschlingt und dadurch das Gefühl erhält auf dem aktuellen Stand zu sein. Diese News auf deiner Site erfordern aber regelmässige Updates und viel Pflege von Seiten des Homepage-Betreibers.
Als interessant für den Besucher erweist sich ein Archiv-Button wo die älteren Infos von der Webseite abgerufen werden können. Das Archiv ergibt für den Besucher einen Mehrwert, und kann mit wenig Aufwand mit dem Inhalt der alten Webseiten gefüllt werden. So erhält deine Webseite mit wenig Aufwand ein Gedächtnis und dem Besucher wird deine Webseite nicht mehr so anonym erscheinen.

Quelle: http://www.tell.ch/forum/showthread.php?tid=29

Hier finden Sie den ganzen Artikel: SEO Liebesgeschichte

Die Seite zeichnet sich optisch durch große Bilder und klar abgegrenzte Inhaltsbereiche aus. Technisch gesehen bietet die Seite Javascript Slideshows welche auch auf Browsern ohne Flash funktionieren, vergrößerbare Bilder mit Lighbox Effekt, dynimische Integration von Jobangeboten auf der Startseite und Bewerberformulare.
Als CMS zum Einsatz kam WordPress 3.

Sie können die Seite hier besuchen:

www.service-first-personal.de

Sollten Sie eine Internetseite haben hat dies für Sie einen ganz praktischen Vorteil:
Es fallen Kosten zur Optimierung für diesen Browser weg. Speziell für die 6er Version mussten immer Aufwändige Lösungen erstellt werden um aktuellen Internetseiten auf diesem 100% lauffähig zu bekommen.

Mit dem Untergang des IE6 verliert Microsoft aber auch Anteile am Browsermarkt. Weltweit nutzen (Net Applications) noch knapp 52 % der Nutzer den Internet Explorer. Setzt sich der Abstieg weiter fort, sinkt der Microsoft Anteil bereits im März auf unter 50 %.

Quelle: windowsteamblog.com

Diese Grafik zeigt die Marktanteile der Webbrowser für Europa für den Zeitraum von November 2010 – November 2011. Es ist klar zu erkennen, dass der Internet Explorer und der Firefox an der Spitze liegen. Chrome gewinnt aber zunehmend an beliebtheit.

Mobile Webbrowser

Bei den mobilen Browsern ist der iPhone / iPad Safari klar vorne. Android ist auf Platz zwei.

 

Quelle: gs.statcounter.com

Quelle: www.pcwelt.de

Folgendes kann man z.B. aus der Infografik erkennen:

• Sowohl kostenlose als auch kostenpflichtige Themes werden verwendet
• Die Hauptgründe für kostenpflichtige Themes sind die besser Funktionalität und das bessere Design

Den ganzen Artikel zum Thema WordPress finden Sie hier

Daher sollte man darauf achten seine Marketing Aktionen / Newsletter auch für mobile Geräte zu optimieren.

Desweiteren enthält die Studie Informationen über die Branchen welche E-Mails von mobilen Endgeräten aus öffnet.

Die gesamte Studie gibt es hier als PDF.