Usability und Webdesign Blog

Bei der Homepageerstellung kann man viel falsch machen. Deswegen sollte man sich wenn man sich eine Homepage erstellen lassen möchte darum bemühen, folgende Fehler zu vermeiden:

1. Ihre Homepage hat einen täuschenden Domainname

Eine Homepage, auf der man das Angepriesene nicht findet, ist sehr ärgerlich. Deswegen ist es einer der häufigsten Fehler bei der Homepageerstellung keinen adäquaten Ersatz für eine gewünschte aber bereits vergebene Domain zu finden. Am schlimmsten ist es, wenn die Ersatz-Domain so gewählt wird, dass sich Besucher getäuscht und fehlgeleitet fühlen.

2. Ihre Homepage hat eine abschreckende Eingangsseite
Der erste Eindruck zählt. Zu lange Ladezeit oder unumgängliche Flash-Intros können Besucher abschrecken. Im schlimmsten Fall verlässt er Ihre Homepage direkt wieder. solche Splash-Pages waren besonders in den Neunzigern beliebt. Aus Usability-Sicht bringen sie dem Nutzer keinern Mehrwert.

3. Ihre Homepage hat eine unklare Navigation (weiterlesen …)

Man kann sich ein Unternehmen ohne Markenlogo kaum vorstellen. Jahr für Jahr entstehen und verschwinden unzählige Logos und viele davon werden z.B. im Zuge von Rebranding weiterentwickelt, McDonalds z.B. stellt derzeit von rot auf grün um.

Bei jedem Logo-Erstellungsprozess steht am Anfang ein gut vorbereitetes Briefing, d.h. der von Ihnen beauftragte Logo-Designer muss möglichst gut über Ihre Vorgaben, Hintergründe und Ziele informiert werden. Es ist meistens zusätzliche Recherche nötig um wirklich alle relevanten Informationen zusammenzutragen, die ein optimales Briefing beinhalten sollte.

Auf Grundlage des Briefings folgt als nächstes der kreative Logo-Erstellungsprozess. Erste Entwürfe entstehen oft noch von Hand, die endgültige Auswahl an Entwürfen wird grundsätzlich in einem Vektor-Programm (z.B. Adobe Illustrator) erstellt. Nachdem der Designer eine zuvor festgelegte Anzahl an Entwürfen präsentiert hat, liegt es an Ihnen, werthaltiges Feedback zu geben und zu entscheiden welcher Entwurf verfolgt werden soll.

Ein Logo ist eine einmalige Investition die das Portfolio Ihres Unternehmens möglichst lang erfolgreich unterstützten sollte. Damit Ihr Logo zu Ihrem Unternehmen passt ist es wichtig einen adäquaten Designer auszuwählen. Deswegen sollten Sie sich ausreichend Zeit nehmen, um einige Angebote und Designer nachzufragen und zu vergleichen. Dazu können Sie z.B. Deutschlands größte Plattform für Vermittlung von Projekten weltweit nutzen, die sich durch Qualität und Transparenz hervorhebt und auch für komplizierte Projekte wie Corporate Branding gut eignet.

Ein Firmenlogo oder ein Produktlogo erstellen zu lassen ist ein wichtiger Meilenstein bei der Markenbildung und verfolgt damit das Ziel Ihre Marke oder Ihr Produkt optisch so zu repräsentieren, dass das Verhalten der Zielgruppen in Ihrem Sinne positiv beeinflusst wird. Ein Firmenlogo muss viele verschiedene Kriterien erfüllen und Interessen in Einklang bringen, um wirklich im Dienste Ihres Unternehmens wirken zu können, gleichzeitig stellt sich ein Logo aus relativ einfachen Inputs wie Format, Proportion, Kombination, Farben und räumliche Anordnung zusammen. Bei der Farben- und Styleauswahl können Sie auf wissenschaftliche Forschungsergebnisse zurückgreifen, um Ihre Entscheidungsfindung zu unterstützen.

