{"id":95,"date":"2022-09-13T14:17:28","date_gmt":"2022-09-13T14:17:28","guid":{"rendered":"https:\/\/redmonk.com\/kholterhoff\/?p=95"},"modified":"2023-02-07T16:11:42","modified_gmt":"2023-02-07T16:11:42","slug":"a-redmonk-conversation-the-dynamic-frontend","status":"publish","type":"post","link":"https:\/\/redmonk.com\/kholterhoff\/2022\/09\/13\/a-redmonk-conversation-the-dynamic-frontend\/","title":{"rendered":"A RedMonk Conversation: The Dynamic Frontend"},"content":{"rendered":"<p><a href=\"https:\/\/www.youtube.com\/watch?v=XomWFCP-h7U \"><img decoding=\"async\" class=\"alignnone size-full wp-image-96\" src=\"http:\/\/redmonk.com\/kholterhoff\/files\/2022\/09\/RMC-UX-IBM-Thumbbnail.png\" alt=\"\" width=\"100%\" height=\"1080\" srcset=\"https:\/\/redmonk.com\/kholterhoff\/files\/2022\/09\/RMC-UX-IBM-Thumbbnail.png 1920w, https:\/\/redmonk.com\/kholterhoff\/files\/2022\/09\/RMC-UX-IBM-Thumbbnail-300x169.png 300w, https:\/\/redmonk.com\/kholterhoff\/files\/2022\/09\/RMC-UX-IBM-Thumbbnail-1024x576.png 1024w, https:\/\/redmonk.com\/kholterhoff\/files\/2022\/09\/RMC-UX-IBM-Thumbbnail-768x432.png 768w, https:\/\/redmonk.com\/kholterhoff\/files\/2022\/09\/RMC-UX-IBM-Thumbbnail-1536x864.png 1536w, https:\/\/redmonk.com\/kholterhoff\/files\/2022\/09\/RMC-UX-IBM-Thumbbnail-702x396.png 702w, https:\/\/redmonk.com\/kholterhoff\/files\/2022\/09\/RMC-UX-IBM-Thumbbnail-480x270.png 480w, https:\/\/redmonk.com\/kholterhoff\/files\/2022\/09\/RMC-UX-IBM-Thumbbnail-1115x627.png 1115w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/a><\/p>\n<p>It was my great privilege to speak with <a href=\"https:\/\/www.linkedin.com\/in\/rodet\/\">Stephane Rodet<\/a>, UX Engineering Manager at <a href=\"https:\/\/www.ibm.com\/us-en\/\">IBM<\/a> on the subject of Frontend engineering, design and user experience this summer for a video in our <a href=\"https:\/\/redmonk.com\/?series=conversations\">A RedMonk Conversation<\/a> series. IBM has been doing some exciting work in this space, <a href=\"https:\/\/twitter.com\/scaleofone\/status\/1551976541491429379\">and you don\u2019t have to take our word for it<\/a>.<\/p>\n<p><a href=\"https:\/\/redmonk.com\/videos\/a-redmonk-conversation-frontend-prototyping-at-ibm\/\">My conversation with Rodet<\/a> casts IBM&#8217;s innovation-minded approach in stark relief as we cover a range of topics on the subject, beginning with a discussion of how he became interested in design after starting as a mainframe engineer:<\/p>\n<blockquote><p>so I started funnily as a backend developer on the mainframe. So I was actually building a component that managed the processing capacity and so on dynamically on the mainframe. So it was a very cool, super interesting topic. Far, far from the frontend, actually, but we had a desktop app that actually managed the software. And so I was assigned as the first assignment to actually test this desktop app. And so I opened so many tickets that for the next iteration, they put me on the frontend team and they were like, Stephane, no, you\u2019re going to help fix this. And so we quickly moved to actually one of the first Web apps for the same management. So it was it was a new initiative that became the so called <a href=\"https:\/\/www.ibm.com\/products\/zos-management-facility\">z\/OS MF<\/a>. So z\/OS management facility was one of the first management system for the mainframe as a web app. So we were working with a very early, clunky kind of JavaScript tooling. So it was really interesting to see how it was installed.<\/p>\n<p>And so after that I got asked to come on to one of the initial and first private cloud teams at IBM, and we\u2019re working on the on the initial private cloud products around 2009. And so I got asked to help for the frontend. And so then we moved to bit we were then using <a href=\"https:\/\/www.ibm.com\/docs\/en\/rational-soft-arch\/9.5?topic=SS8PJ7_9.5.0\/com.ibm.etools.webtoolscore.doc\/topics\/cdojotoolkit.html\">Dojo<\/a> for producing our app and this led me to become more and more interested in the UX topic. And actually at your conference, at the Monkigras conference, I listened to Phil Gilbert (<a href=\"https:\/\/www.youtube.com\/watch?v=QvsnezSMdYk\">Monki Gras 2014: Phil Gilbert on Recreating A Design Culture at Scale<\/a>) explaining IBM design, and I also heard a lot about it internally. And what happened in parallel is that I started to meet the design community in my location. And we started building bonds and meeting regularly, and at some point one of the guys in the team got up and I came to the idea \u201cWhat if we start our own studio?\u201d And so this was how we started the story of a design at <a href=\"https:\/\/www.ibm.com\/de-de\/marketing\/entwicklung\/about.html\">IBM Boeblingen<\/a> (IBM R&amp;D Germany).<\/p><\/blockquote>\n<p>We then spend some time clarifying professional terms by hashing out what differentiates the UX Engineer from Design Developers, Creative Developers, and Prototypers. Although Rodet jokes about there being, \u201cso many names for a similar role,\u201d he clarifies that significant differences separate them:<\/p>\n<ul>\n<li><strong>UX Engineer &amp; Design Developer:<\/strong> \u201cPersonally, I consider them very much like synonyms\u2026 They will be responsible for also prototyping with code for sometimes coding some interaction. Sometimes they will go and help the developers to understand \u2026 how to make a specific design happen. And sometimes they will also advise the designers on a specific technical matter, also to help them understand what\u2019s <span style=\"font-weight: 400;\">possible, what\u2019s not. Helping them with the domain knowledge also of the product.\u201d<\/span><\/li>\n<li><strong>Creative Developers:<\/strong> \u201cwill also play with new technology, sometimes IoT, for example, to come up with new concepts, new possibilities that might go way beyond what just, you know, what the designer in front of the screen will think about.\u201d<\/li>\n<li><strong>Prototyper:<\/strong> \u201ca role that exists also in pure design. So you can be a prototyper without coding, you will be the person who puts the design together into scenarios, potentially designs, also some animation and interaction between them.\u201d<\/li>\n<\/ul>\n<p>With tooling and organizational changes accelerating, Rodet makes it clear how important it is to follow trends in frontend and design. Rodet explains how he is thinking through these professional shifts in the frontend space using Chris Coyier\u2019s ideas from his landmark <a href=\"https:\/\/css-tricks.com\/\">CSS Tricks<\/a> article on the subject, \u201c<a href=\"https:\/\/css-tricks.com\/the-great-divide\/\">The Great Divide<\/a>\u201d, as a jumping off point. As Coyier explains:<\/p>\n<blockquote><p>The divide is between people who self-identify as a (or have the job title of) front-end developer, yet have divergent skill sets.<\/p>\n<p><b>On one side,<\/b> an army of developers whose interests, responsibilities, and skillsets are heavily revolved around JavaScript.<\/p>\n<p><b>On the other,<\/b> an army of developers whose interests, responsibilities, and skillsets are focused on other areas of the front end, like HTML, CSS, design, interaction, patterns, accessibility, etc.<\/p><\/blockquote>\n<p>When I was an FE engineer my skills lay firmly within Coyier&#8217;s latter category. I began with a focus on HTML and CSS, and gradually moved into doing more work in accessibility, QA, and CMS page builders (<a href=\"https:\/\/redmonk.com\/kholterhoff\/2022\/01\/28\/the-page-builder-in-2022\/\">I love talking about page builders<\/a>).<\/p>\n<p>My conversation with Rodet will be of the greatest interest to folks looking to better understand the dynamic and growing frontend, design, and UX space. With the number of tools like <a href=\"https:\/\/www.airtable.com\/\">Airtable<\/a>, <a href=\"https:\/\/www.figma.com\/\">Figma<\/a>, and<a href=\"https:\/\/lottiefiles.com\/\"> Lottie<\/a> entering the market and becoming more and more important to the stack, staying on top of professional trends and delineating roles is a must.<\/p>\n<p>I&#8217;m grateful to Rodet for taking the time to share his ideas on the subject, and I look forward to following his continuing work at IBM. Let us know where you think the frontend space is heading in the comments or find us on twitter: <a href=\"https:\/\/twitter.com\/KateHolterhoff\">@kateholterhoff<\/a> <a href=\"https:\/\/twitter.com\/rodet\">@rodet<\/a>.<\/p>\n<p><iframe loading=\"lazy\" title=\"A RedMonk Conversation: Frontend &amp; Prototyping at IBM\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/XomWFCP-h7U?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<p><b>Disclosure:<\/b> IBM is a RedMonk client.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>It was my great privilege to speak with Stephane Rodet, UX Engineering Manager at IBM on the subject of Frontend engineering, design and user experience this summer for a video in our A RedMonk Conversation series. IBM has been doing some exciting work in this space, and you don\u2019t have to take our word for<\/p>\n","protected":false},"author":50,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","footnotes":""},"categories":[9,12,8],"tags":[],"class_list":["post-95","post","type-post","status-publish","format-standard","hentry","category-design","category-devx","category-frontend"],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/redmonk.com\/kholterhoff\/wp-json\/wp\/v2\/posts\/95","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/redmonk.com\/kholterhoff\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/redmonk.com\/kholterhoff\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/redmonk.com\/kholterhoff\/wp-json\/wp\/v2\/users\/50"}],"replies":[{"embeddable":true,"href":"https:\/\/redmonk.com\/kholterhoff\/wp-json\/wp\/v2\/comments?post=95"}],"version-history":[{"count":0,"href":"https:\/\/redmonk.com\/kholterhoff\/wp-json\/wp\/v2\/posts\/95\/revisions"}],"wp:attachment":[{"href":"https:\/\/redmonk.com\/kholterhoff\/wp-json\/wp\/v2\/media?parent=95"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/redmonk.com\/kholterhoff\/wp-json\/wp\/v2\/categories?post=95"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/redmonk.com\/kholterhoff\/wp-json\/wp\/v2\/tags?post=95"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}