Royksopp - Remind Me ist ein Musikvideo voller animierter Infografiken. Hier gibt es viel zu entdecken…

Smashing Magazine hat einen Artikel mit zehn Usability-Fehlern zusammengestellt, die man unbedingt vermeiden sollte. Die meisten sind natürlich bekannt, aber es ist immer wieder gut, sich an diese zu erinnern und sie im Hinterkopf zu behalten! Meine Lieblingsregel: Avoid visual noise - often less is more.

Wer hingegen absichtlich gegen gute Designprinzipien verstoßen möchte, dem seien die zwölf Richtlinien zum effektiven Verhunzen von Daten (Teil 1, Teil 2) ans Herz gelegt. Meine Lieblingsregeln: “Emphasize the trivial (ignore the important)” und “If it has been done well in the past, think of another way to do it.” (Dank an Sebastian)

12 verschiedene Informationsgrafiken zum Thema Geschichte gibt es bei HistoryShots zu bestaunen und als Poster zu bestellen… So schön kann Geschichte sein…

Gesehen bei Smashing Magazine

Da ich ja nun im Mutterschutz bin und man sich als werdende Mutter entspannen, zurücklehnen und viel lesen soll habe ich mich nach ein paar interessanten Büchern umgesehen… Die Liste wird bestimmt noch länger (falls das Kleine nicht zu früh auf die Welt kommen möchte).

“Uncredited” von Gemma Solana und Antonio Boneu

Ich habe mich schon immer für Filmvorspänne interessiert und mich gewundert, warum keine Oscars für die besten kleinen Kunstwerke verliehen werden. Endlich gibt es wenigstens ein Buch dazu (inklusive DVD), damit die Filmvorspannkreativen auch mal Credits für Ihre Arbeit bekommen…

“Der Weg des Künstlers” von Julia Cameron

Immer wieder spielt man mit dem Gedanken, einen Füller in die Hand zu nehmen und einfach darauf loszuschreiben. Aber meistens scheitert man an einer inneren Barriere, die einen daran hindert, irgend etwas auf ein leeres Blatt Papier zu bekommen. Julia Cameron gibt parktische Tipps und Anregungen, wie man diesen inneren, kreativitätstötenden Schweinehund eliminieren kann: z.B. mit den “Morgenseiten” (man soll jeden Morgen drei Seiten ohne Nachdenken herunterschreiben) oder mit dem “Künstlertreff” (man soll mind. ein Mal pro Woche rausgehen und etwas tun, das einen inspiriert). Das sind interessante Kreativitätsübungen, nicht nur für schreibende Künstler, sondern auch für malende, musizierende oder “digitale”…

“Learning to love you more” von Miranda July und Harell Fletcher

Ein Buch zum Schmunzeln, das die Kreativität anregt. Man nimm sich einfach eine der Aufgaben im Buch vor und lässt seinen Ideen freien Lauf. Die Ergebnisse anderer Leser kann man im Internet bestaunen.
Mach doch auch mal…
… ein Gemälde von einem Poster, das Du mal als Teenager besessen hast
… ein Foto von unter Deinem Bett
… eine Zeichnung von einer Filmszene, bei der Du weinen musstest
… usw.

Bei der Entwicklung eines Interfaces für eine Software sollte man auf jeden Fall John Maedas “Laws of Simplicity” berücksichtigen. John Maeda ist Professor am MIT Lab in Boston und forscht nach “generativem Design”. Seine Gesetze gibt es auch in ausführlicherer Form als Buch …

Law 1 “Reduce: The simplest way to achieve simplicity is through thoughtful reduction.”
Zu viele Funktionen können eine Oberfläche überfrachten und unübersichtlich machen. Auf der anderen Seite darf man nicht elementare Funktionen weglassen, die der User benötigt. Man muss also eine Balance finden zwischen Komplexität und Einfachheit.

Law 2 “Organize: Organization makes a system of many appear fewer.”
Inhalte müssen geordnet und gegliedert werden. Folgende Fragen sollte man sich dabei stellen: Welche Funktionen kann man verstecken? Wo kann man sie unterbringen? Welche Funktionen passen zu welchen anderen Funktionen - kann man sie sinnvoll gruppieren?

Law 3 “Time: Savings in time feel like simplicity.”

Law 4: “Learn: Knowledge makes everything simpler.”

Law 5: “Differences: Simplicity and complexity need each other.”

Law 6: “Context: What lies in the periphery of simplicity is definitely not peripheral.”

Law 7: “Emotion: More emotions are better than less.”

Law 8: “Trust: In simplicity we trust.”

Law 9: “Failure: Some things can never be made simple.”

Law 10: “The One: Simplicity is about subtracting the obvious, and adding the meaningful.”

Wie man “Master of CSS” wird

Ich habe mir heute das Buch “CSS Mastery” als e-Book gekauft (an dem auch Cameron Moll mitgeschrieben hat, den ich als Webdesigner wirklich gut finde).

