Angesichts der hohen Qualität des Opera-Browsers kann ich eine Meldung bezüglich mangelnder Kompatibilität nur als mangelnde Befähigung des Verantwortlichen für die Site des BMW-Konzerns interpretieren. Ich hätte nicht gedacht, dass mir heute noch mit dem Opera auf nur einer Site, die auf sich was hält, jener alte Schwachsinn oder Ahnliches begegnet:

Zugegeben: BMW schließt die Opera-User nicht aus, wie das die Grafik vermuten lässt, sie informiert nur den Opera-User über Inkompatibilität und überlässt es im weiteren dem Opera User, ob er den Browser wechselt oder austestet wie schlecht oder gut die Site wirklich programmiert ist.

Ich habe den Browser übrigens gewechselt, weil der Firefox seit geraumer Zeit ziemlich mies in der Performanz ist und ich Java und Flash mit dem FF meide und lieber mit dem Opera solche Seiten aufsuche. Der Opera setzt seltener aus. Den IE setze ich für’s surfen nur im Notfall ein. BMW fällt nicht unter die Kategorie Notfall. Ich überlege noch, ob ich nach diesem Blogeintrag mir die BMW-Seite noch antun will oder nicht. Ich tendiere zum “oder nicht”!

Web design is the creation of digital environments that facilitate and encourage human activity; reflect or adapt to individual voices and content; and change gracefully over time while always retaining their identity.

“Webdesign ist,” heißt es in diesem Zitat von Jeffrey Zeldman, “die Kreation eines digitalen Lebensraum, das menschliche Interaktion ermöglicht und fördert, das die Stimmen und Inhalte von Individuen reflektiert und adaptiert und das sich den Moden, dem Fluß der Veränderungen über die Zeit anmutig anpasst, doch dabei stets eine eigene Identität bewahrt.” Dies ist zweifelsohne eine schöne Umschreibung für Webdesign. Es ist eine Haltung, die auch ich teile. Aber wenn Jeffrey Zeldman Kritik an der Webdesign-Geschäftswelt übt und Flasher und druckorientierte Grafikdesigner, die sich ins Webdesign verirrten auf’s Korn nimmt, da vergißt er, dass ich und Feldman einer Avantgarde angehören, die das Netz anders/intensiver nutzt als die Mehrheit. Die vielbeschworene Aktivität findet nur bedingt statt. Weder wurden von den Entwicklern CAD-Systeme entwickelt, die eine netzweite Kooperation ermöglichen und Ingenieure in die Web2.0-Welt integrieren, noch ist Onlineshopping alla Mymüsli allzuweit verbreitet.

Websites enthalten überwiegend leblose Profile und ob diese nun zeitgemäßes tabellenloses Design verwendet oder auf dem zugeknüpften Flash oder ein quelltext-überfrachtetes, verschachteltes Tabellendesign verwendet, ist unerheblich. Diese Seiten gehen unter in dem billionenfachen Angebot der Netzseiten. Suchmaschinen übersehen diese Seiten, gleichgültig welche Technik verwendet wird. Die Anbieter sind zufrieden, wenn hier und da nach klassischer Akquise der interessent das Firmenprofil ansurft und überfliegt. Ein Trost für uns Idealisten und Netzaktivisten, mehr und mehr Nutzer des Internets entdecken unsere Welt und der Idealzustand von Webdesign gewinnt mehr und mehr Relevanz.

Was Jeffrey Zeldmans Anmerkungen zum Template Minima anbelangt, so teile ich seine Meinung nicht. Nicht das Design von Douglas Bowman verleiht den Beispielen die Individualität, sondern die Inhalte. Das Design hält sich vornehm zurück und gibt sich erfreulich neutral.

Weblog-Template-Design Minima von Douglas Bowman

Minima ordnet die Nutzer einer bestimmten Gruppe zu, gibt den Maketeers einen Anhaltspunkt welchem Kundentyp diese Nutzer zugehören. So wie Moleskinnutzer einer anderen Gruppe angehören als Nutzer die im nächsten Kaufhaus ein Ringbuch kaufen und darin ihre Notizen und Skizzen unterbringen. Individualität existiert nur dann, wenn das Template solange modifiziert wird, bis dessen hervorstechenden Designmerkmale derart verblasst sind, dass die Zuordnung zur Kreation des ursprünglichen Designers verloren geht und die Kreation dessen, der das Template überarbeitet ganz im vordergrund steht.

Bildquellen:
- Moleskine und Kaffeetasse von Flickr-Userin ‘Lost in Scotland’ (Download),
- Screenshot minima-test auf blogspot.com

“jefe” ist ein Pseudonym eines Autors zum Thema Webdesign. Ich kenne den Autor nicht und so wie es aussieht ist der Server, auf der physikalisch die Publikation gespeichert wurde, nicht in Deutschland. Schön. Da sage ich Danke. Sollte jemand jedoch Artikel illustrieren die mir nicht behagen, werde ich wohl meine Urheberrechte wahrnehmen. Generell gilt, wer Bilder von Flickr verwendet, die nicht unter eine CC-Lizenz publliziert wurden, läuft Gefahr teuer für die Publikation zu bezahlen.

Er hat jedoch der Auffassung der Vorinstanzen widersprochen, die Preisangabenverordnung nötige dazu, die zusätzlichen Hinweise auf die Umsatzsteuer und die Liefer- und Versandkosten auf derselben Internetseite zu geben, auf der die Ware angeboten und der Preis genannt werde. Dem Internetnutzer sei bekannt, dass im Versandhandel neben dem Endpreis üblicherweise Liefer- und Versandkosten anfielen. Er gehe auch als selbstverständlich davon aus, dass die angegebenen Preise die Umsatzsteuer enthielten. Es genüge daher, wenn die fraglichen Informationen alsbald sowie leicht erkennbar und gut wahrnehmbar auf einer gesonderten Seite gegeben würden, die der Internetnutzer bei näherer Befassung mit dem Angebot noch vor Einleitung des Bestellvorgangs aufrufen müsse.

