Hier gleich drei Tools mit denen man harmonische Schriftgrößenverhältnisse per CSS schaffen kann:

• Gridlover von Ville Vanninen und Tuomas Jomppanen, die die wohl coolsten Domainnamen der Welt besitzen.
• Typograph von Iain Lamb
• Golden Ratio Typography Calculator von Pearsonified

Unrelated Bonus Movie:

Mehr, mehr, mehr von sowas im Vimeo-Channel von Nice Type.
[nicht, wie ich erst dachte via dem erstaunlichen Chris Heilmann, sondern dem erstaunlichen Marc Thiele]

Shape Rainbow from Max Hattler on Vimeo.

via tobestobs

• A cat.
• Only one HTML-element.
• A bunch of CSS.
• 12 borders.
• Plus one.

No way?

• See how this is done.
• Leave a comment

Hier eine Liste von hilfreichen Referenzen, Tools, Dings; hauptsächlich damit ich sie selbst schneller wiederfinde:

• CSS-Gradients sind der allerletzte Sch… …rei. Total cool im Prinzip, aber auch total schwierig im Grafikprogramm abzuleiten oder gar im Kopf auszudenken. Und Firefox kann keine Notation mit rgba, verflixt nochmal. Der CSS3-Gradient-Generator hilft.
• Absolut praktisch auch der Gradient Scanner, um den Code direkt aus einer Grafik, einem Screendesign abzuleiten.
• CSS-Transitions sind eine Offenbarung. Ein Nervpunkt: andauernd mit Browser-Prefixen rumhantieren. Ein anderer: Das Easing kann ich mir im Hirn nur ganz schwer previewen. Und da man das Easing per Bézier-Ankerpunkte selbst basteln kann (w00t), macht man das dann auch. Mit dem CSS cubic-bezier Builder ein Riesenspaß für die ganze Familie.
• Webfonts sind das fast Allerneuste. Und die meisten sind leider nicht so besonders gut. Als Fließtext. Und das testen ist recht aufwändig. Good web fonts will da helfen, leider noch etwas dünn.
• Sich selbst ein Webfont-Päckchen schnüren lassen, sprich die ganzen Font-Formate konvertieren, Subsets machen, weitere Optimierungsoptionen und direkt mit aktuellem Code zum Einbinden: dem Font-Squirrel sein @font-face-Generator, natürlich.
• Die Webfonts im Directory von Google zeichnen sich dadurch aus, dass sie schnell und einfach einzubinden sind, zudem kostenlos und die Qualität insgesamt ok bis sehr gut ist.
• Für Chrome gibt es dazu noch eine Extension, um einen beliebigen URL in einem der Google-Webfonts anzuzeigen. Großartig um zu Testen.
• Ähnliches, aber noch etwas mehr macht der FontFriend, ein JS-Bookmarklet zur Preview eines Dokuments mit einem lokalen @font-face (drag and drop) oder gWebfonts und einigen Optionen (line-height, text-transform, nur spezielle Selektoren …). Außerdem zeigt er an welche Fonts auf der aktuellen Page verwendet wurden (wow!). Ein echter Knaller.
• Unerlässlich um herauszufinden, ob man diese und jene CSS3-Anweisung benutzen will: Can I Use.
• Trotz @font-face sind Fontstacks natürlich nicht tot, und ein Fallback muß sowieso her. Gute Quelle: CSS-FontStack, Supercooles Profitool ist aber, obwohl knackhäßlich: Der Font stack builder von Codestyle. Einfach ausprobieren, verwirrt erstmal kurz, ist aber sehr hilfreich.
• Hier ist die GoogleWebFontLoaderAPI-Dokumentation. Falls man die mal braucht.
• Wissenwertes über font-smoothing (Webkit im Speziellen) und wie man es (im Allgemeinen) per JS detecten könnte
• Komplexere Schatten per CSS ist nur einer der Erstaunlichkeiten auf der Site von Nicolas Gallagher
• Schnell mal die Anweisungen für border-radius zusammenklicken.
• Box-shadows, gradient, border-radius photoshopmäßig zusammenklappern
• Border-radius so richtig verstehen, weil jede Ecke hat ja zwei Radii, jaja.
• Mehr Links zu CSS, Webfonts und @font-face

tbc … add your own in the comments. (Thx @schoschie, @yellowled)

Discussing a website layout with a client, the question came up, in which way the look of such a box could be manipulated. I had to google more than usually to find a hint, quite a layout-hack actually.

The bad news: It seems one cannot do much about the looks, speaking of colors, fonts and all inner elements of the iframe – no wonder considering it being an iframe, right? You possibly can or cannot do more to the XFBML-version of the code, but i didn’t really look into that one. So this is just for the iframe thing.

The good part: You can hack the appearance of background and border. Better said, you can obscure the border of the Like Box and render your own border over it. Changing the background is no big thing, as the allowTransparency-attribute of the iframe is set to be true by default.

The trick is done by a wrapping div, negative margins and some adjustment to the width and height of things.

Finally, here is an example document where you can see it in work and check out the code modification. I used inline CSS for illustration purposes, of course i recommend to use external CSS-files for several reasons, you hopefully know yourself.

And, yes, did just created a Facebook Page for this blog to use it in the example. Well …

As always, handle code with care. Hints and critisism welcome.

[Was bisher geschah] Nachdem ich am späten Freitag nicht mehr mittippen wollte und konnte (ich bin ja keine 20 30 35 mehr), habe ich mich aufs zuhören verlegt und bin am Samstag ganz ohne Rechner aufgekreuzt. Eigentlich blöde, denn der erste Tag ist nie der beste.

Hier, was ich erinnere:

Tim Fendley: sprach von seiner Arbeit für ein Fußgängerkartenstadtmöbelorientierungprojekt für die Londoner Innenstadt (und ein bißchen was über New York). wie man nur die Umgebung der Ubahnstationen kennt und irgendwann die Stadt im Kopf zusammenwächst. Dass man eigentlich auch alles gut erlaufen kann und wie sie daran geforscht und entwickelt haben. die Lösung ist wunderbar und auch für Berlin dringend nötig.

Yves Peters (Fontfeed): ich kam dazu als er anfing über Filmposter zu reden und wie die Trajan und die Gotham auf einer Vielzahl von Plakaten verwendet werden. Er hat mühsam ausgewertet wieviele das wohl über die Jahre waren und wie die Trends wohl zustandkamen. Interessant war, wie sich für bestimmte Filmgenres bestimmte Fonts quasi als Erkennungscode etabliert haben (z.B rote, fette Gill für Komödien, die Bank für heroische Action, Bodoni für Romantik oder eben Trajan für alles emotionalere). Das war mir so nicht offenbar.

Markus Hanzer, Professor aus Österreich, hielt eine Vorlesung, deren Inhalt in meiner Erinnerung nur schemenhaft ist (ich bin wohl auch mal weggenickt) – ich weiß nur, es war phänomenal exakt formuliert und ging um den Einfluß des Gestalters auf das Universum oder so.

Er ist gefühlt durch die ganze Menschheitsgeschichte gewandelt, hinter ihm ein endloser Stream von perfektionistischen Strichzeichnungen durchgepauster, teils bekannter Fotografien, die – ich schätze mal, einem Heer von Studenten – ihm eine Heidenarbeit gemacht haben müssen. Es war Tobak in Aspik, wie ich zu sagen pflege (zumindest hab’ ich diese Beschreibung währenddessen erfunden).

April Greiman, die in LA zwischen Kunst, Design und Architektur arbeitet, hielt einen unaufgeregten, ätherischen Vortrag, der wunderbar poetisch, typografisch leicht angestaubt war. Und mich persönlich nur halb erreicht hat. Weil ich bei der Hälfte nach Hause ging. Schöne Arbeiten, ein ganz warmer Mensch, aber ich war müde.

Samstag. Ich komme erst zur Mittagspause und verpasse Peter Biľak erneut. Dumm, denn es ging da wohl auch um Webfonts. Prima, die beiden Vorträge, die dies Thema hatten, muss ich nun also nachrecherchieren.

