Skip to content
Permalink
Branch: master
Find file Copy path
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
33 lines (25 sloc) 3.17 KB
layout permalink title path time
post
/evolutionary-ui
Evolutionary UI
_posts/2019-12-18-evolutionary-ui.md
40

In Septmber 2017 our ThoughtWorks CTO Rebecca Parsons together with Neal Ford and Patrick Kua wrote a book titled Building Evolutionary Architectures: Support Constant Change. The book contains a lot of useful tips and insights on how to steer software architectures to meet evolvability goals which you care about to drive your product forward.

Unfortunately the book did not contain any reference to the frontend space.
Rufus Raghunath and I, co-leaders of the internal TW Frontend Community, decided to put together a presentation which explores how to apply some of those evolutionary architecture techniques to UI development.

Most recently we had the opportunity to give our talk at the very first O'Reilly Software Architecture Conference in Berlin. Enjoy the talk and feel free to reach out to me on twitter if you have any feedback.

Evolutionary UI: Change as a first-class citizen in the modern frontend world
by Rufus Raghunath & Giamir Buoncristiani

Allowing for change is especially important when designing your frontend applications, where ever higher user expectations meet the fast-paced JavaScript ecosystem.

In this talk, we will show how the principles of evolutionary architecture can be applied to UI to prioritize changeability. We’ll consider several approaches to making a modern UI application more evolvable, such as the controversial microfrontends pattern, and examine specific “fitness functions” that will keep you and your team honest to your requirements without sacrificing evolvability. We’ll also discuss the tradeoffs you make when you choose a more evolutionary frontend architecture, and provide a framework for thinking about how much future change you’ll need to account for.

<iframe style="margin-bottom: 20px;" width="100%" height="400" src="https://www.youtube.com/embed/QNRv-KyhVK0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

What's next?

One of the challenges we are likely to face when we build an Evolutionary UI is keeping UX consistent. UX Designer Shawn Lukas and I have been working on a presentation to share some of the learnings from our current project where we helped streamlined communication between designers and developers across 5 cross functional teams in 2 different timezones while working on a single page application composed by 10+ micro-frontends.

Stay tuned for this upcoming talk:
UX in the Era of Micro-Frontends: Building consistent User Experiences in highly distributed systems

References

You can’t perform that action at this time.