Quelle: Pressestelle des Bundesgerichteshofes

Die Frage stellt sich Kunden und potentiellen Kunden auch bei Onlineshop Tiacquisa?

Ja, Tiacquisa erfüllt die Anforderungen an einen Shop gemäß den Richtlinien des Gesetzgebers. Der Shopbetreiber ist jedoch eigenverantwortlich diese zu implementieren. Tiacquisa kann international eingesetzt werden und hat daher keine Routinen, die zur Einhaltung des deutschen Handelsrechts in bezug auf Versandhandel und Onlineshops.

Tiacquisa bietet hinreichend Möglichkeiten den Kunden über alles zu informieren. Es steht dem Shopanbieter der sich für Tiacquisa entscheidet frei, wie er dies gestalten möchte. Die Kombination von MiniCMS und MiniShop mit Bausteinen für statische Inhalte, die auf allen Seiten des Templates erscheinen und frei editierbar sind lassen Raum für Angaben oder einen Link. Grundsätzlich sind dem Kunden Versandkosten vor der Angabe der Adresse, ergo der Notwendigkeit der Abgabe persönlicher Angaben, bekannt. Da Versandkosten nicht selten in direktem Bezug zur bestellten Ware stehen, macht es durch aus Sinn diese Versandkosten mit dem Warenkorb zu kombinieren und nicht dem Kunden ein Formblatt um die Ohren zu hauen, bei dem der potentielle Besteller sich die Versandkosten für die unterschiedlichen Fälle zusammenreimen muss.

Für besseres Webdesign im Netz

Aus gegebenen Anlass hier drei Webdesigner, deren eigene Websites zeigen, dass Sie von Webdesign eine Ahnung haben:

• Design 82
• Maxx IT
• Networker

Wenn Fördermittel des Arbeitsamtes für eine Website vorhanden sind, dann heuert man besser einen guten Webdesigner, so dass die neue Site für einen arbeitet.

Dies ist mein kleiner Beitrag, Gründern in Bielefeld zu helfen, die Fördermittel des Arbeitsamtes sinnvoll einzusetzen und nicht an Pappenheimer zu verschwenden. Die Unternehmen wurden aus einer Mini-Recherche in XING herausgefiltert. Es sind die ersten drei, die ich finden konnte von rund 20 Unternehmen die ich angeklickt habe. Zwischenrein dachte ich schon in Bielefeld gibt es keine guten Webdesigner.

Spät merkt sie’s, doch sie merkt es.

Ein guter Grund sich mit dem Url-Design ein wenig zu befassen.

Es gibt zwei Benutzergruppen, die Seitennamen lesen:

1. Den Bot der Suchmaschine
2. Der menschliche Besucher

Der Bot der Suchmaschine

Liest eine Seite und erkennt dabei folgende:

1. Link
2. Linktext
3. Metaangaben der Seite

Überschriften in der Seitenstruktur <h1>

4. Betonte Begriffe im Fließtext <em> und <strong>
5. Texte und deren Stichwortdichte
6. Stichwortdichte im Verhältnis zu Füllwörtern

Der Mensch und Seitenbesucher

1. Link
2. Linktext
3. Überschriften an der Formatierung
4. Betonte Begriffe an der Formatierung
5. Flüssig geschriebene Texte
6. Stichwortdichten führen eher zum Abschalten
7. reine Begriffslisten werden erkannt aber eher gemieden

Was will das Unternehmen das den Bot losschickt?

Unternehmen wie Google, wollen, dass Menschen ihre Suchmaschine verwenden. Sie wollen also möglichst gute Ergebnisse. Rein von der Zahl der zu indizierenden Seite — die Zahl geht in die Milliarden — müssen Suchalgorythmen (also Mathematische Prozesse) die Relevanz ermitteln. Diese Suchalgorythmen können im Grunde jedoch nur stupide vergleichen. Das heißt, Wörter vergleichen und wenn Übereinstimmungen gefunden werden diese Zählen. ein wenig Hilfe bekommt die Zähl- und Vergleichsmaschinerie noch von den Klickstatistiken, Verlinkungen und von redaktioneller Seite, also von menschlicher / kreativer Seite.

Menschen wollen nicht die ewig gleichen Seiten finden. Menschen wollen die absolute gigantische Seite wiederfinden

Suchmaschinenbetreiber werden also immer Mal wieder nach neuen Futter suchen, dabei aber die wirklich guten Ergebnisse weit vorn lassen.

Menschen kommen nicht nur über Suchmaschinen auf ihre Seite

Man unterhält sich über Webseiten. Vorzugsweise der Betreiber, wenn sich die Gelegenheit ergibt. In diesen Fällen ist es gut, wenn man einen prägnante Adresse nennen kann. Ist eine Seite gut, unterhalten sich auch Wildfremde über eine Seite und dann ist es gut, wenn die Url so eingängig ist, dass man sie nicht einmal notieren muss.

Menschen merken sich bis zu 7 Dinge, es sei den wir haben eine Kontext, dann merken wir uns deutlich mehr.

Je natürlicher wir an unsere Sprache kommen, desto einfacher ist es.

Unsere Schriftsprache trennt Begriffe. Wir sind es also nicht gewöhnt allzuviel Silben oder gar Subjekt und Verb ohne Lücke und damit Sprechpause (Denkpause) warzunehmen.

Wenn wir also einen Seitennamen für unsere Seite überlegen, dann sollten wir die Erkenntnisse die wir über Wahrnehmung der Bots und des Menschen haben zusammen nehmen und das beste daraus machen.

Was ist wichtig?

1. Was ist der Kern der Aussage in der Seite?
2. Welche Schlüsselbegriffe sind wichtig in diesem Zusammenhang
3. Welche Wortkombinationen sind gängig
4. Welche Wortkombinationen öffnen interessante Nischen, die Suchmaschinentechnisch noch nicht beackert sind und gute Ergebnisse bringen
5. Lässt sich die Adresse laut sprechen, ohne dass man stottert oder den Sinn verzweifelt zu raten versucht
6. Wie kann ich Cluster bilden?

