Live data from Hacker News

Ask HN: How to get developers and UI designers to work well together

news.ycombinator.com

131–140 of 141 posts

Re: Ask HN: How to get developers and UI designers to work well together

#131
I'm a UX Engineer and although that means I deal with technical discovery, user testing and the effective implementation of design - It is true that the most challenging part of my day is facilitating communication and helping to resolve misunderstandings and challenge priorities between Design, Engineering, Research etc.

I do this in-person, and also with tools, technology, and documentation.

What I have observed..

Firstly

There is an historical divide and a sense of importance on the part of both disciplines. Each thinks they should have priority.

Secondly

In a Start-up or any company that is working like a start-up to get a product off the ground, we build for MVP and we use Generalists/T-shaped people and we work expediently with a flexible process.. ever heard of a JFDI?

When teams grow and products scale, we tend to hold onto this expedient way of working, because stakeholders do not want to give up the rush of getting what they want ASAP.

Nobody really wants to slow down in order to perform user testing, or implement a healthy process between design and engineering - we have formed bad (although appropriate once upon a time) habits and it's not expected that you will say 'no' upwards.

Thirdly

Having worked expediently, there is likely design and technical debt, this cripples the ability to form processes / better habits because there are almost always things to fix, and changing to a more considered process starts to look expensive when there are alway live bugs to fix.

Finally (Although probably not)

When a way of working needs to change, it is very, very hard to not sound critical of the work that has gone before.

No matter how I have approached it, whether I've met with groups or individuals, if I've been soft or stern.. People are sensitive and resistant to change, and if you are unlucky they will collude and actively work against the effort.

Re: Ask HN: How to get developers and UI designers to work well together

#132

I'm a UX Engineer and although that means I deal with technical discovery, user testing and the effective implementation of design - It is true that the most challenging part of my day is facilitating communication and helping to resolve misunderstandings and challenge priorities between Design, Engineering, Research etc. I do this in-person, and also with tools, technology, and documentation. What I have observed..…

An actual answer..

How to get developers and UI designers to work well together?

1. Expect to implement new ways of working as you scale and communicate this. 2. Manage expectations with stakeholders and have them champion change. 3. Centre your efforts around Users, not any one persons or departments ideas.

Re: Ask HN: How to get developers and UI designers to work well together

#133

I've worked in the field for 20 years and I've struggled to find something that works consistently. My frank opinion is that design (particularly UI design) as an industry has a perfectionism problem - designers are encouraged to strive for the platonic ideal in their work and are unwilling to budge after their ideas encounter reality. Software engineers on the other hand are encouraged to ship and not make perfect t…

Very much similar to the problems we have in SRE/DevOps/Platform world.

This is why we put so much emphasis on trying to hire people willing to talk/collaborate.

It's by far the hardest part of the job for everybody and WFH has amplified these frictions as building trust is best done daily not in annual offsites.

I haven't seen any company do this well but I suspect one way to help is in better defining the definition of done. No local celebrations of done (I've shipped my design - blocked on dev) - but done is celebrated collectively with all parties who contributed (including dev/design/platform/even legal). Put another way, no celebrations of work done, only celebration of business value delivered.

Re: Ask HN: How to get developers and UI designers to work well together

#134
post #13

Don'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…

Product designer here. Yes, I agree with you. I would also encourage a longer-term view.

Having cycled through different design tools, it is my experience that Figma is the best (or least bad, depending on how you see it) tool out there. They have been slowly, but steadily, adding features that have a legitimate value add for designers and engineers both. I read this as a signal that they understand the pains of both parties and they are cooking up features that will eventually solve these pains.

No one else is doing this. Sketch has been a total disappointment in this regard. I was a Sketch user for years until I switched to Figma. Sketch is an example in contrast - they release features that are either late to the party, or don’t have significant value add.

tl;dr I believe patience will pay off. I think design tools are on the right trajectory.

Re: Ask HN: How to get developers and UI designers to work well together

#135
post #93

Earlier quoted context omitted.

UI/UX has to be treated as an iterative process. Collaboration between multiple parties (eng/dev/design/pm/etc) is almost orthogonal to the root problem I've seen: "design" gets treated as "this is it" and the moment you start being 2-3 pixels off, or a shade of red isn't what was in figma/ps/etc, "you're deviating". "These were already signed off/approved/whatever". "But... you ONLY did a wireframe of 3 screens, for…