Malte Christensen zeigte Beispiele von Menschen, die er kennt und deren Begeisterung für ihre Arbeit. Er machte Mut, das zu tun, was man tun will.

Dr. Wolfgang Pauser (Journalist und Professor), auch aus Österreich, hatte ebenfalls eine Vorlesung dabei, die recht launisch die Machtverschiebung vom Texter zum Grafiker, den Wandel von der Illustration als Textbeiwerk hin zum umgekehrten Verhältnis im Sinne der Visuellen Kommunikation beschrieb. Der Sprung in die digitale Welt gelang ihm nur punktuell, den weiteren Fortschritt hin zu Informationsarchitektur und User Experience lies er unbedacht. Schade. Doch ein schlauer Mann, allemal.

verpasst: Jan Rikus Hillman über die Neuaufstellung der de:bug im iPad-Zeitalter.

Tina Frank vermochte mich nicht recht zu bannen mit ihrem Beitrag über die (»sozusagen«) Erkenntnis, dass die wahre Spannung in den (»sozusagen«) Grenzbereichen der Disziplinen (Audio, Video, Grafik) sei. No offense, aber ich ging rüber, um mir

Dirk Uhlenbrock anzuschauen und sein Schaffen und Leiden der letzten Jahrzehnte mit nachzuvollziehen. Ich mag ja solche Portfolio-Talks sehr gerne. Alle kochen mit Wasser, manche heißer, und er war erfrischend ehrlich und transparent. Und sehr fleißig in seinem bodenständig ausgeflippten Stiefel, der ihm so gut passt und steht, wie seine Brille. (s. typoblog)

Petr van Blokland mit einem der besten Vorträge, katapultierte die Leute ins Digital, wusch ihnen die Köpfe, sprach von Cloud und Standards, adaptiven und automatisierten Layouts, hob die Trennung zwischen Print, Web und Mobile komplett auf, zeigte sein Xierpa-CMS und damit gemachte Nomad-iPad-Magazine (die html sind basieren und daher auch im Browser laufen, sich im automatisierten Layout an den Viewport anpassen und so auch auf dem Mobile funktionieren), und inspirierte zum Wachbleiben, Dranbleiben und Vornewegmarschieren. Krasses Zeug und durchweg wahr. Muss man sich auf Video anschauen, sobald es da ist. (videos wirds doch geben, oder?) (s. typoblog und evalottchen)

Thomas Lupo kam zunächst als einigermaßen angeschnöselter Werberschwabe rüber, wurde aber durch seinen Projekt doch als netter Kerl neu geboren: ein erfrischendes Kreativitäts-Streetart-Bastel-Sozial-Projekt mit Favela-Kindern in Rio, das nun als Buch erscheint, wie er einmal zuviel erwähnte.

Christoph Niemann (Berlin/New York) zum Abschluß, ein bekannter Illustrator, eher Themenkarikaturist. Brilliant, chirurgisch, humorvollst, analytisch, selbstironisch und leidend. Ich hatte zwei oder drei Erleuchtungen, die ich aber sofort wieder vergessen habe. Sollte man sich auch anschauen auf Video.

Fazit:
Die Typo ist nicht billig, das Geld doch wert. Motiviert und inspiriert immer wieder.

Das Haus der Kulturen ist ein wunderbares Gebäude, nicht sehr gut zu erreichen, nicht für WLan erbaut, von Telefonnetzen unzureichend durchdrungen, obwohl das Kanzleramt nur einen Steinwurf Katzensprung entfernt ist.

Die Organisation ist tadellos eingespielt, die Dokumentation per Blog, Flickr und Twitter vorbildlich, das Essen besser als erwartet, die Österreicher in Bataillonsstärke angereist und in studentischem Punkchic gewandet. Ich wäre gerne noch geblieben, aber die Vorträge waren alle vorbei. Die Party lass ich mal lieber aus.

Nächste Typo ist erstmals in London im Oktober (»Places«), dann wieder nächstes Jahr in Berlin, Motto vorläufig: »Sustain«.

Vielen Dank, viel Erfolg, viel Spaß! Und gute Nacht.

[Update: Linkliste aller Rückblicke im Fontblog.]

es geht los, ich tippe:

sein arbeitsschwerpunkt: mobile, tablet

storytelling ist ein weites und junges experimentierfeld.

markt: ipad großer hype, aber es sind bereits mehr tablets+smartphones in diesem jahr verkauft worden als desktop pcs .

ein ipad braucht eigentlich niemand, trotzdem innerhalb 28 tagen 1 mio ipads verkauft worden. schneller als das iphone (75 tage). (aber auch: wii: 13 tage, nintendo ds: 15 tage)

insgesamt 15mio ipads in 2010 verkauft. es gibt jetzt ein vielfaches an ipads als iphones (echt?).

er zitiert döpfners gebet. betet es aber nicht nach.

magazinverkäufe trotz allem hinter den erwartungen. schade, doch nicht so einfach die verlage zu retten.

downloadzahlen sind ungleich nutzungszahlen. viele ipads liegen nur rum, viele apps werden nicht verwendet. nur wenige apps werden länger als 90 tage nach kauf überhaupt noch benutzt.

deutsche saleszahlen die schlechtesten in der welt:
ca. 0.5 mio ipads bisher in de. enttäuschend.

er zeigt den hype cycle. wir sind in der frühen entäuschungsphase.
wie kommen wir auf den aufsteigenden ast?

markt noch groß, aber wie kommt man rein ins ipad? die antwort gibt er nicht wirklich.

jetzt endlich inszenierung und herangehensweise. sagt er.
dann leider doch nur technik/konzeptstrategie.

passenden technologiepfad auswählen:

A: epaper/ebook/pdf/epub: printlogik. ziemlich lahm. er sieht das auch so. dennoch gemacht, bei faz etc.

verlage sagen: zeitung ist perfekt, bitte einfach aufs ipad bringen. wenig aufwand, schnell machbar, kaum multimedia, wenig kreativ, kaum ux im spiel. findet er schade. ich auch.

B: rma (rich media app)
indesign-basierte produktion (s. frankf. rundschau): nah an print/seitenlogik entwickeln, standardtools, hohe freiheit, hoher aufwand, großes team, multimedia. adobe bietet es günstig an, woodwing ist konkurrent.

problem: kein text, alles jpgs, hohe datenmenge. (meine meinung: zur not kann man das wohl machen. sonst besser nicht.)

multimedia erzeugt großen impact auf die user, sehr attraktiv, lädt tageszeitung positiv auf. sagt die mafo.

daher machte man apps am anfang auch, allein schon um das image von tageszeitungen aufzumöbeln. aber ist es die app, oder das ipad das begeistert? weiß man nicht.
da hat er recht.

er zeigt recht unspektakuläre animation generischer interaktionsmöglichkeiten einer app, blättern, swipe, oben, unten, html widget. es scheint die präsentation für verlagstypen zu sein.

jetzt aber:
C: custom / webbased / native: selbstgeschraubt, meist html.

heute meist native und html kombi.
warum immer mehr html? weil dem ipad andere geräte folgen, die man schnell bedienen will.

printdenke, aber auch webdenke (!) sind jeweils alleine nicht genug um tablets zu denken.

logischerweise hoher aufwand; ObjectiveC etc.
dafür auch totale kreative freiheit, sensoren und so weiter.

jetzt zeigt er die app vom porsche museum, die noch nicht im store ist, die ich nun aber schon länger kenne, aus gründen. sieht gut aus.

noch ein dummybeispiel: reisekatalog.
im prinzip mix aus tv, heft, website. so gesehen aber auch was eigenes:
interaktion mit einem globus, videosequenz mit popmusik der destination, zwischendurch interfaces, wie man sie damals auf cdroms gerne gemacht hätte. ist ja auch nur ein mockup.
zeigt aber gut, das es eben eine kombination aus allem und dazu noch touchy ist.

für verlage ist sowas täglich freilich viel zu aufwändig. ein dilemma.