Was sind Cluster? Wortcluster sind sinnvolle Wortkombinationen, Konnotationen, Annotationen und Wortfeldgruppen. Manche Wörter werden gewöhnlich nicht getrennt, z.B. die Bluejeans. Jeans kommen in allen Farben. Lesen wir also Blue-Jeans wird das Blau betont. Nur wenige Menschen stören sich an roten Bluejeans, müsste es doch rote Jeans heißen. Bluejeans hat einen anderen Klang als Jeans. Und was das Trennen für Suchmaschinen bedeutet. Viel. Schließlich können wir Menschen noch unterscheiden zwischen Blumento-Pferde und Blumen-Topf-Erde. Eine Suchmaschine unterschiedet hier in aller Regel nicht.

Editland und Url-Design

Editland stellt je nach dem was hinter “?s=” steht die Seite auf. Es ist der Seitenname.Bots und Menschen nehmen diese ?s=irgendwas wahr. ?s=wir-ueber-uns erkennen wir schneller als Selbstauskunft als ?s=wirueberuns. ?s=besticktebluejeansonlinekaufen ist schwierig zu lesen, aber ?s=bestickte-bluejeans-online-kaufen geht problemlos oder bestickte-blue-jeans-onlineshop.

Das traditionelle Alltagsgeschäft des Gemüsehändlers profitiert nicht von einer Website. Das heißt aber nicht, dass nicht ein Gemüsehändler nicht eine Website gewinnbringend in seine Geschäftsprozesse integrieren kann. MIt Template-System und ein zwei Plugins ist die Investition zur Ertragschance in einem absolute genialen Verhältnis, schließlich verliert der Gemüsehändler fast 70-80% seiner Kundschaft an den Supermarkt. Warum also nicht versuchen, einen Teil dieser Kundschaft zurückzuerobern? Ich hole mir hierzu eine Geschichte aus England aus meiner Au Pair Zeit zu Hilfe.

Es Weihnachtet allerorten

Die Einkaufswagen bei Tesko sind voller als üblich, es dudelt aus allen Lautsprechern Bing Crosbys White Christmas und noch einer hat sich seit Wochen auf das kommende Weihnachten eingestellt. Der kleine Gemüsehändler mit dem kleinen Gemischtwarensortiment in Melbourne einem Dorf in Mittelengland nicht weit von Derby und Nottingham. Immer wenn Kunden in seinen Laden kommen, informiert ein Schild darüber, dass er auch in diesem Jahr den Weihnachtskarten-Service anbietet. Er und seine Mitarbeiter haben eine Liste und einen Stift parat und zur üblichen Frage “What can I do for you, me duck?” fragt er auch, was er den Leckeres zu Weihnachten ins Haus liefern dürfe. Die Leute am Ort kennen sich und an Heilig Abend (24. Dezember) wird er sich mit allen anderen Menschen bei einem aus dem Dorf zum Weihnachtslieder singen einfinden, gleich nachdem er die Kisten ausgeliefert hat. In jenem Jahr waren einige deutsche Lieder Weihnachtslieder auf dem Programm. Amüsiert war man über “Oh Tannenbaum”, dessen Melodie in England eher mit der Gewerkschaft als mit Weihnachten assoziiert wird. Es ist eine fröhliche Runde, Ofen und Microwelle kommen nicht zur Ruhe, während die Mincepies und der Punsch serviert werden. In der Voratskammer ist auch die Kiste die der Gemüsehändler am Nachmittag geliefert hatte. Die Karten der Nachbarn und Freunde hängen schon an den Kordeln in der Guten Stube und zeugen von der Beliebtheit meiner Au Pair Familie.

Wussten Sie übrigens, dass zahlreiche Menschen in und um Stuttgart wöchentlich eine Kiste vom Äkogemüsebauern beziehen. In der Kiste traditionelles Saisongemüse und die eine oder andere exotische Frucht oder das eine oder andere Glas mit Chutney, Eingemachtem und sonst verarbeiteten landwirtschaftlichen Produkten und auch einem Blatt aus dem Tintenstrahdrucker mit der Liste des Inhalts der Kiste und eine Kochrezept.

Der Äkobauer hat seinen Sitz in dem 30 Kilometer entfernten 1000-Seelendorf, beliefert neben den Wochenkistenabonennten, umliegende Gemüsehändler und ist auf dem Wochenmarkt in der nächstgelegenen Kreisstadt präsent.

Warum nicht einen weiteren Vertriebskanal erschließen

Eine Website zum Wochenkistendienst

Auch ein Gemüsehändler kann von einer Website profitieren und so die Supermarktkäufer ein stückweit bedienen, in dem er z.B. via Website einen Bringdienst etabliert, bei dem man Wochenkisten bestellen kann. Diese Wochenkisten werden nach Ladenschluß in einer Runde mit dem Transit ausgeliefert und enthalten z.B. neben den Gemüse-Klassikern auch neue Produkte zum Testen und auf der Website können Kunden bei den textprodukten ihre Bewertung abgeben. So kann der Gemüsehändler z.B. Gemüse, das nicht rasch genug Verkauftwerden kann zu Chutneys, Dips und ähnlichem verarbeiten oder verarbeiten lassen, z.B. mit einem oder mehreren der regionional ansässigen Gastwirte, die eine dem Lebensmittelgesetz entsprechende, Küche vorweisen. Als Chutney im Glas ist das Gemüse dann noch einmal über Monate ein verkäuflicher Artikel und welches Chutney sich lohnt herzustellen, ermittelt man über die Wochenkisten. Zu den Wochenkisten kann man im Intrernet noch Verarbeitungstipps für das Gemüse ausgeben, Rezepte mit dem neuen Chutney oder Tipps wie man Gemüse einmachen kann.

Und schon hat man ein ganzes Geschäftsmodell, das

1. den Kunden viel Spaß machen kann
2. Service für Faule oder Gestresste bietet, die nicht in den Laden kommen
3. dem Restaurant das die “LadenReste” verarbeitet eine zusätzliche Einkommensquelle bietet
4. Das Restaurant und den Gemüsehändler im Gespräch hält

