[GUIuiui] - Papierbrowser zum Ausdrucken

Das scheint mir eine große Hilfe beim händischen Entwurf von Webseiten zu sein: Die Papierbrowser

[GUIuiui] - Geschütztes Leerzeichen in Adobe InDesign

Nur mal so für später, weil ich sowas leichter vergesse:

Ein geschütztes Leerzeichen in InDesign wir per CTRL+Alt+X eingefügt.

[GUIuiui] - Feed-Reader mit Layout

Diese RSS-Feeds sind ja an sich keine schlechte Idee. Leider liefern die das Layout eines Blogs nicht mit.

Gibt es inzwischen Systeme/Reader, die einem alle Postings von abonnierten Blogs anzeigen, aber jedes Posting im Layout des jeweiligen Blogs? Oder ist sowas noch eine "Marktlücke"?

[GUIuiui] - Entwicklungsgeschichte des Moskauer Metro-Plans

Zum Freitag Vormittag was für die Augen:
Die Entwicklungsgeschichte des aktuellen Moskauer Metro-Plans - was für Infografiker und Designliebhaber.

[GUIuiui] - Gefällt mir nicht Button

Warum gibt es eigentlich keine "Gefällt mir nicht"-Buttons bei Facebook?

[GUIuiui] - Mit 3 Jahren Illustrator lernen

Der 3jährige Cooper lernt Adobe Illustrator und kann schon perfekt seinen Lieblingsfont auswählen. Ob er einen Begriff von Schrift und Text hat? Egal. Hab jetzt gut 1 Jahr Zeit, meiner Tochter nach der Bedienung des iPods nun Maus, Tastatur und Fenstersysteme näher zu bringen ;-)

[GUIuiui] - Ok-Button auf der falschen Seite

Ich dachte immer, der Button zur Bestätigung einer Handlung (Ok-Button) befindet sich immer links, der Button zum Abbrechen rechts.

Heute kam es mir nun schon zum zweiten Mal unter, dass die beiden Button vertauscht waren. Wer macht sowas? Kommt das aus der Mac-Schiene? Sind dort die Buttons vertauscht?

Einem schnellen, intuitiven Arbeiten ist das allerdings im Höchsten Maße abträglich.

[GUIuiui] - F4V-Videos konvertieren

Möchte man Videos im neuen Flash-Video-Format F4V in einer Videosoftware importieren, so ist das meist ein hoffnungsloses Unterfangen. Adobe Premiere Elements kann die Videos z.B. nicht einlesen.

Möchte man Videos, die man z.B. aus der Mediathek der ARD heruntergeladen hat, beschneiden und bearbeiten, so muss man sie vorher also konvertieren. In irgendein gängiges, brauchbares Format.

Bei der Suche landet man irgendwann nach vielen nutzlosen Tools, die beim f4v-Format (ein H.264 encodiertes Video im MP4-Standard wohl) ebenfalls streiken, beim Moyea FLV to Video Converter Pro 2. Dessen neueste Version 2.5 kommt mit den f4v-Files zwar klar, wie die Testversion zeigte. Jedoch ist das Programm nicht kostenlos und blendet bis zur vollen Registrierung störende Logos in die konvertierten Videos ein.

Also heißt es weitersuchen.
Dabei bin ich auf das Tool mit dem einfallsreichen Namen "SUPER" gestoßen. Mit diesem Tool kann man kostenlos wohl so alles konvertieren, was es derzeit an Videoformaten auf dem Markt gibt. Mit sehr detaillierten Einstellungen - was dann natürlich gleich wieder in einer typischen Informatiker-Anwendung gipfelt:



Im gleichen Stil geht auf der Download von Statten. Einfach die Setup-Datei verlinken wär ja zu einfach gewesen. Nein nein. Da muss man sage und schreibe auf drei verschiedenen Seiten nacheinander nach einen versteckten Download-Link suchen.
Eine Hilfe für dieses Procedre gibt es hier ...
Ein direkter Link auf den Download funktioniert leider nicht.

[GUIuiui] - Videos aus der Mediathek herunterladen

Möchte man Videos aus der Mediathek von ARD oder ZDF oder von 3sat oder arte herunterladen, wird es schwierig. Die normalen Downloadhilfen und AddOns zielen nur auf die großen Seiten wie YouTube ab.

Es gibt aber ein OpenSource-Projekt namens Mediathek (was für ein geistreicher, unverwechselbarer Name), das in seiner Anwendung zwar alles andere als anwenderfreundlich ist, aber das zumindest brauchbare Ergebnisse in Form von einzelnen Videodateien ausspuckt.

