dyingeyes weblog » Design

Zielgruppen-Frage

Boris Stumpf — Sat, 19 Apr 2008 18:23:50 +0000

Soeben gesichtet:

Was ist das? Wurde eine neue, bisher unbekannte Zielgruppe entdeckt? Retro-Waldschrate? Wird man das demnächst häufiger auf unseren Straßen sehen?
Fragen über Fragen …

Kommentare von:

Konstantin am 19.4.2008
Lyrasia am 20.4.2008
Boris (Autor) am 20.4.2008
banane am 22.4.2008

© Boris Stumpf - dyingeyes weblog 2004ff
Dieser Feed ist nur für die persönliche, nicht gewerbliche Nutzung bestimmt. Die Verwendung dieses Feeds auf kommerziellen Webseiten und/oder ohne Quellenangabe verstößt gegen die Lizenzbedingungen der Creative Commons License.
(Digitaler Fingerabdruck: 60c77d9e74d57f2299f42475f0e24778)

Exzellente Blogdesigns

Boris Stumpf — Thu, 21 Feb 2008 01:01:50 +0000

45 More Excellent Blog Designs. Via Spreeblick.

Ich zähle zwar nur 42 Beispiele, aber was soll’s?

Von den 42 erscheinen mir 12 als exzellentes Blogdesign, jedenfalls bei einer eher zügigen Durchsicht.

(5 7 10 11 12 15 17 20 22 24 34 38)

Kommentare von:

Silke am 22.2.2008
Boris (Autor) am 22.2.2008

Kleinere Arbeiten am Blogdesign

Boris Stumpf — Mon, 17 Sep 2007 15:09:03 +0000

Motto: Was tut man nicht alles – nicht nur – für 100 Punkte?

Ich bin die Tage einmal dem guten Tipp von Roger Graf gefolgt und habe mein Blögchen dem Designbewerter des Designministeriums zum Fraß vorgeworfen.

Das ist nicht ganz akademisch bierernst gemeint, gibt aber doch interessante Aufschlüsse über die Qualität einer Website im Hinblick auf gewisse gestalterische Aspekte und des standardkonform und semantisch sinnvoll strukturierten Unterbaus (HTML und CSS).

Bewertet werden u.a. die Verwendung und der sinnvoll strukturierte Einsatz semantischer HTML-Tags wie Überschriften, Listen, Bockquotes, Label u.a.m.

Weiterhin Beachtung finden die verwendeten Fonts bzw. Schriftfamilien, die eingesetzten Farben hinsichtlich der Farbwerte und der Anzahl der eingesetzten Farben.

Wie werden Stylesheets für welche Medien eingesetzt und referenziert? Werden Abbildungen verwendet und damit die Seiten aufgelockert?

Man erhält ein Prüfergebnis mit z.T. gut nachvollziehbaren Detailergebnissen und eine Punktbewertung. Maximal 100 Punkte sind möglich. Abschließend kann man sich mit einem »Zertifikat« beglücken und damit gegebenenfalls auf der eigenen Seite protzen.

Das tue ich jetzt erst einmal gehörig:

Für den normalen Blog-Index (die ›Startseite‹) erzielt mein Blögchen:

Für testweise ausgewählte und geprüfte Einzelartikel wie Rückzugsgefechte, Aufgezähltes, … oder Wer Meinung … gibt es ebenfalls:

Im Detail

Bei meinen ersten Testdurchläufen lagen die Ergebnisse irgendwo um 89 bis 93 Punkte, was mich nicht wirklich befriedigte. Wo knapp über 90 Punkte erreicht werden, müssen auch volle 100 Punkte möglich sein!

Die Hauptquelle der Unbill war schnell gefunden: Ich hatte tatsächlich viel zu viele verschiedene Farben eingesetzt (anfänglich hat das Tool 23 Farbdefinitionen gezählt!) und dabei zusätzlich an einigen Stellen nicht aufmerksam genug auf die Schreibweise geachtet. Doppelte Vorkommen von Farben lediglich aufgrund verschiedener Schreibweisen wertet das Tool als unterschiedlich: #F90 und #FF9900 oder #fff und #FFF werden differenziert und gezählt!

Einerseits ist das natürlich irgendwo fehlerhaft, aber es ist durchaus sinnvoll. Denn sauber aufgebaute und standardkonforme Stylesheets sollten durchgehend eine Schreibweise verwenden – empfohlen wird meines Wissens übrigens diejenige in Großbuchstaben und gegebenenfalls in Kurzform: #F90.

Darüber hinaus haben sich im Laufe der Zeit – ein bekanntes Problem bei Stylesheets, an denen über längere Zeiträume zur Verbesserung und Überarbeitung eines Layouts weitergearbeitet wird – kleinere Unpässlichkeiten eingeschlichen. So verwendete ich zwei minimal verschiedene Hellorange-Töne und auch zwei verschiedene Orange-Töne. Jeweils einer davon war zu einem späteren Zeitpunkt für ganz bestimmte Elemente hinzugekommen. Mit etwas größerer Aufmerksamkeit und Konsequenz hätte ich das eigentlich vermeiden müssen.