Er kann ebenso einen regionalen Postdienst integrieren und so Touren attraktiver und effizienter gestalten, und bei der Gelegenheit via Postdienst seine Website bekannt machen, denn statt einer Briefmarke ist auf dem Umschlag sein Logo und seine Webadresse.

Nur weil traditionelle Geschäftsmodelle ohne Website auskommen, heißt das nicht, dass man nicht neue Geschäftsmodelle mit einer Website etablieren kann und versuchen kann, verlorengegangene Klientel dem scheinbar übermächtigen Konkurrent wieder abgejagt. Mit Templates und Editland wird der Versuch bezahlbar schließlich kann es nie Schaden in einem gewissen Rahmen, neue Wege zu testen und das Geschäft auszubauen.

BTW.: einen erfahrenen Partner in Sachen Marketing für landwirtschaftliche Produkte ist z.B. Kai Oliver Schleyerbach

Diese Variante einer Navigation darf man unter die Kategorie “die Rache des Captchas” nehmen. Weder Bot noch Mensch haben eine Chance vor dem Klick zu erfahren, was hinter dem Link steckt. Wer Javascript deaktiviert, wird wie der Bot es nie erfahren. Es hilft bei dieser Navigation die Augen leicht zuzukneifen oder als Brillenträger die Brille abzunehmen. Mit ein wenig unschärfe und Konzentration kann man dann lesen was auf den Schaltflächen steht.

Ich fand es nicht wichtig, wo diese “Meisterwerke” im Netz zu finden sind. Sorry.

Weder –– noch –– und gleich gar nicht -- wird akzeptiert.

Es geht W3C verflixt noch mal einen alten Sch***dreck an, welche Zeichen ich im Text verwende und in welcher Reihenfolge. Welchem Fuzzi darf ich jetzt hier den Hals umdrehen? Ich könnte nun also ein Grafik verwenden für diese ohnehin ornamental genutzte Zeichenfolge valide in die Seite zu integrieren. Aber hey! Das ist so unnötig wie ein Kropf! OK! Da ich aus dem Blickwinkel des Marketings diesen Knopf nachprüfbar auf der Seite haben will, werde ich nicht umhinkommen, dass ich diese Zeichen in einer Grafik unterbringe. Aber aufregen darf ich mich hier an dieser Stelle jetzt mal gewaltig. Es ist besonders ärgerlich, da das Know-How-Gefälle Webdesigner und Kunde nicht selten extrem groß ist und eine ganz beachtliche Gruppe dieser Kunden dieses Gefälle nicht wahr haben wollen. (Anwesende Leser natürlich wie immer ausgenommen )

Ergo ist das Zertifikat von W3C eine gute Hilfe, die Botschaft zu transportieren, dass hier jemand weiß, was er/sie tut.

Ich war nicht in Stimmung für eine Grafik. Ich habe also den nächst besseren faulen Kompromiss gewählt.

1. HTML:
   &ndash;<span class="hide">&nbsp;</span>&ndash;
2. CSS:
   .hide {display: none; visibility: hidden;}

Einen festen Leerschritt und diesen via CSS versteckt; und schon validieren auch zwei Bindestriche hintereinander. Heckmeck!

Klicke auf das Bild für eine Ansicht 1024×640

Als ich im September in München einen Vortrag zu guten Webseiten hielt, da behauptete ein Co-Referent, dass Bäckerseiten nicht blau sein dürfen. Das ist so nicht richtig. Milka wäre kaum ein solcher Erfolg geworden, hätte Milka nicht mit bestehenden Farbvorstellungen gebrochen. Jedes Design ist ein Statement und auch für Bäckerseiten kann es gute Gründe geben, Blau als Firmenfarbe zu wählen, zum Beispiel wenn es klar zum Ausdruck bringen möchte, dass es eine Bäckerei mit guter bayrischer Tradition ist.

Dieser Website-Entwurf zeigt meines Erachtens ein Design, dessen sich keine Bäckerei schämen muss und das anderen guten Bäckerseiten in nichts nachsteht. Es ist bedauerlich, dass in der Verkleinerung einige Details zum Nachteil der Vorschau verwischen, daher ist der Entwurf auch in Originalgröße vorhanden. Ich würde mich freuen, wenn auch andere Designer zeigen, dass Bäckerseiten nicht immer in Herbstfarben Gelb, Braun oder Orange bzw. Beige daherkommen müssen. Insbesondere gute Siteentwürfe mit Blau als führende Farbe zeigen die Freiheit, die Unternehmen in der Farbwahl haben, wenn Design von Profis im Spiel ist.

Bildquelle: Brotkorb auf stock.xchng

Auf das erste Plugin, das ganz unter der Flagge von tempus creativ steht, bin ich mächtig stolz. Ich danke Esim Can (für die Grundlagen, dass es dieses Plugin geben konnte), dem Strohhalm (für den entscheidenden Hinweis für die Kontextsensitive Hilfefunktion) und die unzähligen Quellen im Netz für die Unterstützung.

Was macht HG-Definition?

Das Plugin ermächtigt den User von Editland aus dem Bildordner Hintergrundgrafiken, die sie selbst hochgeladen können, in die Seite einzufügen. Wenn ein User das Plugin über eine Schaltfläche direkt am Bereich des veränderbaren Element (i.R. der Headergrafik) anklickt, öffnet sich ein Dialogfenster, wo Bild, Farbe und die Art und Weise wie sich das Bild verhalten soll einstellen kann. Wer das nun ausprobieren möchte, kann dies in der Demo tun, z.B. auf der Neuen Seite in der Demoprovinz Quest (Der Admin ist passwortgeschützt. Bitte Zugang und das Passwort bei mir anfordern.)

Wie funktioniert HG-Definition

