Open clanghout opened 1 month ago
As mentioned we've been discussing this redesign for a bit, it has my π¦ of approval π’ π
This looks really good and extends the base functionality significantly. Especially the filters. I have a few questions and ideas to share
Are there any plans to implement a visual editor ?
Looking forward to see how this progresses
Hey @andrei-ivanovici π
I've been working with the Tech Radar and this redesign would address some of the issues I've been facing. A few other issues I've had are:
So having the options to customise and more flexibility in the data model would be very helpful. If the above options are possible currently and I missed something, I would greatly appreciate any advice on that.
Plugin Name
Tech radar
π Feature description
Redesign of the tech radar:
We believe that by understanding the tech radar users first we are able to improve the user interface and user experience for the tech radar. This will change the way the tech radar looks and behaves so it meets the needs of the users in a better way.
π€ Context
Spotify and bol were working both on an initiative to improve the tech radar. We seized the opportunity to collaborate together and find common ground. The initiative was entrusted to bol because they wanted to do usability testing with users to validate the new designs and make remarks where needed. The usability tests were very positive and on a scale from 1 to 10 the engineers, tech leads, and tech principles scored the new tech radar overall with 2 points higher than the current tech radar.
βοΈ Possible Implementation
What will change?
The tech radar will contain two tab menu-items: Tech Radar and About
Different ways to interact:
Search: it will automatically filter the list results based on your search queries![search](https://github.com/user-attachments/assets/774b9334-d312-4545-a237-bef26abcc18e)
Filter on: disciplines (front-end, back-end, data science, etc)
Filter on: categories (techniques, frameworks, tools, etc)
Filter on: synchronous communication (REST, GraphQL ,etc) and asynchronous communication (Pub/Sub, Webhooks, WebSockets, GraphQL subscriptions, Server-sent events (SSE), etc)
Filter on: ring assessment (adopt, trial, asses, hold, leave)
Tech radar: select a blip and it will scroll down and open the right accordion-item![blipSelected](https://github.com/user-attachments/assets/1abd544b-bc3e-4fcb-ad0b-5aabf84789c5)
Zoom in on a quarter of the tech radar to create a more focused view
![3quarter](https://github.com/user-attachments/assets/ff239736-9142-4fcd-814f-25f5d81b3392)
Fullscreen option so you will only have the tech radar and no other menus around it
The new tech radar uses an accordion list with list-items that contain:
What will be configurable?
Current tech radar:
New tech radar:
Data format:
Proposal: enrich the entry data object with a label or filter property. The type of that property should be a list of:
This would allow the front-end to collect all possible filter labels, and dynamically fill this dropdown with the categories and values.
Where will the configuration for rings reside (count, names, colors)?
https://github.com/backstage/community-plugins/tree/main/workspaces/tech-radar/plugins/tech-radar#tech-radar-data-model -> the ring type already has name, color, and description
How to configure the shape of the blip?
Is now automatically inferred from the timeline property of an entry (blip)
How to include/exclude golden technology indication?
Letβs add an extra property to the entry data type for this. An optional boolean isGoldenTechnology or something like that.
π Have you spent some time to check if this feature request has been raised before?
π’ Have you read the Code of Conduct?
Are you willing to submit PR?
Yes I am willing to submit a PR!