UI engineering Podcast

UI engineering Podcast

By Jan Persiel und Dennis ReimannTechnology
Download on the App Store

UI engineering Podcast episodes

  • [S02E04] Interview mit Patrick Blom

    Patrick Blom ist Senior Backend Entwickler bei SHOPMACHER.

    In unserem Interview mit ihm berichtet Patrick von typischen Prozessen bei der Entwicklung von Shops und dem Shopmacher eigenen Produkt CommerceCockpit.

    Wiederverwenden und Synergien nutzen ist bei SHOPMACHER ein tagtägliches Thema:

    Der Grundgedanke der Wiederverwendbarkeit (von Komponenten) ist da. … Natürlich schauen wir auch, ob man Komponenten aus einen Basisportfolio, das wir mal entwickelt haben, verwenden kann und diese dann )für den Kunden) angepasst werden.

    —Patrick Blom

    Technologien, die verwendet werden:

    Wir nutzen gängige Technologien wie HTML5, LESS, (gehen) weg von jQuery hin zu nativem JavaScript und die Basis unseres Produktes ist Symfony bzw. TWIG.

    —Patrick Blom

    Patrick spricht auch über die verschiedenen Arten von Zulieferungen aus Richtung der Kunden und Designagenturen. Oft ist der Designprozess vorgelagert, aber manchmal geht SHOPMACHER in den Lead aus einer beratenden Rolle:

    Wenn die Sachen (Designs) zu uns kommen setzen wir uns zusammen … und schauen uns an … wie wir das umsetzen können. Wir klären dann auch wo die User Experience leiden könnte, weil z.B. ein Gutscheincode an einer Stelle technisch Probleme mit sich bringt.

    —Patrick Blom

    Die Qualität der zugelieferten Designs ist sehr unterschiedlich. Wir versuchen in einem Briefing vorab genau zu klären was wir genau in den Designs sehen müssen, um mit diesen schnell arbeiten zu können.

    —Patrick Blom

    Wir bieten dem Kunden an schon früh die ersten Komponenten abzunehmen ohne dabei von allen anderen Shop-Seiten (wo diese verwendet werden) abhängig zu sein.

    —Patrick Blom

    Wir versuchen die Grenzen zwischen Design und Entwicklung so weich wie möglich zu halten.

    —Patrick Blom

    Wenn wir früh in den Designprozess als Berater einbezogen werden, so arbeiten wir eher auf Mockup-Ebene und gehen dann schrittweise vor und verfeinern.

    —Patrick Blom

    Das Team bei SHOPMACHER arbeitet nicht nur in Gescher bei Münster, sondern auch mit 15 Personen in Vietnam:

    Unsere Teams sind interdisziplinär zusammengestellt … und die Reviews der Sprints sind offen. Jeder kann so schauen was die anderen Teams gemacht haben, was wir durch total offene Prozesse unterstützen. Die Teamleiter tauschen sich zusätzlich aus … und bei wichtigen Themen machen wir eben ein internes Barcamp.

    —Patrick Blom

    Bei uns sind Teams für sowohl Setup als auch Betreuung der Shops zuständig. … Der Vorteil ist, dass man die Shops dann auch so baut, dass die Betreuung gut funktionieren kann, was eine potentielle Fire-and-Forget-Attitude eines reinen Setupauftrags verhindert.

    —Patrick Blom

    Das Interview wurde am 18.08.2017 per Skype aufgenommen und am 21.08.2017 veröffentlicht.

    Shownotes & Links
    • SHOPMACHER
    • 55 min
    • [QND006] Design im Browser

      Heute sprechen wir über ein kleines Tool, welches das im Code designen ein wenig einfacher macht: Codekit. Alternativen gibt es einige (s.u.) und es ist ein guter Einstieg ins Arbeiten mit Dingen wie Preprozessoren und Browsersync, ohne dies als Designer alles von einem Entwickler aufsetzten lassen zu müssen.

      Shownotes & Links
      • Codekit
      • Prepros
      • Koala
      • 10 min
      • [S02E03] Interview mit Benjamin Rabe

        Benjamin Rabe ist User Experience Designer bei mindmatters.

        Er berichtet in diesem Interview von der Zusammenarbeit mit Kunden und den größeren Aufgaben, denen man mit Design begegnen kann und unsere Verantwortung als Produktentwickler.

        Ich glaube die größere Aufgabe ist tatsächlich, dieses Toolset das man als Designer hat soweit zu öffnen, dass sie zum einen verfügbar sind für alle und zum anderen auch das Mindset so zu schärfen, das jeder weiß, wann man sie anwenden kann.

        —Benjamin Rabe

        Es geht darum, wie wir im Zusammenspiel mit Kunden auch grundsätzlich auf das Projekt einwirken und größere Fragen klären können:

        Das was Design grade im frühen Prozess leisten kann, ist diesen Ideationsprozess gut zu begleiten, Möglichkeiten sichtbar zu machen und Wege auszuleuchten.

        —Benjamin Rabe

        Außerdem sprechen wir auch über die Verantwortung, die in der Produktentwicklung liegt und welche kulturstiftenden Aspekte unsere Arbeit haben kann:

        Ich finde das ist in gleichem Maße der schwere wie auch spannendste Auftrag den wir haben:

        Empathie möglichst früh aufzubauen, sie über ein Projekt aufrechtzuerhalten, immer anzupassen und sie aber auch wiederum im Projekt zu verteilen.

        —Benjamin Rabe

        Das Interview wurde am 11.08.2017 per Skype aufgenommen.

        Shownotes & Links
        • Jobs To Be Done
        • Salesforce Lightning Design System
        • 54 min
        • [QND005] Pairing und Barcamps

          Ein kleines Update zu Dennis’ UI Pairing Sessions und bevorstehenden Konferenzen:

          Die Web Engineering Unconference auf Mallorca und das eCommerce Camp Hamburg.

          Shownotes & Links
          • Quick 'n dirty Episode 4 bei YouTube
          • A Designer’s Code of Ethics
          • 27 min
          • [S02E02] Interview mit Rico Pfaus

            Unser Interviewgast Rico Pfaus ist Frontend-Architekt bei Galeria Kaufhof.

            Vor drei Jahren haben wir gemeinsam mit Rico am Relaunch der Galeria Kaufhof Platform gearbeitet und sprechen mit ihm über die Entwicklungen seit dieser Zeit.

            Das Interview wurde am 04.08.2017 per Skype aufgenommen.

            Die Episode wurde am 14.08.2017 offline gestellt.

            1 min
          • [S02E01] Interview mit Mario Nebl

            Unser Interviewgast Mario Nebl arbeitet als Freies Radikal bei der SinnerSchrader Deutschland GmbH.

            Wir unterhalten uns mit Mario über den von ihm entwickelten Pattern Library Generator patternplate und Design Systeme.

            Allein dadurch dass alle über die selbe Sache sprechen, spart man viel Zeit und erreicht eine andere Durchdringungstiefe in allen Gewerken.

            —Mario Nebl

            Ebenso sprechen wir über Teamkonstellationen bei SinnerSchrader:

            Wir strukturieren unsere Teams anders:

            Es gibt kein Team in dem nur Technik oder nur Designer sitzen.
            Es wird immer gemeinsam in relativ kleinen Teams an einem Feature gearbeitet.
            Das führt dazu, dass man gemeinsam Verantwortung für das Ergebnis übernimmt.

            —Mario Nebl

            Das Interview wurde am 17.07.2017 in Hamburg aufgenommen.

            Shownotes & Links
            • patternplate
            • Space in Design Systems – Nathan Curtis
            • React Sketch.app
            • 41 min
            • [QND003] Chocolate White Iconset

              Heute sprechen wir quick & dirty über die Chocolate White Icons, welche wir im Rahmen der UIengine und in anderen Projekten einsetzen. Was nervt bei der Iconerstellung, worauf musste man achten, welche Tools können dabei helfen.

              Shownotes & Links
              • Chocolate White Icons
              • UIengine
              • Gapplin – SVG Viewer for Mac
              • 27 min
              • [QND002] Die UIengine!

                Heute sprechen wir quick & dirty über die UIengine, welche wir als Pattern Library Generator in aktuellen Projekten einsetzen.

                Shownotes & Links
                • UIengine
                • Die UIengineering.de Pattern Library
                • 21 min
                • [QND001] How is life?

                  Ein kleines Update aus dem Off:

                  Im quick & dirty Style melden wir uns zwischen den Staffel zurück und sprechen über das was uns aktuell bewegt.

                  Shownotes & Links
                  • UIengine
                  • Die UIengineering.de Pattern Library
                  • 19 min
                  • [S01E10] The Power of Doku

                    Bart Simpson musste schon als Strafarbeit an der Tafel Dinge schreiben:

                    Ist die moderne Form der Strafarbeit die Dokumentation?
                    Im Nachgang Dinge von anderen so aufschreiben, dass es passt. Nervt.
                    Aber es gibt einen Weg aus der Motivationsfalle Doku: Die Dokumentation selber.

                    In dieser Episode sprechen wir über die Art und Weise wie es Spaß machen kann eine Doku zu haben und nicht daran zu verzweifeln.

                    Wir reden über Beispiele aus unserer Arbeit und Prinzipien, die andere verwenden, um aus Dokumentation das zu machen, was sie leider nicht immer ist: Ein wertvolles Extra.

                    Welche Tools wir verwenden und wie man Dokumentationen zu einer integrierten Sache machen kann, die auch noch das Team besser zusammenbringt, ein paar Tipps für mehr Selbstpromotion und besseres Projektinvolvement sowie Ideen für die Zukunft in unseren Arbeiten diskutieren wir ebenfalls.

                    Und noch etwas in eigener Sache: Wir kommen wieder!

                    Das Ende der ersten Staffel des UIengineering Podcast ist mit Folge 10 erreicht.
                    Ab der zweiten Staffel kommen wir mit einem angepassten Format zu Euch und werden mehr Gäste haben.
                    Wenn Ihr einen Interviewpartner vorschlagen mögt, auch Euch selber, immer her mit den Kontakten.
                    Wir nehmen eine kleine Pause und sind dann schon bald wieder in einem Podcatcher in Eurer Nähe oder Tasche.

                    Termine mit #UIengineering
                    • 16.3.–18.3.2017 E-Commerce Camp Jena
                    • 29.5.–2.6.2017 webinale Berlin
                    • Shownotes & Links
                      • Pattern patter
                      • Five tips for improving your technical writing and documentation
                      • Write The Docs: Documentation Guide
                      • Das uiengineering.de-Projekt auf Github
                      • 43 min

                      About UI engineering Podcast

                      From the publisher's feed

                      Wir, das sind Dennis Reimann und Jan Persiel, setzen uns dafür ein, durch die enge Zusammenarbeit von Design und Entwicklung schneller bessere und nachhaltigere Ergebnisse zu erzielen. Im UI…