tablet (ipad) ist lean-back pc, das gab so es noch nicht auf der welt.
ist auch mehr als reines lesebuch (kindle): location, messages, mails, fotos, camera, und das ganze ding mit dem internet etc. es wird klar. SoLoMo und so. nur wie bindet man Social und Location ins ipad gut ein? er nennt flipboard, aber viel gibts da noch nicht, vor allem bei location. darauf freut er sich, ich auch.

»social media als storytelling-motor«. er schwimmt etwas, weil das jetzt natürlich noch niemand weiß, wie das richtig geht. verständlich.

man muss sich neu aufstellen, linear wird interaktiv, rückkanal, monolog wird konversation. meine rede.

die ausgaben metapher ist ihm auch nicht ganz plausibel, beim thema »abgeschlossenens leseerlebnis« ist er, wie ich, skeptisch.

real-time, always-on hat auch nachteile: inhalte sind später wieder weg, offline geht nix mehr etc.

letztlich: die mögliche user experience wird noch von wenigen apps ausgereizt. oft wäre eine website auch die richtigere lösung, wenn die bezahlfunktion im web besser möglich wäre.

am ende der hinweis, das alles perpetual beta ist, was entwickler auch frustriert, aber so ist das nun mal. eine app ist einfach auch nie fertig. (und die agentur hat auch immer was zu tun, sag ich mal.)

ein paar fragen aus dem publikum, das wars.

fazit:
insgesamt kann man sagen UX auf tablet ist ein großes unerforschtes land, wird von den allermeisten nicht ausgenutzt, weil aufwand und time-to-market dagegen sprechen. als verlag man muss sich entscheiden ob man aus dem print- oder webprozeß ins pad geht, ob man es ganz billig als pdf macht, es per indesign o.ä. noch etwas aufpeppt (vergleiche springer/keese) oder ob man es sich leisten kann oder muss etwas originäres, kreatives, gutes zu machen, am besten mit webtechnologie angereichert um gerätespezifische native elemente, damit crossplatform denkbar bleibt.

danke! war guter überblick des status quo aus dem jahr 1 nach ipad.
die strategy wurde klar, was storytelling jetzt genau bedeutet, … next time.

hier der bericht dazu im typoblog.

mehr zum thema: die keynote von c. keese (axel-springer) vom vortag.

jetzt essen und reden.

morgen mehr.

im grunde ein nettes hobby, aber für mich auch faszinierend, vorallem wenn man das vorgehen auf andere daten übertragen denkt.

es geht los, ich tippe mal auch los:

bilderkennung bei google images:
nach cliparts (wenig farben), farben, strichzeichnung. funktioniert gut und ist sehr einfach zu bauen.

picasa:
facerecognition, lernt gesichter nach markierung und fragt nach (auch bei iphoto so.)

mufon player:
musik prozentual auf der achse traurig-fröhlich platziert. kann durch menschliches tagging (das dann per neuronalem netz weiterlernt), aber auch durch datenanalyse gemacht werden.

eigenes studienprojekt:
wellenform, rhythmus, geschwindigkeit von mp3 in icongrafik umsetzten.
ähnlich stücke, sehen ähnlich aus. schon etwas schwieriger.

erkennung einer schriftart, font recognition:
typedia, identifont, whatthefont
sind noch ziemlich am anfang. (finde ich zwar nicht, weil doch gute trefferquote, aber ich glaube er will auf etwas anderes hinaus).

schnitt

ziele: automatische inhaltsanalyse, klassifikation eines fonts und eine schicke grafische ausgabe des ergebnisses, nicht als liste.

ähnlich wie bei dem musikbeispiel, startet man mit einem dutzend kennpunkten, sortiert ähnliche auf einem koordinatensystem.

seine kennwerteanaylse der vektordaten:

0. optische größe: erstaunliches vorgehen um das zu ermitteln: zerschneiden in waagerechte scheiben, dichte rausfinden, auf welcher höhe wieviel pixel. dann normalisieren. dient als vorarbeit zur datenhygiene.

1. gewicht: glyphenfläche durch umfang-im-quadrat. fette haben mehr fläche. (zumindest zu 80% haut das auch optisch hin, sonst wäre optische grauwertanalyse auch gut denkbar)

2. rundheit: häufigkeit der winkel (steigung) der umfangslinie ermitteln. das histogramm ankucken, sehr divers oder sehr gleichartig? hart/weich damit erkannt.

3. neigung: wichtig und einfach. was ist der häufigste winkel, was ist der wichtigste peak im histogramm. neigung gebongt.

(sein live vorgeführtes windows-tool schmiert ab, irgendwas ist ja immer.)

4. krümmung: nur runde element, oder auch geraden dabei? durch halbwegs komplexe dreiecksanalyse entlang der linie. pythagoras und so.

5. diagonalität: dient zur erkennung von fraktur-fonts. gibt es 45° ecken bei der dreickesanalyse? dann wohl gebrochene schrift.

jetzt anordnungvarianten der ausgabeliste:

- liste nach einer dimension: ist langweilig.
- 2d-diagramm nach maximal zwei werten: auch nicht so interessant
- selbstorganisierte map: fünfdimensionale auswertung, auf zweidimensionen runtergerechnet. nahes im 5d bleibt auch nahe im 2d. sieht schon sehr gut aus. ähnliches kommt eng zusammen. zumeist. er zeigt die analyse mit 2000 fonts live in echtzeit.

das ganze ist absolut automatisch, ganz ohne manuellen eingriff und soll zur schriftauswahl dienen.
mehr kennzahlen, bessere auswertung.

schnitt

jetzt das ganz als tool im netz.

schwierigkeit: an vektordaten der fontfoundries kommen. sehr schwierig. derzeit crawlt er einfach nach zips mit fonts und nimmt sich alles aus dem netz. (haha!). er zeigt das als webservice. api.

60000 fonts in der datenbank. typografische qualität freilich mies, alles billigfonts aus dem netz. ermittlung von ähnlichkeiten in echtzeit aber auch bei einer million fonts möglich.

kann dienen zum abgleich von fonts, zur kombination von fonts (popularität auch automatisch durch gecrawlte pdfs denkbar). etc. was man sich sonst noch so alles ausdenken kann.

schnitt

experiment:
was sind die atome, “nuts and bolts” von fonts? serifen, rundungen, stämme, tropfen … er zeigt sozusagen eine gaschromatographie der times. niedlich.

vorbei. ein ubernerd zwischen physik und schrift. aber das habt ihr ja schon bemerkt.
danke, sehr vergnüglich und anregend.

mehr infos auf accessive-tools. und im typoblog.

weiter im programm mit heiko scherer.

ich schreib einfach so drauflos was ich sehe und denke.

er wird von einem animationsfilm erzählen, sagt das programm: »Chico & Rita«.

er hält den film zunächst mal für die beste story der welt, stellt sein studio in barcelona mit einem schicken trailer vor, erzählt dazu was die da so machen, natürlich nur oberflächlich, in erwartungsgemäßem englisch.

ein hotel in bilbao, sie machten alles, möbel, bar. namedropping im video: louis vitton, americas cup, camper. von fonts bis keramik. ne menge möbel. gebäude, schreibtischlampe, besteck, küchenmaschinen, zig logos, animationsfilme, hannover expo, olympics barcelona maskottchen.

klatschen.

jetzt »chico & rita«. ausschnitte laufen, jazzmusik, applaus.

ein cartoon/animationsfilm über kubanische musik, musikernamen fallen, die man kennt, aber nicht schrieben kann.

er fordert immer wieder die musik lauter zu machen. singt mit, alle freuen sich. seine begeisterung für kuba nimmt ihn mit.

splitscreenstyle cartoonanimation. jetzt spricht er nicht weiter, solange die musik so leise ist. »diese deutschen« scheint er zu denken, natürlich alles nur gespielt(?).

man versteht jetzt natürlich kein wort, zumindest den sinn nicht mehr. macht aber nix. schwarzweißbilder aus dem kuba der fünfziger oder zwanziger. er spricht weiter, kommentiert die fotos, das lebensgefühl. zigarren, frauen, familien, musik.

