UI engineering Podcast

Es ist bekannt aus vielen Hollywoodstreifen, kein Agentenfilm oder moderner Thriller kommt ohne es aus: Das schwarze Fenster mit der weissen oder grünen Schrift, die superkryptisch aussieht. Aber ist das denn wirklich alles nur für den Obernerd zu verstehen und zu bedienen?

Wie so oft in unseren letzten Gesprächen stellt sich heraus, dass es gar nicht so schlimm ist wie man denken kann. “With the helping hand of a friend” kann man auch als Designer eine Menge Freude am Terminal entwickeln, nämlich dann wenn man merkt, dass einem dieses Fensterchen ganz viel Arbeit abnehmen kann. Wer weiterhin 345 JPEGs von Hand speichern und umbenennen und optimieren will kann das gerne tun. Aber wer schlau ist, noch ein Leben nach dem Job hat, der hört genau hin und sammelt Ideen wie man früher Feierabend machen kann.

Außerdem sprechen wir über die Arbeitsweise mit Build-Scripts und über die Arbeit an der uiengineering.de. Warum am Ende auch ganz kleine erste Schritte ein Weg in das mysteriöse Fenster Sinn machen haben wir auch als Punkt für diese Episode auf der Agenda gehabt.

CSS ist eine Schnittmenge der Gewerke Design und Entwicklung. In der achten Folge des UIengineering Podcasts sprechen wir heute darüber wie wir CSS schreiben, welche Tools wir nutzen und welche Architekturen es gibt.

CSS ist nicht CSS ist CSS … heute schreibt kaum noch ein Frontend-Entwickler direkt CSS. Wer sich viel Arbeit und Zeit sparen will, der nutzt einen Preprozessor. Welchen aber nutzt man am besten? Was steckt hinter diesen Tools? Und ist das schon wieder etwas, was ein Designer lernen muss, der womöglich gerade seine ersten Schritte in CSS gemacht hat?

Wir berichten über unsere Erfahrungen mit BEM, auch ausserhalb der Design-und-Entwickler-Schnittmenge, warum das Konzept gut zu Atomic Design passt und was man sonst noch so beachten kann und sollte. Keine reine Entwicklerfolge, im Gegenteil.

Layouten in Sandboxen: Was? Nicht in Photoshop oder Sketch? Und was sind überhaupt Sandboxen? Sandkisten? Wir sprechen in dieser Episode über den Prozess des Layoutens, und wie und wann welche Tools für die Designarbeit sinnvoll sind.

UIengineering ist nicht nur wenn ein Designer mit dem Entwickler spricht bevor er sein Layout “über den Zaun wirft”. In dieser Episode sprechen wir über die Methode in einer Sandbox, einem Bereich innerhalb einer Pattern Library, zu gestalten. Layouten mit Code (Markup/HTML und CSS, vielleicht sogar JavaScript). Manchmal kann das eine extrem effektive Art und Weise der Arbeit sein. Manchmal kann es auch langsamer sein und die Ergebnisse viel schlechter. Wann also sollte man wie vorgehen?

Neben der Herausforderung mit Tools, die man nicht so gut beherrscht wie andere, zum perfekten Ergebnis zu kommen, kann man aber auch viel Zeit sparen. Mitunter auch den einzigen wirtschaftlichen Weg beschreiten, um ans Ziel zu gelangen. Wir beleuchten diese Aspekte heute aus der Perspektive des Designgewerks.

Folge Sechs unseres Podcasts ist ein Interview mit Falk Hoppe (@nothing_box), Senior Berater bei innoQ aus Monheim am Rhein. Falk arbeitet bereits seit vielen Jahren im Umfeld von Frontend und Pattern Libraries und teilt seine Eindrücke und Ideen mit uns.

Die Arbeitsweise mit einer Pattern Library ist für Falk die Grundlage für funktionierendes UIengineering. Hier kommen Designer und Entwickler, aber auch Vertreter verschiedener Fachbereiche zusammen. Dabei sollte Kommunikation als Basis für eine gute Zusammenarbeit dienen und natürlich ist ein konstanter Austausch zu den Themen, die alle Gewerke beschäftigen essentiell.

Aber wie deutlich wird, geht es auch für Falk nicht nur darum die Gewerke in einen Austausch zu bringen, sondern die Rollen per se zu betrachten und die Bindung einer Rolle an eine Person zu hinterfragen. Hier sieht er auch Herausforderungen, die bis zum Management einer Agentur oder eines Unternehmens hinauf gehen. Aber gleichzeitig ist ein Einverständnis nicht zwingend notwendig.

Auch sprechen wir über Tools und wer diese verwenden kann. Eine Reihe von Links sind in den Shownotes zu finden. Je nach Konzeption und Anforderungen sind hier eventuell schon erste Tipps dabei, die einen Einstieg in die Welt von Styleguides und Pattern Libraries ermöglichen.

In Folge Fünf des UI engineering Podcast unterhalten wir uns über die Kosten und Nutzen von Pattern Libraries.

Pattern Libraries sind der große Hype, aber was kostet denn eigentlich eine solche Pattern Library Entwicklung? Was sind die Dinge, die man sinnvollerweise einbaut? Wir sprechen über Beispiele, die wir in einigen Tools gesehen haben, die wir selber entwickelt haben und die wir uns noch gut vorstellen können für ein gutes Tool.

Auch das Thema Dokumentation und das Einbeziehen von verschiedenen Gewerken ist ein Aspekt, der für uns in der Pattern Library Entwicklung eine wichtige Komponente ist. Hier diskutieren wir ebenfalls Beispiele und Anforderungen.

Folge Vier des UI engineering Podcast stellt die praktische Arbeit mit Pattern Libraries vor.

Wir sprechen über die Workflows, die es für den Einsatz von Pattern Libraries gibt. Wir greifen dabei auch Themen der vorherigen Episoden – Atomic Design und Styletiles – wieder auf und sehen uns ihren praktischen Einsatz an. Außerdem sprechen wir über die Zusammenarbeit von Design und Entwicklung an der Pattern Library: Was dadurch ermöglicht wird und welche Herausforderungen dabei auf das Team zukommen.

In der kommenden Episode weichen wir vom bisherigen Format ab und haben uns einen Interviewgast besorgt.

In der dritten Folge des UI engineering Podcast geht es um Pattern Libraries.

Atomic Design ist eine Grundlage, die wir für eine solide Basis zum Entwickeln von Webprojekten erachten.

Das Thema Pattern Libraries wird in der nächsten Folge fortgesetzt.

In der zweiten Folge des UI engineering Podcast geht es um Style Tiles, Stil-Kacheln sozusagen:

Spitzer und klarer als Moodboards, aber nicht so “Detail-belastet” wie ein Layout können Sie zu sehr viel Hilfe und Tempo in der Zusammenarbeit mit Kunden, Entwicklern und Designern bringen.

In der ersten Folge des UI engineering Podcast geht es um Atomic Design: Was ist das genau und warum eignet es sich für die Konzeption von Web Interfaces? Wir sprechen über die Grundlagen, Komponentisierung, Wiederverwendbarkeit und Dinge, die zu beachten sind.

Jan und Dennis erzählen ein wenig rund um den UI engineering Podcast: Die Motivation hinter dem Thema und warum wir den Podcast machen. Wir geben einen Ausblick auf die Themen der ersten Staffel und erzählen, an wen sich der Podcast richtet.