Im Template wird ein halbes HTML-Element durch den Platzhalter ###---HGDEF---### ergänzt. Das Plugin schreibt nun dieses halbe HTML-Element zu Ende. Das heißt, wenn der Hintergrund des Headers zu dieser Seite einen neuen Definitonseintrag in der Liste hat, setzt das PHP-Skript einen Inlinestyle, wenn nicht, vervollständigt es das unvollständige HTML-Element. Durch die Verwendung des Inlinestyle wird die Anweisung im Stylesheet für diesen Bereich überschrieben.

Der Quelltext im Template, sieht z.B. so aus:

1. <div class="header"###---HGDEF---###
2. ###---STATICCONTENT---###
3. </div>

Die Ausgabe sieht ohne Anderung so aus:

1. <div class="header">
2. ###---STATICCONTENT---###
3. </div>

… und mit Anderung:

1. <div class="header" style="background: url(pics/meinhintergrund.jpg) top right no-repeat #dd0000;">
2. ###---STATICCONTENT---###
3. </div>

Was fängt man mit HG-Definition an?

Wie schon Editland entbindet es von der Notwendigkeit immer gleich einen Webdesigner zu engagieren, wenn man nur eine Grafik austauschen möchte. Sinnvolle Anlässe das Hintergrundbild zu tauschen ergeben sich durch Aktionen, Feiertage und andere thematische Anlässe. Es macht die Website insgesamt lebendiger und schafft einen frischen und aktuellen Eindruck.

Hintergrundbilder haben den Vorteil, dass man darüber eigene Texte schreiben kann. Und dafür gibt es gute Gründe, gerade wenn man eine Seite haben möchte, die weniger starr am tebellenartigen Raster klebt.

Verwandte Beiträge:

• Das Plugin HG-Defintion im Templaterie-Onlineshop
• Beitrag in Flickr: IT-Eierköpfe?