In der Einleitung steht: “You will get the most out of this book if you have been using CSS for a while but don’t consider yourself a master just yet. This book is packed full of practical, real-world advice and examples, to help you master modern CSS design.”

Da bin ich aber sehr gespannt! Sobald ich mit dem Buch durch bin, melde ich mich wieder als “CSS Master” bei Euch! Bis dann…

Design Patterns für Interface Design

Außerdem habe ich mir das Buch “Designing Interfaces” gekauft. Die Idee des Buches: Best Practices für bestimmte Designfragen in Form von Design Patterns zu beschreiben.

Da ich Medieninformatik studiert habe, ist mir der Begriff Design Patterns nicht fremd (das war sogar das Thema meiner mündlichen Diplomprüfung), jedoch im Zusammanhang mit OOP. Ich fand es irgendwie interessant, diesen Begriff auch auf Interface Design zu übertragen.

Jedes Design Pattern wird mit aktuellen Beispielen (iTunes, Google, flickr,…) anschaulich erklärt. Außerdem werden einleuchtende Argumente für das Pattern mitgeliefert (immer gut, wenn man das Pattern dem Kunden verkaufen möchte…).

Design Patterns soll man aber nicht nur einfach eins zu eins übernehmen. Sie dienen eher als Anregung und Beispiel und sollen auf das jeweilige Projekt angepasst, erweitert, verändert werden.

So werde ich das Buch als Inspiration und Nachschlagewerk verwenden… (für die Inspiration hätte das Buch auch ruhig noch etwas schöner gestaltet sein können, teilweise ist es zu sehr “form follows function”).

Jakob Nielsen’s Liste mit den 10 häufigsten Usability Fehlern von Weblogs kennt Ihr vielleicht bereits. Sie ist zwar nicht mehr ganz so neu, jedoch immer noch relevant:

Wenn ein Design C.R.A.P. ist (crap = englisch für Schrott, Mist), ist es nicht etwa zum Wegwerfen, sondern genau das Gegenteil. C.R.A.P. steht nämlich für Contrast Repitition Alignment Proximity - Designgrundregeln, die man auf jeden Fall befolgen sollte.

Eine Gute Erläuterung bietet Mike Rundle von 9rules auf vitamin:

Contrast
Elements that aren’t the same should be very different so they stand out, making them “slightly different” confuses the user into seeing a relation that doesn’t exist. Strong contrast between page elements allows the user’s eye to flow from one to another down the page instead of creating a sea of similarity that’s boring and not communicative.

Repetition
Repeat styles down the page for a cohesive feel — if you style related elements the same way in one area, continue that trend for other areas for consistency.

Alignment
Everything on the page needs to be visually connected to something else, nothing should be out of place or distinct from all other design elements.

Proximity
Proximity creates related meaning: elements that are related should be grouped together, whereas separate design elements should have enough space in between to communicate they are different.

Falls Ihr mal Lust habt, Eure kreative Ader auszutoben, probiert mal The Exquisite Corpse Game. Das Spiel geht so:
Man faltet zuerst ein Blatt Papier in mehrere Abschnitte. Eine Person fertigt dann auf dem ersten Streifen eine Zeichnung an. Die zweite Person bekommt davon anschließend nur einen kleinen Ausschnitt zu sehen und soll die Zeichnung auf dem nächsten Streifen fortsetzen usw. Am Ende kommen die verblüffendsten Kreationen heraus.

Ich habe es jedenfalls als Kind mit sehr viel Begeisterung gespielt und jetzt bin ich über Flickr auf die digitale Variante gestoßen. Auf der Website An Equisite Corpse sind jede Menge digitaler “Corpses” zu sehen und man kann sogar mitmachen!

“An Exquisite Corpse is a collaborative experiment in the creation of visual art through the tapping of the collective unconscious…”

Also nichts wie los… Weiß eigentlich jemand, wie das Spiel auf Deutsch heißt? “Exquisiter Körper” wirds wohl kaum heißen, oder?

Endlich haben wir unser altes “Blix”-Theme durch ein eigenes Layout ersetzt: Hier ist es! Einige Hauptmerkmale:

• Dunkler Hintergrund (einfach besser für Fotos)
• Neuer Banner (muss heutzutage einfach RIESIG sein)
• Neuer, eigener Flickr-Badge (leider noch statisch)
• Abgerundete Ecken (Web 2.0!)
• Riesenüberschriften bei den Postings

Wir hoffen, dass es Euch gefällt. An ein paar Stellen hakt es vielleicht noch, v.a. in alten Postings. Dies hängt damit zusammen, dass die alten Markups etwas durcheinander geraten sind mit der Zeit. Für die neuen Postings sollte aber alles passen - CSS sei dank.

Also, wir sind gespannt auf Eure Kommentare!