Es gibt mit Sicherheit kein hundertprozentiges Erfolgsrezept für Logo-Design, aber es gibt einige Regeln die man unbedingt beachten sollte. Treten Sie in Kontakt mit Designern und entscheiden Sie sich für den Richtigen, denn ein tolles Logo kann Ihr Garant für ein erfolgreiches Unternehmen darstellen! Es war noch nie so einfach!

Autor: Lino Richter, www.twago.de

Heute haben wir einen sehr interessanten Gastbeitrag von Christian Arno von Lingo24 über Webdesign für globale Märkte:

Überblick

Das “Look & Feel” einer Website, also deren Aussehen und Ansprechen, entscheidet über den Erfolg eines jeden Internetauftritts. Die Besonderheit des World Wide Web liegt darin, dass die von Ihnen sorgfältig erstellten Webseiten weltweit abrufbar sind, sobald sie hochgeladen werden.

Ob Sie nun mit Ihrer Website “jede Menge Kohlen machen” wollen oder ob Ihr Ziel ist, Ihr Unternehmen auf internationalem Parkett angemessen darzustellen, in jedem Fall gibt es zahlreiche Aspekte, die Sie bei der Gestaltung Ihrer Website von Anfang an beachten sollten, damit sie den internationalen Anforderungen gerecht wird. Wenn Sie beabsichtigen, die Inhalte Ihrer Website auch in anderen Sprachen zu veröffentlichen, dann sollten diese vor ihrer Veröffentlichung zunächst lokalisiert werden. Damit dieser Prozess möglichst reibungslos ablaufen kann, sollten Sie weitsichtig vorausplanen. (weiterlesen …)

Wenn man eine neue Webseite oder ein Blog startet macht man sich erstmal keine Gedanken um die Besucher oder den Traffic. Das Projekt und die Inhalte die man vermitteln möchte, stehen im Vordergrund. Die meisten Seiten die ich beobachte oder Blogger die ich coache, stellen nach ca. drei Monaten fest, daß der Traffic (die Absolute Zahl an Besucher pro Tag) stagniert oder unter 100 pro Tag liegt.

Einen der einfachsten Tipps die ich geben kann um mehr Besucher zu bekommen ist Links aufzubauen. Gute Links zu bekommen bedeutet auch viel Arbeit deshalb kann man am Anfang auf einfache und kostenlose Mittel, für mehr links, zurückgreifen:

• In  Blog-Verzeichnisse eintragen Blogeramt.de blogoscop.net blogtotal.de blogerei.de
• Themen ähnliche Blogs googeln in nach einem Link in der Blogroll Fragen

Eine ausführliche Liste weiterer Blog-Verzeichnisse findet man bei Blogs-optimieren.de

Wie erfahre ich wieviele Besucher ich auf meinem Blog habe?

Evtl. stellt der Internet-provider schon ein Web-Analytics Werkzeug zu verfügung. Sonst empfehle ich das kostenlose Web-Tracking Tool Google Analytics. Dort muß man sich einfach mit seiner Seite anmelden, und erhält ein kleines Stück HTML-Code welche man im unterem Teil seiner HTML-Seite einbinden muß. 24 Stunden später werden dann die Anzahl der Besucher angezeigt und auch woher diese kommen.

Als ich mir letztens das Gebrauchtwagen Portal auf unterschiedlichen Rechnern und Browsern angeschaut habe, konnte ich doch zahlreiche kleine Unterschiede im rendering der Browser und Betriebssysteme feststellen.

Man kann sich jetzt natürlich zahlreiche Computer ins Büro stellen um die Webseite auf vielen Systemen zu testen, das hat sich jedoch als ziemlich Aufwendig und teuer herausgestellt. Die Computersysteme an sich müssen auch gepflegt werden und wenn man diese PCs nur ab & zu nutzt muß man beim nächsten einschalten wieder zahlreiche Browser updaten bzw. aktualisieren.

Einfacher sind da Browser Test Systeme im Internet dort gibt man einfach die Internet-Adresse der Seite die man testen möchte ein, wählt unter welchem Betriebssystem und welche Browser die Seite getestet werden soll. Nach einer kurzen Wartezeit bekommt man die Browser Screenshoots zum Download angeboten und kann sich auf die Fehlersuche machen. Gegen Bezahlung muß man nicht so lange warten. In der Grund-Version sind die System kostenlos.

