WISSENS-BLOG

Eine gute Nachricht hat mich heute überrascht: Meine hoch geschätzte CMS-Software ExpressionEngine ist seit gestern ein kostenfreies Open-Source-CMS! Es heißt ExpressionEngine 5. Was ist geschehen?

Ich passe wieder meinen Workflow etwas an und verlasse für ein aktuelles Projekt bewährte Pfade. Das tue ich für “DRY: Template Layouts” in ExpressionEngine - da entstehen erfreulich schlanke Haupttemplates.

So können das Grundgerüst der Website wie Head-Funktionen und Footer, Headerbereich und andere Elemente als eine Art Variable in die Templates eingebunden werden, die über eine kurze Zeile wie zum Beispiel {layout="DRY/_header-footer"} eingebunden wird.

Genial hierbei ist eben auch, dass in dieser Layout-“Variable” wiederrum dynamischer Code enthalten sein kann, um zum Beispiel individuelle SEO-Texte für Title und Description für die cms-generierten Seite einzutragen. In den Templates für die Inhaltsbereiche (Channels) habe ich - wenn ich das konsequent fortführe, nur noch den Code für den Content. Damit haben solche Templates das Wort schlank wirklich verdient.

Mit Blick auf Drupalgeddon 2 möchte ich betroffenen Websitebetreibern eine sichere Drupal-Alternative namens ExpressionEngine anbieten. ;) Updates, die potentielle Sicherheitslücken fixen, sind in ExpressionEngine selten und werden schnell zur Verfügung gestellt. Die Updates können seit der Version 4 von ExpressionEngine mit zwei Mausklicks eingepielt werden. Übrigens: Auch ein hierzulande sehr bekannter Webhoster preist die Sicherheitsstärke meines Leib-und Magen-CMSystems auf seiner US-Site an. Unter dem Titel ExpressionEngine – a CMS designed for designers ist im Fazit zu lesen:

“It’s worth noting too that ExpressionEngine is also exceptionally secure: it’s never had a major security breach in its life.”

Für alle User Interface Designer und die, die es werden wollen und bereits mit der geschätzten Sketch-App arbeiten, habe ich etwas ganz Feines entdeckt. Das toll aufgemachte und sehr informative Sketch-Wiki von Micha Wiebe. Sehr nützlich finde ich zum Beispiel die Seite mit den Tastenkombinationen für Sketch 4, mit denen das Arbeiten sehr beschleunigt werden kann. Ausserdem gibt eine Reihe von Tutorials, die in die Grundlagen einführen. Und wer im PlugIn-Dschungel einige der nützlichen kennenlernen möchte, wird auf dem Sketch-Wiki bestens bedient. Voilà!

Gestern ist die Version 4.1 von ExpressionEngine erschienen und die Freude war groß. Das CMS bietet jetzt eine echte Live-Vorschau für Einträge. Während ich den Eintrag anlege, also schreibe, Bilder einpflege oder Datengrids positioniere, sehe ich das Ergebnis im Layout.

Die Entwickler der hochgeschätzten Sketch-App sind immer wieder für eine Überraschung gut, um ihre Software noch leistungsfähiger und intuitiver zu machen. So gibt es mit der Version 4.9 nun einfache Prototyping-Funktionen, die vor allem Appdesigner zu schätzen wissen werden. Sie sollten derweil aber nicht allzu hohe Erwartungen haben, denn für ausgeklügeltes Prototyping werden nachwievor Prototyping-Tools wie Flinto und Co sinnvoll sein. Apropos Prototyping-Tools: Sketch 4.9 versteht sich hervorragend mit Zeplin, denn bereits miteinander verknüpfte Sketch-Artboards bleiben beim Import in Zeplin erhalten.

RS: In Deinem Buch Apps machen bearbeitest Du das Thema Appdesign sehr stark auf konzeptioneller und weniger auf technischer Ebene als andere Bücher. Was hat Dich dazu gebracht und woher kam das ganze Material und die Inspiration?