ein anderer film, schwarzweiß, eine nacht in havanna, nachtclubs, damals. er erzählt irgendwas. ich höre nicht wirklich zu. ich glaube, es geht darum, wie er aus diesem material inspiration für den animationsfilm geholt hat. sehr aufwändiges ding.

mehr fotos aus havanna, jetzt farbig, architektur, blau, sauber, bunt, gerade linien, grün, vanille, zackig, swimming pools, autos, häuser wie schiffe, die altstadt, alles kaputt, aber poetisch, touristisch.

bilder aus der stadt und wie sie im film als vorlage verwendet wurden.
die versuche, die farben der stadt zu verstehen, mit gefühl zu arbeiten, im blut, nicht im hirn.

er tanzt.

technik: zuerst schwarze outlines, dann füllen in photoshop.

jetzt dasselbe mit new york. fotos, animierte sequenzen. noch immer jazz und cumbia, laut genug.

gesichter- und characterentwicklung. animationstechniken, abmalen von videovorlagen. eine wahnsinnsarbeit.

wie die characters lebendig werden, mit ihm sprechen. klamotten aussuchen für die figuren. dior.

schauspielerszenen als vorlagen. handwerk von dem ich fast nix verstehe.

nochmal musik. jetzt spricht der regisseur von der leinwand. es geht um cuban music. das wußte ich jetzt schon. new york-cuba connection. musik und film sind eine einheit. extra aufgenommen mit einer jazzband. style der 40/50er. (ben webster, tito puente, etc.) musik wurde nachgespielt, die musiker wurden zu musikalischen schauspielern. ahmen die vorbilder nach. jimmy heath als ben webster. mike mossmann als dizzy …

mariscal schaut gebannt von der seite selbst zu.

ein sänger macht auf nat king cole.

weiter habe ich nicht mehr aufgepasst. der applaus reißt mich aus meinen gedanken.

ach, es geht noch weiter, sketches, 3d, kamerafahrten. eine menge quellmaterial aus filmen, schauspielern, fotos, vorstellungskraft. viel arbeit liegt in formaler abstraktion hin zu outlines. eine sauarbeit sowas. ich hab’s kapiert.

jetzt noch der offizielle trailer.

und jetzt die überraschung: er will noch den ganzen film zeigen, première sozusagen.

die leute klatschen semibegeistert (keiner weiß wie lang der film ist, einige gehen), sind eher erschlagen vom vortrag. es ist ja auch schon fast neun.

aber das ist natürlich toll. die bühne wird für eine größere leinwand umgebaut. smalltalk mit dem moderatoren über seine dyslexie und zeichnerei. improvisiert, profane fragen, wie das so ist. saal leert sich doch zunehmend. ich bleibe. musik finde ich super, jazz großartig, cuban ist auch gut, auch trotz buena vista overkill. cartoon/animation ist nicht unbedingt mein fall, aber was ich gesehen habe war schick. also warten. weil hier die steckdose ist. nicht dass da nachher jemand anderes sitzt.

bühne mittlerweile zerrupft. sie sprechen über berlin, es sei so sauber hier, fahrrad fahren, ne menge los und zu tun, polyglotte stadt, was soll man schon sagen … ich glaube keiner hört zu.

seine filme wird es ausschließlich im netz geben. jeder andere vertrieb wäre zu schwierig und riskant. vor allem bei animationsfilmen für erwachsene. kann man sich denken.

die bühne ist fast wieder hergestellt, warum benutzen sie nicht immer die große leinwand, fragt man sich.

saal viereinhalbsiebtel voll. es scheint gleich loszugehen. man weiß immer noch nicht, wie lange »Chico & Rita« ist. (er ist 90 minuten).

lights down. applaus. film ab. ich kucke und schreibe nicht mehr.

spanisch, englische untertitel. irgendwann in der mitte will ich gehen. obwohl der film echt lieblich ist und gut gemacht. aber so ungeplant, das reißt mich aus dem konzept. wenn ich jetzt rausgehe, ist draußen bestimmt kein mensch. das macht mir etwas angst, aber hey. ich bin ja erwachsen. die musik im ohr schleiche ich mich davon.

morgen mehr

leider verpasst: Tim Ahrens über webfonts und Peter Biľak von typotheque (angeblich sehr gut).

gesehen: Pierre di Sciullo mit einem ganz witzigen vortrag, mit dabei: anagramme, sprachspielchen in französisch, und weiterem crazy zeug. was designer halt so den ganzen tag machen.

jetzt Kris Sowersby über weine und schilder. auf neuseeländischem englisch. wer von schrift keine ahnung hat, versteht ab jetzt oft bahnhof:

er spricht über den relaunch einer australischen weinmarke. briefing: “old, but new. for old and young. rich in heritage and progressive by nature.” also wieder mal alles zusammen.

neues logo gemacht und daraus eine schrift entwickelt. interessante slides zu research von verschiedenen arten von serifen und schriften, die er auf dem weg gefunden hat. von strengen dreiecken bis zu elvis-haartollen, britisches, französisches.

allgemeines auslachen von exotischen glyphenformen, quadratische i-punkte und so.

seine schrift nimmt gestalt an: erst die versalien, dann die gemeinen. erst die DNA, dann die ausarbeitung. dann die fette und die ziffern – einmal in versalhöhe und eine version als (fast, eher hybride) medievalziffern. letztere fallen im fließtext nicht so auf wie echte old-style oder echte versalziffern.

er hat den font einfach mal gemacht, ungefragt, hört wochen nichts vom kunden.

dann kam die ausarbeitung der agentur zurück, und alles war schick. mit dem font.

allgemeines lachen über den billigen, aber durchschlagenden effekt von metallprägung und cool wirkenden diagrammen.

er behauptet nicht besonders zielgerichtet mit farben umgehen zu können, geht mir ja manchmal ähnlich.

weitere hübsche verpackungsdesigns mit allerlei geprägtem und so. sogar bunte glasfenster und lieferwagen und trucks. er ist stolz drauf. und es sieht auch großartig aus.

etwas seltsam – aber auch sympatisch -, dass er arbeiten von anderen zeigt. seine schrift immerhin.

jetzt noch die kursive version und ein display-schnitt. absolut manieriert, aber es passt zum produkt. dann noch alternativbuchstaben und so weiter, schriftgestalter in seinem element. wahrscheinlich wird das nie verwendet, aber man macht es trotzdem.

themenwechsel. zwei lineare serifenlose von ihm, eine metrisch, eine humanistischer.

ein paar witzige fotos von einem berlinbesuch wohl als spannungspause und aufwecker gedacht. gelächter, alle sind gut drauf. smalltalk. fotos von berliner straßenschildern. bekanntermaßen eine besondere schrift, vor allem die ostschilder. er lobt die schilder, und er hat recht. klar, er sieht sie nicht jeden tag.

gedanken über ingenieursmäßige geometrie.

beispiel: die optisch korrigierte futura vs. mathematischer geometrie anhand des G. nachvollziehbar und interessant, um die optischen gesetze zu erkennen.

jetzt die Interstate von frère-jones, keine optische korrektur bei den versalen, aber bei den kleinen etwas. dann die DIN. natürlich super ingeniersding und ne tolle schrift, aber wenig typografisches blut drin.

die berliner straßenschilder typo ähnlich, aber auch anscheinend mit einiger freiheit auf den schildern gesetzt. condensed, gesperrtes. manchmal auch unprofessionell.

nun, darauf hat er seine metric aufgesetzt, mit deutlichem ingenieursansatz.

jetzt über alternative glyphen. helvetica, gill sans und memphis alternatives, wohl aus alten linotype specimen-büchern. die üblichsten alternatives sind wohl a und g in ihren beiden (venezianischeren) formen.

die originalzeichnungen der futura mit dem irren a und g. kennt man ja.

seine eigenen experimente mit futura. a, g, l geändert. ändert den charakter total.

weitere experimente mit anderen fonts. natürlich muss man im »genre« und duktus bleiben beim alternativenbau. bei serifenlosen ist es einfacher.

