640x480.de

Beiträge aus dem Was-mit-Medien-Alltag

Mein Internet von A – Z

Ein lustiger Zeitvertreib: Einfach in die Adresszeile des Browsers den Buchstaben eintippen und dann den ersten Vorschlag als Link nehmen — schummeln ist verboten! Der Browser schlägt besonders häufig besuchte Webseiten vor, die zu dem Buchstaben passen.

Gefunden über Digitales Quartett / Christiane Link / Behindertenparkplatz.

Und hier mein Alphabet:

a: http://akira-cms.de
(unser CMS, da schaue ich natürlcih jeden Tag rein)

b: http://www.bazonbrock.de
(ein Kundenprojekt, wo ich häufig nach Zitaten suche)

c: http://www.campus-thueringen.de/schueler/
(noch eine Website von uns)

d: http://www.designtagebuch.de
(besonders gefallen mir die die Links auf Corporate-Design-Manuals)

e: http://www.ethikbank.de
(da arbeitet unser Geld)

f: http://fritz.box
(Heimnetz-Verwaltung, Telefonbuch, Fax uns so)

g: https://github.com
(gemeinsame Platform für Akira-Entwicklung)

h: http://humboldt-weimar.de
(Charity-Projekt von uns und Schule von Kind 1.0)

i: http://innovationspreis.vtw.de
(Abwicklung des Innovationspreises über unsere Plattform)

j: https://www.jpc.de
(Vinyl und Bücher gibt es hier - Amazon-Alternative!)

k: https://konsoleh.your-server.de
(Projektadministration)

l: http://localhost:8880
(lokale Website-Entwicklung)

m: https://mein.1und1.de
(Projektadministration)

n: http://www.newtopia.de/home
(erwischt; habe ich bis zur großen Pionier-Revolution verfolgt)

o: http://www.otto-friedrich-bollnow.de
(die neue Website von uns geht in den nächsten Tagen online)

p: http://www.portalkunstgeschichte.de
(haben wir 2000 gemeinsam vmi VDG Weimar initiiert)

q: http://quirktools.com
(interessant, noch nie gesehen)

r: http://www.radio-lotte.de
(Lokalradio)

s: http://www.spiegel.de
(News, lieber aber am Samstag gedruckt lesen)

t: https://twitter.com
(seit ich einen Zweit-Account habe, wieder in der App)

u: http://www.ups.com
(Pakete tracken)

v: http://www.vtw.de
(hier haben wir den Innovationspreis unterstützt)

w: kein Vorschlag

x: http://www.xierpa.dk
(da will ich noch dahintersteigen, was das genau ist)

y: https://www.youtube.com
(vor allem nach der re:publica täglich viel zu viel Material zum schauen)

z: http://www.zeit.de/index
(News und Martenstein)

11.05.2015 | 1 Kommentar

Infografik der Woche

Diese Woche mit öffentlich-rechtlicher Lobbyismus-Visualisierung.

lobbyradar.de | Bildschirmfoto 10.05.2015
lobbyradar.de | Bildschirmfoto 10.05.2015

Auf der re:publica haben wir die Präsentation übersehen. Im Designtagebuch bin ich aber eben darüber gestolpert. Das ZDF hat in Kooperation mit dem Medieninnovationszentrum Babelsberg (MIZ) das Informationsangebot lobbyradar.de entwickelt. „Der ZDF-Lobbyradar zeigt Verbindungen zwischen Politik, Wirtschaft und Interessenvertretern und macht Lobbyismus transparenter.“ heißt es in der FAQ.

Interessant finde ich vor allem die Kommentare unter dem Artikel im Designtagebuch sowie auf datenjournalist.de die zeigen, dass unsere Design-Berufsverbände nur ganz kleine Punkte im Interessensvertretungs-Universum sind.

10.05.2015 | Noch keine Kommentare

Infografik der Woche

Diese Woche ganz ohne Inhalt.

Nonsensical Infographic by Chad Hagen
Nonsensical Infographic by Chad Hagen • http://www.chadhagen.com/Nonsensical-Infographics

Der Designer Chad Hagen hat eine Serie von „Nonsensical Infographics“ veröffentlicht. Diese bestechen durch die Abwesenheit jedweder Daten, sond aber dafür umso schöner. Die Form folgt hier also nicht dem Inhalt sondern ist sich selbst genug. Wo gibt’s die Großformatdrucke …?

27.03.2015 | Noch keine Kommentare

Weniger ist besser – ImageOptim zur Bildoptimierung

Das frei für Mac OS X verfügbare Optimierungswerkzeug komprimiert Bilder verlustfrei, ohne die Pixel zu verändern, und reduziert damit den Platzbedarf von Bilddateien.

Wenn man „Speichern fürs Web“ (z.B. in Adobe Illustrator oder Adobe Photoshop) als Standard-Methode zum Erzeugen optimierter Web-Bilder benutzt, geht man davon aus, dass dabei das Beste an Optmierung aus dem Bild herausgeholt wird.

Beispielbild für die Optimierung
Beispielbild für die Optimierung