Also machte ich einen kompletten bewertenden Durchgang durch die Farbdefinitionen im Stylesheet und bin jetzt bei insgesamt nur noch 9 Farben angelangt. Außer der Tatsache, dass die Überschriften neuerdings im schon an anderen Stellen eingesetzten Dunkelrot anstelle des Standard-Orange gesetzt sind, dürfte diese Reduktion jedoch kaum wirklich auffallen.

Ein weiterer Aspekt des Feintunings aufgrund des Prüfergebnisses betraf die Abschaffung zweier Fälle von Inline-Styles (einer überflüssigerweise durch ein Plugin integriert) zugunsten definierter Klassen im Stylesheet. Das sorgt für Ordnung und hält Formatierungen aus dem Quelltext heraus.

An der semantischen Struktur der Quelltextes meines Blogs/Themes hatte der Designbewerter im Grunde nichts auszusetzen – was mich auch gewundert hätte. Das Theme stammt immerhin aus meiner eigenen Werkstatt (es basierte dereinst ganz ursprünglich auf dem ›Kubrick‹) und ich weiß schon so einigermaßen, was ich da tue.

Mein Fazit

Insofern ihr geneigten Leser webdesignerisch veranlagt seid, Interesse an standardkonformen Websites und Blogs habt (wehe, wenn nicht!) und selbst an euren Blog-Themes herumschraubt, solltet ihr einfach mal euren Blog-URL im Designbewerter eingeben und das Ergebnis zum Anlass nehmen, euch einmal genauer mit dem im Prüfergebnis angemerkten Lob und Tadel befassen. Es ist m.E. ein guter Ausgangspunkt für Verbesserungen und Überarbeitungen.

Ihr solltet darauf achten, sowohl den Blog-Index als auch verschiedene Einzelseiten zu prüfen, da diese sich wahrscheinlich bei vielen typisch aufgebauten Blogs strukturell deutlich unterscheiden.

So, jetzt lade ich mir noch mein Zertifikat herunter und bilde mir mächtig was drauf ein …

Und dann widme ich mich heute oder morgen noch einmal meinen Buttons in der Topnavigation.

Kommentare von:

Der Roger am 17.9.2007
Boris (Autor) am 17.9.2007

Wahrheiten für’s Wochenende

Boris Stumpf (Admin) — Fri, 25 Nov 2005 09:50:28 +0000

Bei Garrett Dimon gelesen – da geht es um ›große Dinge‹:

You know you’ve achieved perfection in design, not when you have nothing more to add, but when you have nothing more to take away. – Antoine de Saint-Exupery

Ich habe einmal – ohne dieses Statement zu kennen – irgendwann in einer Design-Diskussion folgende vergleichbare Wahrheit geäußert:

Wenn ich ein Layout mit fünf Elementen realisieren kann, dann brauche ich für ein sechstes Element einen wirklich triftigen Grund

Apropos, der o.a. Blogartikel ist kurz, aber wirklich bedenkenswert. Vielleicht kann man das tatsächlich, wie einer der dortigen Kommentatoren hinweist, mit Ockhams Rasiermesser in eine sinnvolle Verbindung bringen.

Farb-Schemata und die geeignete Inspiration

Boris Stumpf (Admin) — Fri, 07 Jan 2005 11:22:12 +0000

Adam Polselli sagt nicht nur die trendigen Designfarben für 2005 voraus, er hat auch eine interessante Inspirationsquelle für Farb-Schemata zu bieten. Eine Quelle, die ich selbst unabhängig von seiner Darstellung auch schon einmal genutzt habe:

Fotografien!

Ohne das jetzt zu weit zerstöbern zu wollen, denke ich, dass Fotografien tatsächlich eine gute Quelle für gelungene Farben-Zusammenstellungen sind, und zwar aus der Kombination zweier Gründe heraus:

1. Fotos von Landschaften, Architektur oder einfach Situationen in unserer Umwelt decken zwar meist einen riesigen Farbraum ab, es treten aber doch in aller Regel bestimmte Farben prominent hervor – und das in zahlreichen Schattierungen.

2. Praktisch jeder von uns – bezogen natürlich nicht zuletzt auch auf diejenigen unter uns, die sich mit (Web-) Design beschäftigen – hat ein einigermaßen sicheres Gefühl für passende, harmonische Farbkombinationen. Oder für interessant kontrastierende Kombinationen.

Jetzt brauchts eigentlich nur noch ein paar ordentliche Fotos – also die Digicam geschnappt und raus in die Welt! Dann noch ein wenig Ruhe und Geduld, Fantasie und einen kontrolliert kreativen Geist (wasimmer..) – und eine Farb-Pipette im Grafikprogramm…

Adam Polselli via Dr. Web Weblog