er zeigt den unterschied von streng grotesk, geometrisch und humanistisch.

jetzt ist er ganz weg von thema des talks, tief in typographen-porn. man spürt seine leidenschaft für diesen wahnsinnigen beruf, berufung eher.

er zeigt welche glyphen für humanistischen bzw. geometrischen duktus verantwortlich sind. erstaunlich wenige (etwa 8 jeweils bei groß und klein, A, C, a, g, etc.). die meisten buchstaben sind generische formen.

die zeit ist um, er hätte sicher noch weitermachen können. letztlich begeisternde story und schöne einblicke. zwei, drei talks in einem.

weiter mit javier mariscal.

meine wirren notizen:

er ist noch immer stolz auf die writer app für ipad, die jetzt für mac kommt.

der unterschied zwischen “designed things” und ungestaltetem. design bedeutet über dinge nachdenken.

ein stein ist einfach so passiert. ein faustkeil ist durchdacht.

alles um uns ist durchdacht und “gemacht”.

nur ist nicht alles gut durchdacht.

beispiel: japanisches akw.

gedanken selbst sind auch “ausgedacht” – nicht wirklich etwas natürliches. “are toughts designed”? ja: “through language”.

es gibt mathematische, musikalische, etc sprachen. aber die schriftsprache ist die mächtigste.

schrift ist aber auch ein code, ist/war kompliziert, geheim- und priesterwissen (s. hieroglyphen).

egal wie kryptisch, es gibt immer einen hacker der den code knacht. (s. rosetta)

die griechen waren die besten hacker, haben den code befreit, einfache zeichen entwickelt. außerdem demokratie erfunden, die generische hackerkultur.

dann machen es die priester eben komplizierter, die römer machen zumindest mal serifen an die zeichen.

dann die runen als simples gegenbeispiel.

dann wieder die “priests” mit unzialen, keltischen glyphen. komplex aber auch schön.

karl der große, der große hacker, reinigt alles. karolingische minuskeln.

johannes gutenberg, auch ein chefhacker: buchdruck.

nicolas jenson: roman style, vereinfacht nochmal,
weiter mit der grotesk/sans die man auch als revolutionären affront werten könnte.

“yesterday’s hacker are today’s priest” z.b bill gates, steve jobs, obama.

nicht komplett ernstgemeinter abschnitt über serif vs. sans:

serifen: priesterlich, grotesk: hacker. obama nächstes jahr mit slab serif im wahlkampf.

serifen auf dem bildschirm: er macht sich etwas lächerlich über leute die das ablehnen. ab 12px geht’s. google-logo hat serifen.

serifen sind mehr eine sache der kultur. facebook hat keine (serifen).
serifenlos kann ein statement sein: twitter.

jetzt das internet:
astroturfing, zensurfirewalls (nicht nur in china, überall) “they say they protect the children, but they protect the priests”

das medium ist durch die nutzer gemacht. millionen menschen “machen” es täglich. auch in zukunft. wir werden schreibe und bauen, was wir wollen, wir hacken es, verbesseren es.

jetzt zeigt er seine writer app für mac per filmchen. entspannung. leute lachen und freuen sich, dass microsoft word schlechtgemacht wird. (mit recht).

viel hat man nicht gesehen von der app, da ist ja auch nicht viel zu sehen. menschen im publikum fragen sich gegenseitig, wie die app heißt, klatschen, aus.

mehr dazu im typoblog.

weiter mit kris sowersby.

ich bin auf der typokonferenz in berlin, thema: »shift«. gestern noch dazu entschlossen, was den einlaß für mich erleichtert hat, da am anderen schalter, wie man mir telefonisch vorab extra mitteilte. werde am eingang von jürgen siebert angesprochen, der mich durch den hintereingang zu reservierten plätzen führt. weil er mich aus dem internet kennt. na bitte. jemand verrät mir das wlan-passwort, das ich in den erfreulich spärlichen unterlagen in der konferenztasche nicht finde. ein programm vermisse ich in der tasche auch, aber ich hab ja jetzt internet.

ich habe mich entschlossen ab und zu mitzuschreiben. sicher gebe ich im laufe des tages auf. der akku des laptop hält ja auch nicht so lange. und meiner auch nicht. hier aber dennoch meine notizen, die durchgängige kleinschreibung bitte ich zu entschuldigen. ebenso, wenn es zwischendurch unverständliche sätze gibt, und der insgesamt knuffelige stil – offensichtlich habe ich keine übung und korrigiere das später nur oberflächlich. bin ja kein journalist, echt jetzt.

christoph keese von axel-springer hält die keynote über die (m.E. autosuggestiven) heilsversprechungen des ipad. er versteht offenbar kaum was von technologie, scheint auch von schrift wenig zu verstehen.

ich verstehe dafür von onlinenews und news-nutzern nicht alles. insgesamt bin ich mittelmäßig erschüttert von seinen argumentationsketten. wenn er recht hat, muss ich einiges überdenken. die wahrheit liegt wohl in der mitte.

ich versuche mich zu erinnern was @diplix schonmal über ihn geschrieben hat. glaube, dass er auch nicht immer seiner meinung war.

christoph keese zeigt bilder von der ipad-edition der nyt. jammert das photos im internet so unflexibel layoutet sind, man müsse mit dem template klarkommen oder einen coder bestechen, um mal was zu ändern. er glaubt irgendwie das wäre bei ipad besser. huh? jedenfalls begründet er darauf die “renaissance der bilder”.

er erzählt vom megatrend mobile/tablet und glaubt, dass weder print noch paid content stirbt. ipad sei auch parallelmedium und rückkanal für tv-konsum. er findet computer zu kompliziert, ipad aber total super.

journalismuskonsum werde sich zukünftig an der aktuellen situation des lesers orientieren. das gerät werde das in zukunft erkennen, anhand der tageszeit und sensoren oder so. er behauptet hauptsächlich unbelegt rum.

insgesamt findet er ipad-apps machen wäre einfacher als printmagazine machen. weil die navigation einer zeitschrift kompliziert und planungsbedürftig sei.

zeigt bild-app. ist begeistert vom navigationsprinzip »anklicken und hinkommen«, scrollen per swipe und ist stolz, dass html-typografie überwunden wurde und die bild app genauso aussieht wie die gedruckte bild. natürlich auf kosten der filesize. das macht mich leicht traurig.

er behauptet “das publikum will keine ständig aktuellen inhalte” auf dem ipad. ich wundere mich sehr. die leute wären überfordert von der endlosen tiefe des von online-angeboten. daher führten auch nur einmal täglich aktualisierte apps zu längerer verweildauer ( >30 min?). ich habe ihn am ende drauf angesprochen und er hat das auch mit nutzerinterviews begründet. die verweildauer im web sein so kurz ( < 3 min), weil die meisten via suche kommen.

ich denke mir, es liegt an der nutzungsituation des ipad, nicht am gestrigen inhalt und der geschlossenen form einer ausgabe. er erklärt mir später, die ausgabemetapher sei kein zwingendes vehikel zum einfachen abomodell, da man ja auf zeitbasis den zugang abonniert. wenn die leute ständige aktualität wollten, wäre das in der produktion sogar günstiger, wollen sie aber angeblich nicht.

ich frage mich nun, ob die unterschiedliche verweildauer auch daran liegt, dass man appinhalte eben nicht per google findet und die googlevisits einfach den durchschnitt im web versauen. auch frage ich mich, wie erfolgreich die googlesearch auf pads eigentlich ist; ob man am ipad überhaupt recherchiert.

jetzt lästert er nochmal über die enge auswahl und häßlichkeit an vorinstallierten html-fonts - glaubt auf der typo-konferenz damit irgendwas zu beweisen -, er hat offensichtlich keine ahnung von webfonts.

zeigt flipboard. findet es genial. am besten findet er den blättereffekt: "ein super blättereffekt". ich so: srsly?

er erklärt die aggregationslogik von flipboard, behauptet »flipboard zieht die inhalte aus den facebook-angeboten der verlage«, glaubt man könne sich entscheiden als verlag, seinen inhalt in facebook (und damit flipboard) zu reingibt oder nicht. news.me und zite bleiben unerwähnt. rss selbstredend sowieso.