> "These were already signed off/approved/whatever". > "But... you ONLY did a wireframe of 3 screens, for iPhone 13 only, in portrait, and ... we already have to support desktop/tablet/mobile." > "Stop deviating - we already interviewed customers!" > "But... you don't actually show what should happen in various hover/transition states. You haven't accounted for multiple lines of text in these screens. You haven't acc…

I'm not saying every interaction has gone this way, but it's happened more than a couple times (over the course of... 15+ years).

The last interaction I had like this was a few years ago - someone had done lots of mockups in... figma (but it wasn't figma - I can't remember the tool, but it was relatively well-known). I had 100+ "screens" with example text/input/labels on every screen.

These were done by an agency, then handed off, and... there were multiple people who had worked on it. Screens/slides 1-40 had some font label in 12px, slides 41-95 were at 13px, and the rest were at 14px.

I pointed this out, and kept getting told "stop deviating - we've already approved these - we've spent weeks going over all of these - stop thinking you know better than an award-winning design agency!"

Making screen 41 and 40 look the same was "deviating" because someone reviewing "41" against the mockup was 'wrong'. So... I made each screen with same fonts as the mockups.

Two weeks later, in some review, someone 'complained' because jumping through all the screens, the font sizes kept changing. I pointed out this was exactly the same behaviour as jumping through all the mockups, sequentially. It was obvious, but ... it was only getting reviewed holistically weeks after everything was 'approved'.

Probably the worse 'designer-led' experience I've had, but a couple others have come close (just not as stretched out). But it reinforced that the 'design' portion really needs to be involved and iterative (and... they need to be open to feedback just as much as I have to be).

Re: Ask HN: How to get developers and UI designers to work well together

#136
The answers here focus a lot on improving collaboration. Almost all challenges in running a company come to this and there definitely is a lot you can do there. But it's hard and few companies pull this of and no one really wants to admit it. You usually get vague suggestions like "better communication" or "work less in isolation"

I've taken a different approach and I have become extremely conservative in extracting out responsibilities in a dedicated role.

I no longer try to build teams with the design role externalized in someone else, I just focus on finding developers who are also good designers. This is hard but I'd rather fight this battle than the collaboration one

If there truly is a 10x designer that wants to work with me then it's worth it, otherwise it's synergy of having one person be able to fully ship on their own outweighs the overhead of collaboration

Re: Ask HN: How to get developers and UI designers to work well together

#137

Earlier quoted context omitted.

Agree. In my experience, the design team tends to work closely with the client and the dev team is either silent or left out. Silent, because offering opinions on how something affects the backend may be completely moot when the next iteration is developed; or left out, because the dev team can't communicate "you can't do that" to the client in a way that doesn't sound annoying. The project manager's primary job is t…

> They don't endlessly complain to Zuckerberg that their business's page is slathered in Facebook Blue, but if the Web site's buttons aren't the precise shade of mauve that matches their CMYK offset press business cards, they pitch an unholy fit. I, for one, am extremely skeptical that the intense focus on making sure every little thing on every page or app is "on brand", and the significant costs that preference inc…

>Nonetheless, every company seems to have become obsessed with it.

You don't have to know much to have an opinion about it, therefore everybody does, and it's the most important thing in the world to them.

"Normalizing the database? Wha? I'm not technical, guys, I'm more customer focused. We really need that sidebar to scroll with the page, let's work on that."

Re: Ask HN: How to get developers and UI designers to work well together

#138
post #110

Earlier quoted context omitted.

Is there anything that offers what you are looking for?

Zeplin allows you some of these things.

But Zeplin loads Figma files (and others)? I assumed zeplin was a different part of the pipeline.

Re: Ask HN: How to get developers and UI designers to work well together

#139

I'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…

Thanks for these insights. I think this is a great approach. The question is, how to best facilitate these short/demo reviews without creating too many context-switches and interruptions for everyone. We're actually working on a platform that tries to solve this (https://livecycle.io/) by generating instant, collaborative PR preview environments. So the kinds of reviews you describe can happen async and in context. Do you think this approach would work to facilitate the reviews you outline here?

Re: Ask HN: How to get developers and UI designers to work well together

#140

Earlier quoted context omitted.

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…

> How should we handle error and loading states? This should be the title of every designer/developer interaction meeting.

LOL. True..
Post reply on HN