Größenvergleich: Rechts JPG in Originalgröße vom Tablet in Photoshop mit Speichern fürs Web und 60% Qualität gespeichert, Links das Bild nach der Optimierung.

Optimierungsergebnis im JPG-Format
Optimierungsergebnis im JPG-Format

Die PNG-Variante mit einer kompakteren Größe. Links das Originalbild mit einer Größe von 1200×900 Pixeln als PNG24 gespeichert. Rechts die optimierte Variante.

Optimierungsergebnis im PNG-Format
Optimierungsergebnis im PNG-Format

ImageOptim kriegt diese Dateien aber nochmals kleiner. Zum Optimieren zieht man einfach das Bild/ die Bilder auf das Programmfenster, welches die Dateien einfach am gleichen Platz wieder speichert. Es entsteht also nicht wirklich ein zusätzlicher Arbeitsaufwand.

https://imageoptim.com

03.03.2015 | Noch keine Kommentare

The Guardian – jetzt nicht mehr Beta

Nach fast einem Jahr der Beta-Phase ist die neue Websites der britischen Zeitung „The Guardian“ am 28. Januar 2015 offiziell zur einzigen Website geworden

Im letzten Jahr bin ich mehrfach auf dieses Projekt gestoßen worden – nicht zuletzt durch Oliver Reichensteins Vortrag bei der beyondtellerrand in Berlin.

Aus Entwicklersicht birgt dieses Projekt viele spannende Aspekte, schon wegen der Bekanntheit der Site, wegen ihres Umfangs, weil der Relaunch mit einem internen Team durchgezogen wurde usw.

Interessant auch, dass sie einen anderen Ansatz zum Aufbau von Websites wählt. Weg vom Denken in „Bäumen“ und Hierarchien, hin zu einer flexiblen, flachen Struktur – näher an die Realität des Surfverhaltens. Geteilter Content, z.B. über Twitter, ist ja immer ein Direktlink auf Einzelseiten. Jede Seite wird damit zur Startseite: „Every article should be a homepage“.

Dieses Ziel wird durch den Seitenaufbau mit Hilfe von Containern umgesetzt. Ich will versuchen, das zu erklären: Eine Website wird linear aus Seitenabschnitten zusammengesetzt, die von links nach rechts die gesamte Seitenbreite füllen. Diese Seitenabschnitte sind aber nicht einfach „Textabschnitt“, „Bild“, „Werbeblock“, „Video“, sondern können in sich komplexe Inhalte oder Funktionen enthalten. Wichtig dabei ist – so wie ich das verstanden habe, dass Inhalt und Funktionalität eines Containers zusammengehören. Der Hintergedanke wird sofort deutlich, wenn man an responsive Websites denkt. Bei einer Spaltenstruktur (die genau aus diesem Grund seltener wird) hat man ja das Problem, dass in der linearen Umsetzung beispielsweise erst der Inhalt (ein Artikel) und dann später, ganz weit unten, zusätzliche „Rand“-informationen kommen, die auf einem breiten Display nebeneinander stehen würden. Im Containermodell wird versucht, diese räumliche Nähe der Inhalte beizubehalten.

Wie so viele Sachen hört sich das erstmal nicht sehr spektakulär an, in der Konsequenz der Umsetzung macht es dann aber doch einen Unterschied. Ich stelle mir vor, dass dieser Grundgedanke die Redakteure vom festen Gerüst des Template-Denkens befreit und dazu zwingt, sich jeweils passende Zusammenstellungen von Inhalten und Teaser und anderen Elementen zu überlegen.

Das führt mich dann auch zum nächsten interessanten Punkt an diesem Projekt: Spezielle Aufgaben bedürfen spezieller Werkzeuge. Für die Guardian-Website wurde eigens ein CMS entwickelt, welches dann sicherlich diesen Workflow und das Layoutmodell nahtlos unterstützt. Zum Back-End habe ich bis auf einen Mini-Screenshot in [3] keine Bilder gefunden. Im Entwickler-Blog [1] findet man dagegen Infos zum verwendeten Editor scribe, der ebenfalls für dieses Projekt entwickelt wurde.

Die neue Website wurde von einem hausinternen Team entwickelt, welches sich für Workshops externe Kollegen dazuholte. „As part of our product discovery process the team ran several ideation workshops with colleagues in editorial and commercial, as well as involving Information Architects, a design agency with experience in digital news. It was during these workshops with Oliver Reichenstein and Konstantin Weiss of iA where the concept of containers and the container model really came to life.“ [2]

Montage von vier zufällig gewählten Artikelseiten des Guardian
Montage von vier zufällig gewählten Artikelseiten des Guardian

Ich bin gespannt, wie sich die Website im Laufe der Zeit weiterentwickelt. Wenn ich mal vier zufällig aus verschiedenen Ressorts herausgepickte Artikelseiten vergleiche, dann sehe ich schon, dass es natürlich ein Repertoire an mehr oder weniger festen Blöcken gibt, die immer wieder – auch in ähnlicher Anordnung – benutzt werden. Ich nehme an, die Leser sollen auch nicht durch zu viel Vielfalt verunsichert werden.

Quellen und weiteres Material:

27.02.2015 | Noch keine Kommentare