ich glaube flipbard funktioniert anders. ganz anders. facebook ist doch nur der login, der content kommt aus den links der friends und follower. liege ich da falsch? auf die social curation geht er jedenfalls mit keinem wort ein, scheint ihm entgangen zu sein.

nochmal müssen irgendwelche smartphone-markt-prognosen als argument für paid-content herhalten. damit hat er nicht ganz unrecht, obwohl eben immer vergessen wird zu erwähnen, dass tablets und phones durchaus neben apps auch einen webbrowser besitzen. das würde sich nicht merklich kannibalisieren sagt er mir später.

jetzt erklärt er, dass ipads stärker genutzt, mehr darauf gelesen wird als am desktop. es werde weiterhin kostenlos und paid geben. kostenlose inhalte wären in zukunft für suchmaschinen optimiert, weniger redaktionsintensiv, 24/7 aktuell, geringe ad-preise. paid content sei in diesen punkten das genaue gegenteil.

nun die bekannte app-verkaufs-statistik von axel-springer. interessanterweise lacht keiner über die zahlen. aber wahrscheinlich hab ich einfach keine ahnung, ab wann sich eine app-produktion/paywall lohnt. er sagt mit später break-even war nach <9 monaten, also besser als print.

dann lobt er pdf-ausgaben im iKiosk. er lobt vor allem die mangelnde interaktion von pdf. deswegen sei auch furchtbar populär pdfs zu lesen. ich zweifle.

kindle store mit kindle-apps für ipad, iphone etc. "amazon baut den bereich periodika auf". deshalb zeigt er es.

"die leute erwarten 1-click-checkout". man verlöre sonst auf jeden fall über 60% user.

er möchte ein "global-single-sign-on-one-click-micro-payment" für content und alles andere. jetzt erklärt er die begriffe einzeln, die leute lachen ab und zu. ich nicht. denn das ist einer der wenigen punkte, bei denen ich ihm spontan recht gebe.

blick auf die nyt paywall (die bekanntermaßen lächerlich leicht zu umgehen ist, das bleibt unerwähnt). den 90%-traffic-verlust erwähnt er, und hält es für einen erfolg. er hat nicht komplett unrecht, kommerziell gesehen. jetzt die paywalls von FT, hamburger abendblatt. er übersprint die folie über google one-pass. schade.

noch ein, zwei (un)-witzige fotos am ende der präsentation, die erklären sollen wie man so ein ipad-projekt (nicht) angeht. na gut.

der bericht dazu im typoblog.

weiter mit oliver reichenstein

Wenn ich etwas Zeit finde und mehr Feedback gelesen habe, schreibe ich hier sicher noch etwas dazu. Wahrscheinlich, sobald ich diese Seite dann auch mal bald relaunche.

[via]

[mehr NYC Knipserei]

Das Buch über Typografie in der New Yorker Subway ist leider längst ausverkauft.

[via dhrac]

Selbst noch nicht gelesen: Showcase Of Web Design In Germany.

.

Aha, meine Antworten hat der Redakteur wohl dem Gott der zu langen Artikel geopfert. Macht nix. Immerhin ist mein Name richtig geschrieben …

Hier, was ich antwortete:

1. Could you please describe current situation on German design market. How the life of a freelancer, developer and designer in Germany looks like? How much do designers earn?

of course i cannot speak for the german market, just for myself. being a freelancer occupied with mainly designing the interwebs out of berlin – which might bias my perceptions in a certain way, as berlin is always said to be different to the rest of the country – i can only say that right now i am drowning in work. it wasn’t this way all through the year, as the infamous crisis seemed to hit the creative industries as well. but since the summer is over inqueries keep on rolling in.

the financial situation is following the regular market rules of course, so rates did not go down compared to last year. but they didn’t raise either. numerically speaking i guess reasonable freelancers are currently available from around 300 euros up to infinity depending on the scope and extent of the job, the expertise of the person and the magic two-sided triangle where clients can choose two out of the threesome of good, fast and inexpensive.

2. Are there any common usability patterns, rules of thumbs that are typical for German design? Are the standards of web design in Germany changing?

it is very difficult to recognize specific patterns when you live on the inside of a system. i guess the good old german qualities still apply, like crisp accuracy, a certain ingenuity and moderate fidelity. all these serving a good direction. since some years i keep pushing things into user-centric mindsets and the aspect of joy-of-use.

i guess that also is a general tendency, at least i do hope it is.

Also the uprising of the social web, the participatory elements that bring the web back to its intended purpose is highly influencing how communications are set up in the media and the web nowadays. Also writing down thoughts that are rather simple in long complicated sentences seem to be german ;)

3. Is professional education really important in the design industry and do you feel there is adequate education available in Germany, for developing world class designers?

our craft – or is it really an industry – always was open for people coming from the outside. within a decade i never was asked for a paper concerning my educational records, neither did i ask anyone about it, when i was in a position to decide about employment or involvement of anybody for design or concept work.

still i feel, mainly in webdesign, people are educated or educated themselves much better than they have been in the late nineties. anyway you can never stop to learn, so the older you get, the less important gets your initial education.

concerning “world class” – what or who defines that? it is always the reason of a design that is the measure to it’s greatness.

the one person with the best idea is the one that gets it done. in the end this may as well and of course be the database developer. i tend to not believe in heros.

4. Where do you get inspiration from? How do you stay informed about last design trends? What design-related websites do you visit (or read via RSS Reader) every day? What books and magazines do you read?

i hardly read printed magazines, i must admit. just music stuff. i also lost most of my addiction to television. i subscribed a lot of rss-feeds of all kinds of flavors. but my main source of information, as well as inspiration – concerning news, creativity and technology – are the nearly 2k people i do follow on twitter, and a bunch of tumblr and soup.io blogs i occacionally dive in, plus the sites i get delivered from stumbleupon.com.

the news will find me.

i use feedly as my feedreader. that is a firefox/safari/chrome plugin, that builds upon google reader and is aware of my greader, friendfeed and twitter contacts and thus is putting some relevance into the rss items. i just exported my opml and you can get it here: http://dl.dropbox.com/u/302068/kosmar_opml.xml – some of them are design related of course.

5. Are there any issues unique to German web design? Do you see any remarkable differences in comparison with worldwide creative industry?

no :) srsly: the web is global, things get flattened down to a universal common sense more and more. which is good and bad at the same time. a designer always has to look at what the culture is in which the target group of users lives in. this is different for each project – probably on a level as big as from country to country, at least when you look at europe.

sure you can find specific attributes to american, south-african, japanese, chinese or german websites, including the style of the design – just by looking at them.

still more and more projects i work for exist on a rather global scale, taking the existing digital devide in the world into account. so these differences are to be explored and considered, but also brought together to a design that serves a one-size-fits-all approach. i call this cultural accessibility.

[via @hdsJulian]

The Third & The Seventh from Alex Roman on Vimeo.

.Fullscreen it, please.

A FULL-CG animated piece that tries to illustrate architecture art across a photographic point of view where main subjects
are already-built spaces. Sometimes in an abstract way. Sometimes surreal.

Credits:

CG

|Modelling – Texturing – Illumination – Rendering| Alex Roman

POST

|Postproduction & Editing| Alex Roman

MUSIC

Sequenced, Orchestrated & Mixed by Alex Roman (Sonar & EWQLSO Gold Pro XP)

Sound Design by Alex Roman

Based on original scores by:

.Michael Laurence Edward Nyman. (The Departure)
.Charles-Camille Saint-Saëns. (Le Carnaval des animaux)

Directed by Alex Roman

Done with 3dsmax, Vray, AfterEffects and Premiere.

http://www.thirdseventh.com/

[via]

Eine Revolution in der Typografie für Web-Design kündigt sich an, die bereits kommerziell verwertet wird – zum Beispiel vom Schriftenhaus Fontshop via Typekit als gehostete DRM-Lösung. Meine leise Kritik daran habe ich bereits in den Kommentaren eines Videos mit Erik Spiekermann hinterlassen. [s. auch]