Die bekanntesten Browsershot Anbieter sind:

• http://browsershots.org
• http://www.browsercam.com
• Adobe Browserlab
• 10 Browser Testtools in der Übersicht (Englisch)

Aus meiner langjährigen Erfahrung als Webentwickler, rate ich jedoch dazu die Seiten erstmal nach W3c Standard zu validieren, da spart man sich meistens die langwierige Fehlersuche. Wenn die Seite Validiert, läuft sie meistens problemfrei auch auf anderen Computern. Ob man dann noch 3 Stunden investieren möchte um einen 2 Pixel fehler auf dem Safari unter Apple zu beheben, muß jeder für sich entscheiden. Mal abgesehen, davon, daß die Entscheidung nicht sehr wirtschatflich ist. Dafür sollte man vorher immer in die Logfiles oder in sowas wie Google Analytics schauen ob sich der Aufwand überhaupt lohnt so kleine Grafikfehler zu beheben.

Matt Cuts hat in den Google Webmaster Tools ein neues Werkzeug vorgestellt mit dem man jetzt angezeigt bekommt welche externe Seite auf eine nicht mehr existierende Seite auf der eigenen Domain zeigen.

Gerade für Leute interessant die Ihre Seite neulich umgebaut haben. Jetzt sieht man endlich wer einen Verlinkt und wen man um eine Änderung bitten muss. Das verbessert natürlich auch die User Experience für die eigenen Seite.

Um Fehlerhafte Links auf der eigenen Seite zu finden empfehle ich immer noch einen der bekannten Linkchecker zu nutzen.

Via Internetkapitäne

Da ich mittlerweile doch recht viele Mails mit Linktauschanfragen bekomme und dort einiges falsch ist, mache ich hier mal eine Liste, was mir so alles ins Postfach kommt. Ich gehe jetzt nicht im Detail genau drauf ein, wieso und warum. Es sind halt nur meine Tipps für die, die Arbeiten sparen wollen. Wer dem nicht zustimmt, kann sich ja gerne über ICQ melden (Kontaktdaten stehen im Impressum).

• Linktauschanfrage auf Domain.de/ und im Code der Website selber link auf Domain.de/inex.html, dadurch verteilt sich der PageRank auf 2 URLs, lieber intern auch auf / linken. Siehe auch dazu das Video von Matt Cutts warum man lieber auf Slash linken sollte.
• Falscher HTML Code. Ich weiß nicht welcher E-Mail Client das macht aber die Anführungszeichen sind immer falsch escaped
  <a href=\”http://www.domain.de\” target=\”_new\”>Linktext</a> hier hat der Webmaster sogar doppelte Arbeit da es den Tag _new gar nicht gibt, wer, wie ich, valide Seiten schreibt muss es dann auch nach  _blank umschreiben, nervig.
• Sehr gut ist auf der Artikel von Philipp Klöckner über 12 populäre Fehler bei Link-Kooperations-Anfragen

Wenn man ein neues Webprojekt startet, braucht man einige Standard-Dateien wie robots.txt, .htaccess rewirtes usw. Da ich das fast jede Woche machen muss, habe ich die alle mal zu einem Zip zusammengepackt.

Was ist im Web Project Starter Kit enthalten?

• robots.txt
• Favicon.ico
• leerer images Ordner (img) für die kurzform
• include ordner (inc) mit standard Dateien für footer, top, menu, und extra
• eine default php als Index Seite
• .htaccess mit rewrite von nicht www. auf www. zum cut & paste einsatz, ein 301 Redirect beispiel
• Eine Stylesheet Datei
• 3 Templates für Standard Fehler 403, 404, 500 mit passender Rewrite rule für den Server.

Web Project Starter Kit Downloaden 6 kb