KS: Genau, mir ist aufgefallen, dass es viele Bücher zur Programmierung von Apps gab, aber keines, das einem erklärt, wie man das Produkt, das Wesen der App, erschafft. Ich konnte oft beobachten wie auf Kundenseite etwas nicht zu Ende gedacht wurde und auf der Entwicklerseite bemängelt wurde, dass es keine Screens zur Bedienung der App gibt, sondern lediglich die technische Konzeption, beispielsweise, wann sich die App welche Daten vom Server holt. Diese Fokussierung auf die technische Umsetzung ohne überhaupt nur einmal darüber nachzudenken, wie sich der Nutzer auf den Screens bewegt, ist für mich etwas sehr Altes, etwas Ingenieurmäßiges. Doch heute geht es nicht mehr nur darum, dass etwas technisch möglich ist, heute geht es um die Benutzung. Bei so viel Konkurrenz am Markt, können sich Software-Produkte - und das sind Apps - nur durch eine super einfache, komfortable Bedienung für die Nutzer unterscheiden. Und die Sensibilisierung auf den Nutzer vermittle ich in meinem Buch.

Im Spätsommer 2017 war ich wegen eines Redesigns bei einem Kunden, für den ich 2009 die Website erstellt hatte. Aus der Situation heraus präsentierte mir die Geschäftsführung - Herr und Frau Schneiderath - mit leuchtenden Augen die Vorteile ihres exklusiv vertriebenen Gas-Brennwertkessels. Es dauerte nicht lange und ich verstand Ihre Begeisterung. Und die Idee, eine zuvor nur mit reinem Text bestückte Domain als werbende Landingpage auszubauen, war nicht mehr fern.

User-Experience - Ein fast schon tot gebetetes Wort mit aus Verbrauchersicht leider noch wenig ausgeprägter Verbreitung oder? Trotzdem sind wir natürlich für die 8 schnellen Maßnahmen, die Erfolg versprechen dankbar, auch wenn manches, das uns t3n empfiehlt, längst in Fleisch und Blut von Konzeptern und Designern übergegangen sein sollte. Zudem zeigt der Artikel, wie der “Marketer” nebenbei zwei Affiliate-Links im Artikel unterbringt, um auf gelungene About-Seiten hinzuweisen. Klicke ich dann auf diese Links, muss ich die Abouts erst suchen. Gar nicht so einfach mit der User Experience oder?

User Interface Design - Der Artikel 31 Brilliant User Interface Animations verspricht dagegen nicht zuviel, sondern zeigt eindrucksvoll, daß Animation sehr gut im Sinne von Form follows function eingesetzt werden kann, siehe zum Beispiel 5. One Field Form.

Git und Sketch - True Collaboration via Git and Sketch Is Finally Here heißt ein How-To-Artikel, der das Ziel hat, uns zu zeigen, wie man Sketch-Files in den Git-Workflow integriert, ohne daß das nicht-technische Personal das Weite sucht. Wobei das Einrichten dieser Technik unbedingt terminalversiertem Personal anvertraut werden sollte.

CMS-Vergleich - Vorteile und Nachteile von TYPO3 gehörte diese Woche zu meinen am intensivsten gelesenen Artikeln im Zusammenhang mit den Texten für mein Projekt Modulée.

RS: Dein Buch Eigene App programmieren ist eine Einführung in die Programmiersprache und Entwicklungsumgebung LiveCode, hierzulande wenig bekannt und genutzt. Was hat es mit LiveCode auf sich und wie bist Du zu dieser Sprache gekommen?

HF: LiveCode ist ein komplettes Cross-Plattform-Entwicklungssystem mit eigener Programmiersprache, eingebauter IDE und grafischem GUI-Editor, in dem alles miteinander verzahnt ist. Es ist insofern ein All-in-One-Produkt, mit dem man schnelle Skripte für den alltäglichen Gebrauch fabrizieren, aber auch umfangreiche native Anwendungen für Desktop (Mac, Windows, Linux) und echte Apps für mobile Geräte (Android, iOS) erstellen kann.