Gerrit von praegnanz.de hat vor ein paar Tagen begonnen Typekit einzusetzen und ist auf einige Probleme mit Nutzern von WIndows und Linux gestoßen.

Ich habe jetzt hier in diesem Blog angefangen @font-face zu verwenden. Aktuell benutze ich einen kostenlos erhältlichen Schnitt der Schrift Zag von Fontfabric für Überschriften und in der Seitenleiste, da dies vorbildlicherweise in der EULA der Schrift erlaubt ist.

Daher würde mich interessieren, ob die Überschrift dieses Artikels in eurem Browser so aussieht:

Falls nicht, freue ich mich über einen Kommentar, der den Unterschied erklärt und am schönsten wäre ein Screenshot, der den Unterschied zeigt. Bitte nennt auch Browser, Version und Betriebssystem – Bei Windows© bitte angeben, ob ClearType® aktiviert ist. Danke!

Mehr Quellen zur weiteren Recherche zum Thema: @font (Tobias Otte) bei Twitter, das Working Draft des W3C, nicewebtype.com, fontembedding.com, Paul Irish, FontSquirrel Generator.

Hier ein paar Merksätze, die ich mir aus dem bisher dort Gesagten privatmythologisch zusammenassoziiert habe:

<pathos>

Edwin Chan, LA

Schau auf das Wesentlich im Zeitlosen hinter dem Heutigen.

</pathos>

Ich bin auf die in den kommenden Wochen folgenden Beiträge gespannt. Und jetzt geh’ ich mal kurz Wäsche aufhängen.

Daniel Eatock

Designer Paula Scher at TED

Bonuslink

Die SPD hat heute bei jovoto.com einen Kreativwettbewerb zur Gestaltung des Signets des Kanzlerkandidaten Frank-Walter Steinmeier eröffnet. Offensichtlich ist sowas nach Obama jetzt ein Muss für einen Kandidaten.

Nun kann man zurecht zu Kreativ- und vor allem Logowettbewerben gemischte Meinungen haben. Allzu oft erlebt man, dass es am Ende keinen Gewinner gibt, kaum Preisgeld ausgeschrieben ist und man mit Einreichung alle Rechte abgibt.

Bei Jovoto ist das freundlicherweise anders. Das Preisgeld beträgt insgesamt 5000€, der erste Preis 1500€, der zweite 750€, der dritte 500€. Die Ideen bis Platz 12 bekommen immerhin 250€.

Ein weiterer Unterschied zu anderen Plattformen und Wettbewerben: Die Gewinner werden durch die Community selbst bestimmt; jede Idee kann man als Mitglied bewerten und auch kommentieren. So gewinnen also 12 Entwürfe, die den Kreativen selbst am besten gefallen und Ideen können im Verlauf weiterentwickelt werden, man kann einfach Bild- und Videodateien zu den eigenen Einreichungen hinzufügen.

Außerdem, ganz wichtig: die Nutzungsrechte an einer Idee verbleiben beim Kreativen und werden dann nach dem Wettbewerb mit dem Kunden ausgehandelt. In diesem Fall sind dafür weitere 3000€ im Briefing ausgeschrieben worden, falls sich die SPD für eine Idee entscheidet. Das muss dann aber nicht unbedingt der Community-Favorit sein.

Ich finde das System ziemlich gut durchdacht und so ehrlich wie möglich gegenüber allen Beteiligten und vor allem den Kreativen, die Lust drauf haben und die Zeit und Arbeit investieren wollen. Außerdem ist die Community aus meiner Erfahrung sehr freundlich und es macht Spaß über die Entwürfe zu diskutieren.

Ich freue mich darauf zu sehen, in welches grafische Licht die Mitglieder den Kandidaten setzen werden, vor allem die zu erwartenden Einreichungen aus dem Ausland finde ich spannend. Ich werde bei dem Wettbewerb als kreativer Berater von Jovotos Seite aus aktiv sein und die Einreichungen genauso kommentieren wie die andern Nutzer auch – mit dem Unterschied, dass meine Bewertungen zwar sichtbar sind, aber am Ende bei der Ermittlung der Gewinner nicht mitzählen.

Die Plattform funktioniert prinzipiell über ein Invite-System; es kann also nur mitmachen wer eingeladen wurde. Zu diesem Wettbewerb aber wurde das etwas gelockert, so dass man eine Idee auch per Mail einreichen kann. Ein paar Invites hab ich auch. Wer einen will soll am besten hier mit URL / E-Mail-Adresse kommentieren, aus der ich sehen kann, das es sich um eineN GrafikerIn handelt. Sonst einfach auf der Site für eine Einladung registrieren.

Der Wettbewerb ist übrigens bis zum 17. März für Einreichungen offen. Viel Spaß und Erfolg.

Offensichtlich ein Promo-Interview anläßlich des neuen Buchs For the Love of Vinyl. Sicher ein besonderer Trip.

Hier die Site seines Kollegen Storm Thorgerson

[via @spex]

[via svenk ]

Bonuslink: Fontsquirrel

Freundlicherweise gibt es da Abhilfe. Nämlich ein Flussdiagramm, das hilft den Darstellungstyp zu entscheiden. Bitte alle, die mehr als einmal im Leben ein Diagramm machen, also hier das PDF jetzt besorgen.

Damit es nicht so oft in diese Richtung geht:

Abbildung von GraphJam.

[via Lifehacker]

Bonuslinks: datavisualization.ch, flowingdata.com

Außerdem hab ich jetzt hier Google Friend Connect, doch bedenke dies.

Sag ich doch. Eigene Hoffnung schöpfen auf obamicon.me via Cem B..

Hier ein Interview mit dem Original-Künstler Shepard Fairey, auch bekannt für den Obey Giant beim Colbert Report via Sean

Auch schicke Sachen: designforobama.
[MC hat es 3 Tage später auch schon gemerkt und Fontblog sammelt.]

Platforms of the Social Web do manage to involve the users, but also consist for the most of them of content produced by users or the communication of users. Within that there are patterns of design implemented, that allow and enhance participation and conversation. Here is a overview of recurring patterns, which have been called Conversational Design Patterns recently.

Conversational Design in the sense of Community Design or Design for Participation is very young as a term; there is no wikipedia article today and Google just gives you a handfull of relevent sources. Pedro Custódio brought the term to Germany with his eleborated presentation at the Berlin Web-2.0-Expo in last autumn. Design is meant here in the sense of concept and gestalt, rather than just visual appearance, while the patterns used also contain visual representation and interactive behaviour.

So a new buzzword is born, hurray. The goal behind it, may be as old as the www itself: all participants in the global web shall be acting as senders of information and take part in a digital interchange of ideas. Bertolt Brecht’s Radiotheorie [de] is often referred to as an early manifestation of this idea. Usenet, IRC, forums and newsgroups were and are expressions of this freedom within the internet. But in many cases their patterns of interaction seem to be too complex for the regular user and appear as closed communities of some secret knowledge.

The outcome of the dotcom-era of the late 1990s makes obvious that businessideas have survived that managed to integrate the users themselves. EBay is still existing on the commerce users execute amongst them. Amazon draws its early USP, the recommendation of products from the clicking and buying behaviour of their customers and gained credebility and trust from usergenerated reviews, lists and forums.

Participation is the major paradigm shift in Web 2.0.

The popularisation of the idea of users being an online-community that reads and writes is now becoming more and more apparent in services of the so called Web 2.0. The userbuild encyclopedia Wikipedia, video and photo communities like Flickr, YouTube, Sevenload or Ipernity, musicplatforms like last.fm or ilike.com, social bookmarking at MisterWong, del.icio.us, digg or StumbleuUpon, social networks like Facebook, Xing or StudiVZ are just the tip of the iceberg, well visible though.