Wer sich mit obskuren Kommandozeilenparametern und haarsträubenden Interfaces austoben möchte, der ist mit Mediathek gut bedient. Leider gibt es derzeit keine vernünftige Alternative.

Mediathek kommt ohne Installationsroutine daher - eine erste Hürde für manchen. Es gilt, ein JAR-File auszuführen und mögliche Verknüpfungen im Startmenü selbst anzulegen.


Die User-Interfaces der Mediathek - typische Informatiker-Programme. Alle verfügbaren Parameter werden mehr oder weniger geordnet dem Nutzer vor die Füße geknallt. Auf dass er selber zusieht, wie er klar kommt.




Die resultierenden Dateien sind zumindest bei der ARD meist im F4V-Format, einem neuen Flash-Video-Format (FLV) das zwar von vielen Playern gespielt werden kann, was aber scheinbar kein Videoprogramme (z.B. Adobe Premiere Elements) einlesen kann. Also muss man vorher erst konvertieren - wie das geht, erkläre ich dann hier ...

[GUIuiui] - Werbeanzeige von Adobe über Apple

Irgendwie ist Apple dieses Jahr zu weit gegangen.
Da muss man kein Adobe-Jünger sein, um deren Werbeanzeige hier gut zu finden:

[GUIuiui] - Screenshots vom neuen Firefox 4.0

Sehen schon irgendwie nett aus, diese ersten Screenshots des neuen Firefox 4.0. Im November soll die 4er-Version wohl endgültig erscheinen.

[GUIuiui] - HTML5 und die Standarddiskussion

Ich dachte, wir hätten hier schon einmal den Sinn und Unsinn von Standards diskutiert. Dem ist aber scheinbar nicht so.
Egal.

In den letzten Tagen hab ich viel zu HTML5 gehört. Dass es Flash ablösen wird, dass es DER neue Standard für Rich Internet Applications sei, und und und ...

Ich stehe dieser Sache eher skeptisch gegenüber. HTML5 mag ja sehr nett sein und gut durchdacht und alles.
Nur:
Was nützt es, wenn es keiner der großen Browser unterstützt?

Vereinfacht gesagt: Bis eine nennenswerte Zahl an Usern (>75%) HTML5 mit ihren Browsern in sinnvollem Umfang nutzen können, so lange müssen Entwickler für ihre Lösungen parallel entwickeln: Sprich eine Flash-Lösung und eine HTML5-Lösung vorhalten - wenn sie denn überhaupt HTML5 unterstützen wollen. Man baut ja auch keinen ICE, wenn nirgends Schienen verlegt sind. Nur, weil der ICE besser als ein Auto ist, effektiver, schneller, offener.

Was mich stört, ist das arrogante Gehabe der Entwickler: "Dann muss der Nutzer halt einen anderen Browser installieren, um meine Seite anzuschauen" - Bullshit. Nix muss der User. Der Entwickler muss es so (und genau so) machen, wie der Nutzer es haben will. Und wenn die Mehrheit der Nutzer mit einer Gerätschaft im Netz unterwegs ist, die kein HTML versteht, dann ist halt Schluss mit HTML. Standard hin oder her.

Bei CreateOrDie habe ich einen sehr treffenden Kommentar zur Thematik gelesen:

... Flash wird zu 100% der Browser unterstützt und ist zu 98% auch installiert. Wie viele Browser unterstützen HTML5 zu 100%? Richtig 2, nämlich Safari und Chrome! Die Akzeptanz für ein Flash Update ist enorm hoch. Die Akzeptanz einen neuen Browser zu installieren nicht (siehe z.B. IE6). Daher ist es kein Wunder das sich der neuste Flash Player sehr schnell verbreitet, die neuste Browser Version jedoch nicht. ... Kommentar bei CreateOrDie

Ein Kommentar zu einem Vergleich von Flash und HTML5 sieht die Angelegenheit auch eher in meinem Sinne:

... Entweder man hechelt Vorgaben aus der Flash-Welt hinterher, die nicht eingeholt werden können (die Produktionsmittel sind derzeit einfach zu schlecht und Flash-Designer haben schlichtweg einen Wissensvorsprung von 10 Jahren in Hinblick auf Medienintegration und RIAAs) oder es sind selbstverliebte Showcases, wie man sie aus der Anfangszeit von Actionscript 1 kennt: "seht her, ich kann Partikel generieren" seht her, ich kann einen Würfel rotieren!". Gähn. ... Kommentar zu HTML5 vs. Flash

Ãœbrigens: Das Spiel der Woche, welches ich vorhin vorgestellt habe, ist genau ein solcher Showcase. Im Internetexplorer kann es nicht gespielt werden.

