Ask HN: How to get developers and UI designers to work well together
101–110 of 141 posts
Re: Ask HN: How to get developers and UI designers to work well together
#102Re: Ask HN: How to get developers and UI designers to work well together
#103Probably the largest axis I'd consider is "What do incentives look like and how does someone know if they're doing a good job?" Many software eng companies I see bring designers in later in their cycle; they aren't seen as an essential skillset for a young company proving out technology with alpha adopters, but that means by the time they're added, they're working on projects with histories, ingrained UI metaphors (often chosen by the software engineers), and a culture that already sees them as default-superfluous. Google used to be notorious for this, and they burned through UI designers at an alarming rate as a result.
This is not an impossible situation, but you have to frame the problems the designers are solving to make them winnable. Designers want to see their ideas implemented (obviously), so it stings if they put in a lot of work to see the idea tossed because it doesn't fit the (crappy) design that had historically accreted. So a couple of approaches I've seen work alright:
- get your designers on greenfield projects (and rotate them; spread the love so that designers don't end up pigeon-holed playing patch-the-crap while other designers are enjoying seeing their work out in the open)
- give designers the freedom to explore novel ideas outside of the current model, but make sure when they do so they have the understanding that they're trailblazing and the final product may not look like their trail. This benefits both sides; engineers are freed up pondering the UI side of things, and designers have the opportunity to create something aspirational for the engineers to pursue. Note that to pull this off, your designers need to know how to user test a design, and should probably be operating off of either existing stories (what problems users try to solve today with the current implementation) or new stories the company wants to implement in the not-too-distant future.
- pull engineers into the conversation early, but make sure the designers are driving the conversation. However, make sure both sides settle on a comfort level for blue-sky design vs. discussion of implementation and nuance. Left to their own devices, engineers have a tendency to dissect, pick apart, and deconstruct a design because, hey, that's their job, they have to build this thing.... So if they drive the conversation, you tend to end up with a design that looks like what's already there. But designers may lack both the technical knowledge of how things work under the hood and the historical / cultural knowledge of weird corner cases that the existing warty design grew support for. Designers are in a prime position to pull those needs out of the existing solution and consider if there might be a better solution.
If you're a software engineer interacting with a designer, the best approach I've seen to make those meetings constructive is to phrase concerns / questions about the design in the form of a user story. "I see in the design you have a multiple-choice list here... We do have clients that want both pepperoni and sausage on their pizza at the same time. Can we support that use case?" What I don't recommend is getting drilled down too badly on the engineering minutiae ("We can't support that because the data'd have to be in a tree and we don't sort it that way") until, possibly, much much later meetings; for one thing, designers are most valuable when they can step back from the implementation minutiae, and for another, if the design justifies the cost of supporting it you end up building that tree.
The overarching takeaway piece of advice is there's no substitute for working together... Communication / collaboration challenges are only ironed out by interacting until both sides find a happy medium. Every team sorts out what that happy medium is on a case-by-case basis.
Re: Ask HN: How to get developers and UI designers to work well together
#104I can’t overstate how much easier life got once my teams started using CSS as a shared design language.
Designers get really excited when they see what Flex and Grid are capable of. It’s really empowering for them to design something that they know they can be built. Keeps developers honesttoo: No more “this is hard to do on the web, wontfix” if the designers know how to do it themselves.
If you’re a designer working in the web in 2022 and you don’t know the ins-and-outs of modern CSS layout technologies you’re at an impossible disadvantage.
Re: Ask HN: How to get developers and UI designers to work well together
#105Re: Ask HN: How to get developers and UI designers to work well together
#106I've worked as both, for many years now. It obviously varies by individual and by team, but in general the solution is more communication, earlier in the process, and frequently throughout it. The thing designers often don't understand is how their design needs to work within the larger system, which has many complex interactions, tradeoffs, and constraints. Changing one thing entails changing many other, non-obvious…
I've been working 15+ years as a UX developer, with varying results. From my experience, the best way to get developers and designers to work well together is to have frequent short demos/reviews (ideally weekly). That has helped solve random problems like: 1. This user flow does not match backend reality, let me explain why. 2. How does this screen design handle XYZ usage? 3. I cannot export this asset from figma, p…
Another comment highlights that designers work often without the full picture. I'd add to this they are responsible for bringing solutions to the table as the catalyst to collaboration, exploring compromise and iteration. The best engineers bring solutions to the table too. The worst is when the developers and the designer are bullshitting each other on why things aren't possible with reason from their own domain that the others don't understand or can't reason about.
Re: Ask HN: How to get developers and UI designers to work well together
#107I’ve found that most misunderstandings between UI/UX and front-end devs can be resolved by having the UI/UX people read a book on CSS. Once you start designing to Flexbox and Grid, instead of reinterpreting/porting designs using Flexbox/Grid, most of the problems disappear. I can’t overstate how much easier life got once my teams started using CSS as a shared design language. Designers get really excited when they se…
Re: Ask HN: How to get developers and UI designers to work well together
#108Earlier quoted context omitted.
Over a decade ago, @cdixon tweeted, which has since been deleted, "Desingineer" - mythical person startups are looking for who can do UI, UX, and excellent front-and back-end coding.[1] This should be a blog post or even one of those mini pay-what-you-like eBooks sold on Gumroad. Let me try a quick and short starter for you. It is easier to teach designs to developers than vice-versa. "Design" is not what most people…
> "Design" is not what most people think -- artistic. Just wanted to call this out as ABSOLUTELY SPOT-ON! One additional concept I'd throw at developers is that design is not about making pretty pictures alone. Sure that's a part of it - nobody wants to use something that looks like ass - but in addition to that obvious requirement, you have to convey meaning without using words and do so with patterns, layout, and f…
Either way, this was a very informative post. I'll be googling these terms as soon as I'm at my desk. Thank you.
Re: Ask HN: How to get developers and UI designers to work well together
#109Don't just let your designers hand over the results. Make them pair on work with the engineers. This way, they will - get to know each other - get a better understanding of each other's work: what is important in the design and what is not, why is the design like it is, what is difficult to implement, how much effort certain tasks are, etc. Another trick is to ask engineers for design input, e.g. in sketching session…
IME Figma lacks crucial features that make it less useful than it could be: * no global text search * no way to anchor comments to elements (so if content is moved, comment context is lost) * no way to quickly compare versions of designs * no way to "subscribe" to an element so you get notifications when it is changed There are definitely some advantages to Figma. It's mostly better than sharing MS paint drawings. Bu…
Re: Ask HN: How to get developers and UI designers to work well together
#110Earlier quoted context omitted.
IME Figma lacks crucial features that make it less useful than it could be: * no global text search * no way to anchor comments to elements (so if content is moved, comment context is lost) * no way to quickly compare versions of designs * no way to "subscribe" to an element so you get notifications when it is changed There are definitely some advantages to Figma. It's mostly better than sharing MS paint drawings. Bu…
Is there anything that offers what you are looking for?