Blogs are the most elaborate form of self-determined publication on the net, and are known now for quite a few years in many phenotyps. Until recently firmly in the hands of techsavvy early adopters were microblogging-tools like Jaiku, Pownce, the recently launched Plurk, or the most popular Twitter. Their service provides the most compressed, yet immediate form of conversation. 140 characters per message, in which the user can publish her current moods, occupations or links to sites they want to recommend to their followers or the whole web. And the means of that communication is nearly as free as the web: Text-messages, Instant messaging, special Clients [de] or the website of twitter can be used as input and output devices.

Ease is winning

At the same time there are hundreds of services and providers, that count on “User Generated Content”. No wonder that concepts and the design of those platforms follow certain patterns that become more obvious. Those can at first be seen in ideas and businessmodels.

A service seems to be most promising, when it solves a specificproblem. That may also be a very niche challenge. The functionality just has to be most focused and usable to the extend of being joyful to use, while giving a valuable benefit for the cost of using it at all.

Dopplr is a vivid example. You can contribute in which city you are planning to travel to. What you get is the plans of your contacts that also registered with the service. Primary benefit? Appointements by recovering coincidences or joining journeys. Sounds like something for a few people. Still enough to wow the community of frequent travellers. Important assets to success are for sure the reusability of the data, maybe on your own blog, but also the possibility to increase privacy by giving information only to assigned contacts. The form of the service tough is as simple as it could be: one object, many subjects.

As in most Services of the Social Web, Dopplr is all about one specific Social Object, here travel plan. In other cases it may be photos, videos, thoughts, music or activities and places, as seen at Qype, Brightkite or Plazes. Or it is about the persons and their relations to others that form that nucleus, think Facebook or LinkedIn. This Social Object serves as main feature of usage as well as the center of crystallisation for the conversation amongst users. Those comments, inboxes, guestbooks, newsfeeds of profile changes or pictures in photoalbums are the reason for the user to return to a site, which most often are run by advertising revenue.

Patterns will help

Usability is a matter of concept and design. And it is OK to cling on prelearned patterns. Humans do trust anything more when it happens in some familiar environment. The Logo should be up left, searchbox more on the right, the menu is the thing on the left.

Those are learned patterns in webdesign, that needed some time to come up and still give freedom for some variation. The consensus seemed to be much faster on Conversational Design Patterns; the building blocks, that are meant to enable conversation and interaction. If a servcie is built on participation of users you might be noticing flaws in usability obviously very much faster. But also these patterns will evolve constantly.

Patterns of conversation

It starts up, when you sign up for a new service. Registering as few data as possible should be the principle not only for privacy reasons. EMail and password are what is mandatory in most cases. After opting-in via email you often get to a form to enrich your profile with data, to make it easier to be identified by your peers. The Login-Functionality belongs there as well. username or eMail-address serve as authentification, another field for the password. Links for recovering lost passwords and probably a link for new users to sign up. That is how a pattern for the login-box can be imagined.

The pattern of a login box. OpenId is becoming more popular as an option.

But even this well known pattern has seen modifications recently. OpenID shows up more often at login-boxes, eithar as a logo or a text-link. OpenId is an open standard, that aims to solve the problem of constantly reentering profile-data including coming up with passwords and forgetting those again. A central spot, like myopenid.com or a bunch of similar providers, that host your own profil or even multiple personas of yourself and keep them up to date. The platforms then access only those datasets that they have been given permission for, the user only has to remember one password, which should be as safe as possible then for sure.

Another obvious pattern in conversational design are buddyicons, small pictures, often square-sized, that shall make the user identifiable to others. Flickr made those 48×48 pixel images popular. Over there serve also as tools to access the functions attached to a user. The trend is to use more larger images, some are even 200×200 pixel.

The own buddyicon and an activating preallocation encourage comments. Here: jovoto.com

Tagging and tagclouds came up especially but not exclusively on social bookmarking sites and serve to categorize the social objects by the user themselves. Over a while they were s0 popular as a trademark symbol of web 2.0, that there usecase fell behind many times. Tagy are only useful, if they are linked to lists of items. Tagclouds are only fun when they display an alphabetical order and as long as they show popularity or frequency over a certain timeframe.

Most important are the possibilites to communicate. Those are diverse, but can all coexist on a platform. A subliminal form of getting in contact is happening without consciousness on many sites: the visit of a profile page. Often, as for example on stumbleupon, is transparent to the user who has visited their profile. The full function is even part of the premium features of xing, while on mixxt you can turn of leaving (and seeing) those trails. The next level is called as “grooming” by experts. The user knows it as “poke” on facebook or “Gruscheln” on StudiVZ. A brief poke, without leaving any textual message. Public guestbooks on profile pages or private messages in internal inboxes of social-web-platforms are as common as groups and forums for conversations off site-topic. Interestingly those ways of communication are, besides SMS and Chat, getting more popular with youngsters than email is, which turns into a medium of the older generation soon. As long as it is not burried under spam before.

Facebook wants to keep users on the page and recently recalls an ancient pattern: Chat.

The pattern of comment became known on blogs and is a standard element of classic news-sites now also. Annotation to objects of all kinds are getting more elaborated. At Viddler and SoundCloud comments can be attached to the very timecode of videos or songs.

Ideal for audio in video: Comments directly in the timeline.

A very important building block is rating. It is stunning,how fast 5 stars became a widespread means of rating. Stats and numbers, karma and popularity are a recurring element in many ways. The vanity of each has to be fed with encouragement by a large count of contacts, comments, images and activity meters. You could call this cluster “reputation”, which is so often the motivation for the people to participate in the global conversation of the social web.

We love to take away

Not at last but still lately interoperability of platforms has gained focus.The possibilities of RSS and OAuth protocols are more and more fields of experimentation for the web-2.0-community. Egotainment, the joy in self-expression and networking of the users is sustained by aggregation services like friendfeed, socialthing or soup.io. The free portability of your own data and the integration of datastreams among platforms are goals of initiatives like dataportability and Google’s Open Social.

OpenID, OAuth, Dataportability and OpenSocial are initiatives, that want to improve open and secure standards.

This will only happen by broader standardisation on a technical level and by that more designpatterns will be created and streamlined for the social web. Services like Fring, Aka-Aki or Jaiku illustrate the trend of convergence onto mobile devices, like the iPhone, and make interaction designers to face further challenges.

Plattformen des Social Web gelingt es nicht nur, die Nutzer einzubinden, sondern sie bestehen zum größten Teil aus Inhalten, die von Nutzern verfasst werden oder die durch die Kommunikation der Nutzer entstehen. Dabei kommen Gestaltungsmuster zum Einsatz, die Partizipation und Konversation ermöglichen und fördern. Wir geben einen Überblick über wiederkehrende Muster, für die sich der Begriff Conversational Design Pattern etabliert hat.

Den Rest des Artikels hätte ich natürlich auch hier reinkopieren können, denn er ist erstens von mir selbst geschrieben und zweitens sowieso unter der Creative-Commons-Lizenz (BY) in der aktuellen Ausgabe der t3n erschienen und auch auf deren Website schon zu lesen.

Aber warum duplizieren, wenn der Hyperlink bereits erfunden wurde? Den ganzen Artikel mit Bildern etc., also dort bei t3n weiterlesen. Das Heft sollte man sich natürlich trotzdem auch besorgen.

Deshalb hier klicken um den Podcast hören; 23:40 min; .mp3

Die anderen IQ-Sendungen (heute ab 18:05 geht es um die CeBIT) gibt es jeweils kurz danach auf dieser Download-Seite. Und das ist gut so.

Offenlegung: Ich habe bei Aperto den BR eine Zeitlang zum kommenden Relaunch von BR-online beraten.

Da Slideshare leider Keynote nicht direkt unterstützt, müßt ihr euch vorstellen wie das Wort Mode in Flammen aufgeht:

| View | Upload your own

In 15 Minuten konnte ich nur die augenfälligsten Muster anreißen, vielleicht sammle ich den Rest mal noch dazu. Andererseits hat Pedro Custódio da schon etwas Vorsprung:

| View | Upload your own

Auch großartig ist die Pattern Sammlung von Chris Messina.

Bonuslink: Designpatterns bei Y!

| View | Upload your own

[via heike]