Dem ist zunächst erst einmal nichts hinzuzufügen.

Wer dennoch ein bisschen mit HTML5 rumspielen möchte, der sei auf diese "15 Useful HTML5 Tutorials and Cheat Sheets" verwiesen. Die scheinen aber weniger Flash ersetzen zu wollen, als vielmehr das übliche HTML/CSS-Gezocke verbessern zu wollen.

[GUIuiui] - Grässliche Informatikerinterfaces

Es mag Tools geben, die vom Funktionsumfang her sehr mächtig sind und sich auch in weiten Teilen anpassen lassen.
Dazu gehört eindeutig Notepad++

Aber warum nur gehen solche Tools zumeist mit grottenschlechten Interfaces einher? Warum tendiert bei solchen Tool die User Experience gegen Null?

Ich vermute mal: Weil Informatiker sie programmieren. Und Informatiker haben im Durchschnitt keine Ahnung von Interfacedesign.

[GUIuiui] - Googles nützliche Optionen

Still und leise hat Google einen Weg eröffnet, die Suchergebnisse zu verfeinern und einzugrenzen - und das nicht nur durch die Suche in einer speziellen Suchmaschine für Bilder, Code oder Literatur.

Sie liegen schon länger da, die "Optionen" - aber ich bemerkte sie erst kürzlich und nutze sie seitdem rege. Einmal aufgeklappt, kann man zum Beispiel die Entstehungszeit eines Eintrags einschränken - und sich so z.B. nur neuere Seiten anschauen.

Auch kann man sich Vorschauen auf die Seiten anzeigen lassen. Etwas, das lange nur mit Extensions und AddOns der Browser möglich war.



Einfach die Optionen links oben ausklappen.

[GUIuiui] - Demo des ersten Photoshops

Wir hatten ja letztens den 20. Geburtstag von Photoshop mit einem Interview eines der "Erfinder" und ersten Entwicklers John Knoll.

Hier zeigt er nun eine Demo des frühen, ersten Photoshops an einem alten Mac in AdobeTV:

[GUIuiui] - Arial vs. Helvetica

Mal was zu Fonts - warum die Arial Bullshit ist und worin sie sich von der Helvetica unterscheidet, wird in diesem kurzen und prägnanten Clip gezeigt:

[GUIuiui] - Photoshop-Shortcuts

Auch wenn man viele der Shortcuts für Photoshop schon kennen mag, bei bluefaqs hat man einige nochmal sehr schön und anschaulich illustriert :-)

[GUIuiui] - Usability-Fortschritte bei Amazon

Das nenne ich mal einen großen Sprung in Sachen Usability bei Amazon.
Die neue Verwaltung von Wunschzetteln und Listen erlaubt das Editieren dieser direkt in den Listen, ohne auf eine unansehnliche Textlisten-Variante aus dem gefühlten letzten Jahrzehnt ausweichen zu müssen. Verschieben, entfernen, bewerten ... alles in einer Sicht ohne die Seite neu laden zu müssen.

[GUIuiui] - Gute Usability von Webseiten

Wenn man täglich mehrere Stunden im Web unterwegs ist, bekommt man eine Menge Schrott gerade auch unter Usability-Gesichtspunkten serviert. Unübersichtliche Formulare, unklare Fehlermeldungen, Passwörter, die nicht zurückgesetzt werden können, Hotellisten, die nur krude oder kaum sortiert werden können, ...

Da fallen die wenigen guten Beispiele umso mehr auf.
So wie der Anmeldeschirm für Vimeo.

Wirklich nur die Informationen, die man braucht: Username, Passwort, Emailadresse, ...
Kein Schnickschnack. Keine blinkende Werbung, keine dreifache Navigation, keine verwirrenden Texte.
Simplicity at its best.


*perfekt wäre sie noch größer und deutlicher in der Mitte des freien Screens platziert. So fügt sie sich aber auch gut ins Gesamterscheinungsbild und fällt trotzdem auf.

[GUIuiui] - Photoshop-Geburtstag

Photoshop feiert seinen 20. Geburtstag.

Und zu sehen gibt es in diesem Zusammenhang ein langes, schönes, sehenswertes Interview mit dem Erfinder über die Anfänge:



Wer das ganze zusammengefasst und in Deutsch haben möchte, der kann hier beim Spiegel nachlesen.

So dann haben wir hier noch ein weiteres Video, das Photoshop 1.0 in Aktion zeigt:



Und wer die Entwicklung der GUI von Photoshop nachverfolgen möchte, der sei auf dieses ältere Posting hier im kLog verwiesen ...