Da ich einige Zeit gebraucht habe um die Google Sitemaps bei mir zum laufen zu bringen, schreibe ich mal eine Anleitung für alle die einen Server bei Domainfactory stehen haben. Sollte aber auch bei anderen Providern funktionieren.

1. Python Sitemap Generator downloaden
2. example_config.xml in config.xml umbennen und mit sitemap_gen.py irgendwo auf dem Webserver ablegen, bsp: Domain.de/sitemapgenerator
3. In der config.xml bei base_url die URL eingeben bsp: http://www.usability-now.com/ bei store_into den vollen Pfad des Webserver wo die XML Datei abgelegt werden soll (über PHPInfo findet man den Pfad leichter). Also steht da am Ende sowas wie:
   <site base_url=”http://www.usability-now.com/” store_into=”/kunde/668899/webseiten/usability-now.com/sitemap.xml.gz” verbose=”3″>
   <directory path=”/kunden/668899/webseiten/usability-now.com” url=”http://www.usability-now.com/” default_file=”index.php” />
   <accesslog path=”/kunden/668899/logs/usability-now.com*” encoding=”UTF-8″ />
   Der Teil /kunden/668899/webseiten/ muss natürlich auf die eigene Konfiguration angepasst werden.
4. Da das ganze jetzt noch automatisiert laufen soll und ihr die Sitemap nicht jedesmal per Hand erstellen wollt, bauen wir jetzt noch eine PHP Datei die Sitemap zusammenbaut und Google berscheid gibt, dass diese neu erstellt wurde. Sowas makesitemap.php anlegen und ebenfalls im Ordner Domain.de/sitemapgenerator ablegen.
   Dort einfach folgenden PHP-Code einbauen exec('python sitemap_gen.py --config=config.xml',$output,$return);
echo $return;
echo $output; Der die Sitemap erstellt, noch mal alles auf dem Webserver hochladen und die URL Domain.de/sitemapgenerator/makesitemap.php im Browser aufrufen, wenn alles geklappt hat, sollte im Root eures Webservers bzw. unter der URL Domain.de/sitemap.xml.gz eine URL zu finden sein.
5. Falls noch nicht geschehen, eigene Konto bei Google Sitemaps anlegen und Sitemap für die Domain einrichten.
6. Cron Job einrichten der jede Nacht das makesitemap.php Skript aufruft.

Was passiert denn da jetzt eigentlich?
Mit base_url bekommt das Sitemap Tool die URL mit. directory path zeigt dem Python die Dateistruktur so kann das Tool auch Dateien finden die schlecht oder nicht verlinkt sind (wer alle Dateien ausschließen möchte die zB admin enthalten, der fügt einfach <filter action=”drop” type=”wildcard” pattern=”*admin*” /> in die config.xml ein). Und mit accesslog hat das Python Tool zugriff auf die Logfiles und entscheidet je nachdem wie oft auf eine Datei zugegriffen wurde, welche priority diese in der Sitemap bekommt. Das ist gegenüber den ganzen Online Generatoren ein echter Vorteil da diese nur eine Standard oder gar keine Priorität vergeben.

Wer Probleme mit der Einrichtugn der Sitemap hat Verbesserungsvorschläge hat, kann ja einfach einen Kommentar schreiben.

Viele Gratis Portale verlinken kostenlos andere Seiten die etwas kostenlosen anbieten. Bieten Sie kostenlose Texte, Bilder, Tools etc. auf Ihrer Homepage an danach können Sie Sich kostenlos auf solchen Seiten eintragen.

• einfach-sparsam.de
• Kostenlos.de
• Geizkragen.de
• BitteGratis.de
• DuNixxZahlen.de
• Gewinnspiele.ch
• Schottenparadies.de
• Nulltarif.de
• Schnorrer.de
• 1001Warenproben.com
• IchZahlNix.de
• Alles-kostenlos.de
• Alleskostenlos.ch
• brutalsparer.de
• freebiez.de
• Freistunden.de
• Getit4free.de
• Gratis-Web.at
• gratisalarm.de
• Gratisdinge.de
• gratislinks.de
• gratisoase.de
• Gratisproben.com