Diese kleine Logocloud (Teil I // Teil II) mit kommentierten Link eines Flickr-Beitrages entdeckte ich im Beitrag “Web2.0, Ajax, Folksonomy, Tagging, Tagclouds, Blogrolls,…” im Blog racemat.de

Ja, Keywords im Header kann man weglassen oder aber neu greifen, das heißt genaugenommen sie in ihrem ursprünglichen Sinne wiederentdecken.

Dieser Beitrag handelt z.B. von Usability und dessen Kumpel Accessibility. Ich erwähne diese beiden Begriffe, weil sie für den Inhalt nicht notwendiger Weise Verwendung finden müssen. Doch wenn ich einen Bereich in meiner Website habe, der sich mit diesen themen befasst, dann sollte dieser Beitrag nicht fehlen. Was also tun?

Die Meta-Ebene

Statt die Lesbarkeit eines Artikel mit Gewalt mit Füßen zu treten und Begiffe der Metaebene mit aller Gewalt in die Texte einzubauen, kann man diese wieder ihren alten Platz zuweisen. Die Meta-Ebene ist eine beschreibende Ebene, sie gibt Auskunft, worum es sich bei dem Text handelt, z.B. um einen Fachartikel über die Meta-Ebene und den Möglichkeiten diese mit der neuen Techniken, dem Tagging in Verbindung zubringen und diese bei der Gestaltung der Tagcloud aktiv einzusetzen.

Was ist eine Tagcloud?

Eine Tagcloud ist eine Liste, die Begriffe nach ihrer Gewichtung optisch hervorhebt, im Übrigen diese aber nach ihrem ersten Auftauchen oder alphabetisch nacheinander listet. Durch diese optische Hervorhebung werden gleich zwei Informationen in einer Liste vermittelt. Hierbei ist verständlicherweise die Listung in alphabetischer Ordnung die häufigere.

Tagging wird dazu verwendet die Site zu indizieren und diesen Index auch in siteübergreifenden Datenbanken bereitzustellen, wie z.B. in Technorati.

Nun sind Links ein wichtiger Indikator für die Bedeutung einer Seite. Das heißt, wenn eine Seite mit einem Begriff verlinkt wird, so wird dieser Begriff dem Text zugeordnet. Also auch für Suchmaschinen, die diese Verschlagwortung noch nicht aktiv als Tagcloud Popularitätsindikator^[1], wie bei Technorati nutzt, sind diese Tagclouds ein wichtiger Indikator über den Inhalt der Seite, denn der Metabegriff weist erleichtert die Indizierung.

Das Dumme an dieser Nutzung, die Webspacken, die schon die Meta-Keywords sinnbefreiten, werden auch diesen löblichen Versuch etwas Semantik in das Netz einzuführen ad absurdum führen.

Doch das sollte einen nicht davon abhalten seine eigene Site mit validen Instrumenten der Strukturierung auszustatten.

Meta-Tag bzw. XML-Deklaration und Tagging zur Sitemap

So kann man über die Meta-Tags noch weitere Angaben zur Site Treffen und diese über eine Sitemap und Tagscloud zur Verfügung stellen. Nehmen Sie an, Ihr Besucher ist an all ihren Fachartikeln interessiert. Sie können also die Metatags, die schon früh wie XML-Deklarationen genutzt wurden, dazu verwenden, zusätzliche Sortierkriterien zu ergänzen und diese über PHP auszuwerten. Niemand hindert ihren gerade sehr positiv gestimmten Seitenbesucher, der gefunden hat, was er sucht mit zum Fachartikel passenden Shopartikeln zubewerben. Natürlich kann man auch gleich XML-Files/-Deklarationen zur Sitestruktur einsetzen und diese auswerten. Hier kommt es vorallem darauf an, für welches System und welchen Doctype sie diese zur Verfügung stellen. In HTML 4.01 empfehlen sich Metaangaben. Bei XHTML 1.0 strict dürfen dies schon XML-Deklarationen sein.

In jedem Fall aber sollte man Meta-Tags nicht verteufeln, nur weil diese für Suchmaschinen keinerlei Relevanz mehr zeigen. Es ist nicht einzusehen, dass man eine Meta-Ebene NICHT in ihrer ursprünglichen Funktion zur Sitestrukturierung nutzt. Und hierfür zulässiger Weise eben auch eigene Attribute deklariert und zu diesen Attributen auch eine begrenzte Liste definitert, wie z.B. Publikationsformen um wie in dem Beispiel Fach- von Shopartikeln zu trennen.

Bedenken Sie, ein verärgerter Seitenbesucher hat bei unzutreffenden Ergebnissen schon das erste “Nein” zu ihren Angebot gedacht. Eine Verkaufsregel in Verkaufverhandlungen lautet, sammel kleine jas um so zu letzten Ja zu kommen. “Gebongt! Ja kaufe ich!”

In diesem Sinne — nutzen wir (trotz der Webspacken) die Webtechniken und nutzen wir sie mit Sinn und Verstand um das Netz oder doch wenigstens die eigene Website benutzbarer, besser zu machen.

Weitere lesenswerte Beiträge zu Tagclouds und Metaebene

• Wikipädia-Artikel Folksonomy
• DonAlphonso in “Das Elend der Tagcloud in der Blogcommunity” über den Wert der Tagclouds, dem Mainstream und fehlende Perlen und Tiefe über diese Form der Vernetzung.
• SelfHTML META
• Prof. Dr. Peter Diepold und Dr. Christian Richter, Humboldt-Universität: “‘Meta-Tags’ — Hilfe zum Auffinden von Web-Seiten”
• Ein neues Pugin in der templaterie

Ein sicheres Indiz, dass eine Seite nicht Barrierefrei ist, ist die Tasache, dass ein Javascript eine Seite mit iFrame erzeugt. Dass einer Seite CSS-Spezifikationen fehlen hat nichts mit Barrierefreiheit zu tun, zumindest nur bedingt. Der Zustand einer Site ohne CSS gitb einige indizien preis, ob eine Seite barrierearm sein könnte. Z.B wenn statt der Grafiken an der Stelle einfach Text steht. Die Seite sollte keine Frames enthalten und ohne Javascript funktionieren oder sonst Plugins benötigen. Abkürzungen und Fremdsprache sollte man durch dafür vorgesehene <>Tags kennzeichnen.

Sogenannte Barrierefreiheit erkennt man nur, wenn man den Browser entsprechend präpariert und wenn man unter die Decke in den Quelltext schaut.

Und vielleicht schreiben ich oder Claudia Reiser uns hier ja noch einen Beitrag zu Barrierefreiheit. Warum man es nutzen und nicht nur damit rumtönen sollte.

Da mir die persönliche Note sehr wichtig ist, wollte ich wissen wie man sich diese verschafft. Für mich als Webdesignerin ist es kein Probelm. Aber das folgende Bild zeigt schon, dass für die persönliche Note man besser einen Geek im Haus hat.

Quelle: Shopify in action

Und ich frage mich wie der Marktanteil der Macs in den USA ist. In Deutschland könnte diese Hemmschwelle ebenfalls noch eine Rolle spielen. Sind das nun nur Textfiles und es ist egal oder sind da noch andere … brauche ich einen Mac?

Als zusätzlicher Shop. könnte dieser Shop durchaus attraktiv sein, vorallem wenn die Ware digital ist und damit ohne Probleme “verschifft” werden kann. Der folgende durchaus übliche Passus bei diesen Portalen allerdings lässt Vorsicht angesagt sein, darauf seine ganze Zukunft zu bauen.

Modifications to the Service and Prices

1. Jaded Pixel reserves the right at any time and from time to time to modify or discontinue, temporarily or permanently, the Service (or any part thereof) with or without notice.
2. Prices for using Shopify are subject to change upon 30 days notice from us. Such notice may be provided at any time by posting the changes to the Shopify Site (shopify.com) or the Service itself.
3. Jaded Pixel shall not be liable to you or to any third party for any modification, price change, suspension or discontinuance of the Service.

Sollte sich die Angelegenheit in Bezug auf Entwicklungskosten und rechtliche Auseinandersetzungen, Kampf gegen Spam und Missbrauch am Ende für den Anbieter nicht rechnen, könnte der Dienst eben von heute auf morgen eingestellt werden und man müsste seine Stammkunden — so man welche hat und es sich nicht um einen extrem guten Durchlauferhitzer handelt — schnell auf einen eigenen Shop umswitchen. Auf internationale Klientel ist shopify aus, denn ein VAT-Passus für das Ausland ist dabei. Na dann … ein Pilot kommt Mal auf meine checkitout-/maybe-nice-to-have-Liste.

Wenn also ein Kunde schreibt “Optimiert für den Internet Explorer”, dann ist das gelogen. Ich optimiere für den Screen nicht aber für einen einzelnen Browser.

“Optimiert für den Internet Explorer” würde einen Qualitätsmangel bescheinigen, den ich nicht dulden würde.

Naja. Ich werde der Kundin wohl bescheid geben müssen, dass sie diesen unsäglichen fett gedruckten Satz von der Seite nimmt.

Das ist ja peinlich.

Brand Strategy Presentation by Dave Werner (okaydave.com)

Dieses Video in englischer Sprache zeigt sehr schön, was eine Website wie z.B. Wachovia.com erreichen könnte und einige Fehler, z.B. die “Alles auf einmal”-Strategie oder der “wie man seinen Seitenbesucher erschlägt”-Overload. Beeindruckend auch die interaktive Präsentation auf der Site des Designers. Sicherlich kann eine solche Präsentation nicht für jedes Projekt gemacht werden. Oh btw: Good Luck, Dave, and get rid of this flashcrap on your site … I would just like to deeplink and point to your good work more efficiently.

Plus von       |  Ertrag     |  Kosten      | Abnahme
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯
+   303,55 €  |    467,00 €  |   4.203,00 €  |  von 10 Systemen
+ 1.190,85 €  |  1.868,00 €  |   7.472,00 €  |  von 20 Systemen
+ 2.545,15 €  |  4.203,00 €  |   9.807,00 €  |  von 30 Systemen
+ 4.483,20 €  |  7.472,00 €  |  11.208,00 €  |  von 40 Systemen
+ 5.533,20 €  |  9.340,00 €  |  14.010,00 €  |  von 50 Systemen *
________________________________________________________________
* Bei 50 Systemen lege ich der Prograssionskurve zu liebe
15 Stunden Design oder ca. 25-30 Stunden Warenpflege gratis obendrauf und
was bei noch größeren Abnahmen drin ist .... reden wir darüber.

Plus von was?

Plus von XXX Euro in der Kasse des Newcomers gegenüber dem risikolosen Resellerprogramm in der Templaterie.

Resellerrabatte werden in der Templaterie auf die Abnahmemenge gewährt, wobei die Verkaufszahlen über das Jahr gesehen ausschlaggebend sind. Reseller können also ohne Gefahr und Risiko versuchen Editland, Plugins und Templates zu verkaufen. Bei den ersten 5 Kunden ist jedoch nichts verdient und nur gearbeitet. Bei den ersten 10 Kunden ist der Profit auch noch nicht berauschend. Der Verdienst muss also aus anderer Quelle generiert werden, z.B. durch Websitepflege für die man keine besonderen Fähigkeiten benötigt und die man verkaufen kann (Ich hatte es davon schon einmal). Oder wie jetzt durch den Warenvertrieb, der in den Shop eingepflegt wird. Die Waren müssen nur einmal eingepflegt werden, ebenso alle Texte, danach kann man das gesamte System auf die gängigen Hostingplätze mit PHP aufspielen … also Ideal für Starter, die sich selbst mit Handel ein Geschäft aufbauen wollen.

Wer im Vertrieb sich etwas zutraut und Startkapital hat, kann gleich von Anfang an Rabatte erhalten und zwar von der ersten Lizenz an. Es bedeutet jedoch ein Risiko einzugehen, denn die Lizenzen müssen alle auf einmal abgenommen werden. Die erste Spalte gibt wieder, was man zusätzlich an Ertrag gegenüber dem anderen Modell gewinnt, wenn man das Risiko des Kaufes einer “ganzen Palette” Lizenzen eingeht. No Risk no Fun. Wer dann die Lizenzen nicht verkauft, hat reichnlich viel Luft gekauft. Wobei diese ja nicht schlecht werden und man sie definitiv los wird … allein wie lange es dauert, bis man das Geld wieder rein hat, weiß der Himmel … wenn man nicht verkaufsstark ist und einfach auf seiner Site darauf wartet, das Käufer hineinstolpern.

Startkapital bei der speziellen Wahl wären rund 15-20 Tausend Euro und man erhält 50 Shopsysteme einschließlich der Installation auf dem Hostingplatz seines Providers. Für ein flaches Multilevelsystem mit Affiliate und ein paar gängigen Produkten sollte das Risiko tragbar sein. Zumal man das komplett bestückte System voraussichtlich für unter 1.000 Euro Startkapital anbieten kann, was für einen schlüsselfertigen bestückten Onlineshop mit CMS fantastisch ist. Das System ist extrem einfach zu bedienen und da double Content von Google abgestraft wird, ist es auch essentiell, dass die Händler ihren eigenen Shop pflegen können und eigene Texte schreiben. Was sonst an Investitionen anfallen und was man sonst noch beachten muss, um nicht am Ende aus Google rauszufliegen und damit weg vom Fenster zu sein, gebe ich jenen preis, die genau das planen und die mit mir einig werden …

Die Preise richten sich selbstverständlich in diesem Fall an Unternehmer und sind daher Netto und es ist nur ein Beispiel, das ganz anders aussehen kann, wenn man sich für ein anderes Template entscheidet oder ein anderes Set von Templates und Plugins wählt.

Die Site ist nicht nur witzig gemacht, auch das Design und die Musik gefällt. Wobei es natürlich bei den in den 50er und 60ern geborenen nostalgische Gefühle bei der Erinnerung an Yellow Submarine und Monty Python aufkommen lässt. Die Einflüsse sind unverkennbar aber auch das romantisierte Mittelalter des Historismus ist in der Arbeit deutlich erkennbar.

Die Site pfeifft auf Google, und das darf sie auch, denn derlei Arbeiten machen ihren Weg schon per Mundpropaganda. Von den Inhalten ist es eine Mischung aus persönlicher Homepage, rudimentären Blogelementen und einer klassischen Designer oder Musiker-Website. Während ich den Beitrag schreibe, genieße ich die Musikstücke auf der Flash-Site.

Arcade Fire macht Spaß, wenn man auf Beatles, Monthy Python und Romantik steht. Ihr fehlt eines, eine erkennbare Fortsetzung der Inhalte … lohnt es sich dort später noch einmal vorbei zu sehen? Ich kann es nicht sagen und ich werde eher kein zweites Mal vorbei sehen.

via Web Creme

O=Opera 7.23, F=FireFox 8, S=Safari 1.2, M= Microsoft 4-6: 4.01 5.01 5.5 6.01 und MyMoz ist Mozilla 1.6. ( lt Screenshot: Safari interpetriert mischt der Farbe mehr Rot und Grün bei. Bei der Schrift rendert dieser weicher und ausgewogener. Man spürt die Designer förmlich in der Interpretation)

Weder die Intention des Designers lässt sich eingrenzen, noch kann man dem User über Prozente entgegenkommen. Permanent muss jemand nachjustieren.

Nach wem soll man sich richten? Die Geeks, die Vielnutzer, die jedes Bit ihres Browser kennen und zahlreiche persönliche Feinjustierungen vornahmen oder dem gemeinen Wenig-Nutzer, dessen Internet Google oder T-Online oder 1 und 1 heißt, die weder Steuerung + Plus bzw. + Minus kennen, noch wissen, dass man das Internet bei einer 1600-Auflösung nicht notwendiger Weise im Vollbild durchstöbern muss.

Am Ende ist jeder Webdesigner schlicht unfähig, weil die Seite kaputt und schwer benutzbar erscheint. Irgendeiner immer dabei ist, das erst einmal nachjustieren muss, weil der Designer wieder einmal keine Ahnung hatte.

Die einzige halbwegs feste Größe ist das Pixel und nicht einmal das liefert einen wirklich verlässlichen Wert zurück. Denn auch hier mischen sich Grafikkarte und Monitor ein und präsentieren zum Teil erhebliche Unterschiede, wie das menschliche Auge am Ende das Pixel wahrnimmt.

Da ich aber keine Proportionen und ausgewogene Designs herstellen kann, wenn ich nicht weiß, welche Einstellungen der Benutzer hat, definiere ich eine feste Ausgangsgröße. Wer unbedingt nachjustieren will, kann ja einen Alternativ-Browser verwenden. Und wer wirklich Zoomen will, der sollte ohnehin den Opera verwenden, denn Opera zoomt wirklich die Seite größer, mit jedem Pixel, Schrift und Bild und zerfetzt nicht aus einem gottserbärmlichen Designverständnis heraus, den “Vorschlag” des Designers.

Benutzer die dann noch unbedingt ihr eigenes Stylesheet verwenden wollen und jede Seite in ihre ganz persönliche Webuniform zwängen, denen ist ohnehin nicht zu helfen. Wer’s braucht. Apropos wer’s wirklich braucht und nicht aus einem autistischen Webverständnis unter der Bezeichnung “Ich bin der User, ich bestimme” heraus sein Stylesheet alles Seiten aufzwingt, der sollte das auch können. Deswegen ist die Trennung von Design und Inhalt sinnvoll und wird von mir gewahrt mit so wenig inline-Styles wie es meine Bequemlichkeit zulässt.

Verwandte Links:

• Font-Sizes im Vergleich (nicht mehr ganz aktuell aber immer noch herrlich anschaulich, warum all liquid und überlass es ganz dem User unsinnig ist.)

Für diese beide Extreme gibt es das Unobtrusive Flash Objekt. Es bindet das Flash über DOM-Scripting ein und wenn Interaktivität fehlt, wird die Website eben ohne Flash ausgeliefert. Kleiner Nachteil, wenn zwar Flash aber kein Javascript aktiviert ist, wird im modernen Browser kein Flash ausgeliefert, obwohl es ja eigentlich möglich wäre, denn der User will Flash aber nicht Javascript in diesem Moment.

Dennoch finde ich diesen Ansatz richtig. Fehlt nun nur noch den Browsern so etwas wie ein noflash-Tag, der dafür sorgt, dass wie bei dem UFO ein Ersatz-Inhalt für das Flash per (X)HTMl und CSS präsentiert wird. Ich muss mich mit dem Objekt und Embed noch ein wenig näher befassen, denn war da nicht auch so etwas, es muss ja nicht immer der Link mit der Aufforderung einen Flashplayer zu installieren sein. Wollte man Flash haben, hätte man es aktiviert, denn es ist ja nicht so, dass Flash schwer zu bekommen sei.

Die Trennung der Ebenen ist in jedem Fall eine gute Methode, dem User seinen Willen zu lassen und Material so auszuliefern, wie es für ihn akzeptabel ist.

Nachtrag:
Links zu verwandten Themen bei Prägnanz in den Kommentaren zum UFO entdeckt:

• Objekt-Tags pur unter Verwendung des conditional Comment
• Flash Satay: Embedding Flash While Supporting Standards
• Zugängliche Flash-Anwendungen
• XHTML Validation & Flash Movies
• Flash totanus Loader

Für Wordpress-User ist es ein alter Hut ich weiss, aber vorletzten Monat hat eine Kundin ein Template gekauft, das wir beide stark finden, aber wohl von den Kunden nicht so angenommen wurde. Der Supergau und Horror für jeden der Webdesign in Auftrag gibt. Man lässt eine Seite gestalten und dann passt es nicht.

Nicht weil das Design schlecht wäre, sondern einfach weil das Design nicht für dies Zielgruppe passt. Wenn man bei den Templates aufpasst, dann kann man auch innerhalb von extremen wechseln, z.B.

von so:

nach so:

Eine Investition, die sich allein schon in Anbetracht des kleinen Aufregers gelohnt hat, denn: Wechsel in diesen Extremen sorgen definitiv für Gesprächsstoff. Man kann daraus sogar ein bewußt gewähltes Feature machen, wie z.B. CSS-Reboot, wo ich mich ja auch angemeldet habe (auch wenn ich es nun nicht zu Regel werden lassen möchte).

Die Agentur Orangeroom — jedenfalls — hat Flexibilität gezeigt. In dieser kurzen Frequenz kann man sich das auch noch bequem leisten, wenn man Editland und Templates verwendet. Wobei die Templates bestimmte Voraussetzungen erfüllen müssen und man nicht zu heftig mit Inlinestyles arbeiten sollte, sondern mit semantischen Klassen.

Der Wechsel selbst war schnell vollzogen. Ich habe heute früh geliefert und die Site steht schon wieder ziemlich ordentlich im Netz.

Die beiden Templates im Shop:
TC-0038
TC-0063 (angepasst)

Beide Thumbs sind Versionen, die man in Originalgröße sehen muss. Anzusehen in Flickr wenn man auf die Thumbs klickt. Die beiden stammen aus dieser Serie, die ich in braver Fleißarbeit nun auf stolze 22 Varianten gebracht habe und an dieser Stelle schon einmal hier im Blog (Webdesign-Tuschkasten) erwähnt hatte. Womit man auch schon weiß, welches Design ich in diesem Moment gerade offen hatte.

Aber auch die Schnecke, die fantastisch fotografiert wurde, hat ihre Branche, wie ich in dem direkt Marketing-Probeheftle gestern las. Es ging in dem Beitrag um eine gegrillte Schnecke, die als Video an ein paar wenige ausgesuchte Geschäftspartner ging und von dort im schönsten Viralmarketing seine Runden zog.

Wobei ich bei der Schnecke und meiner Gestaltung mit dem roten Laub dann doch wieder geneigt bin, eher an Knoblauchsoße zu denken und diese Schnecken dann doch gegrillt werden. So erhält das Design nur durch Bilder im Header schon eine ganz bestimmte Zuordnung zu einer Branche und deren Kernaussagen.