17 votes

Where does your front end dev sit?

Ideally, they sit in their own office by themselves, so they aren't distracted and aren't quick to distract other developers. Studies show that millions of dollars are lost every year JUST by ...
Christine's user avatar
  • 394
5 votes
Accepted

Is it a good practice to mix filled and outline badges?

Should I mix these styles at the same page/theme, or should I use only one style for consistency to avoid mixing these styles? I would suggest to use one styling in your theme or page unless you ask ...
Ashwin Kulkarni's user avatar
5 votes

Where does your front end dev sit?

As a front end developer / engineer myself, I find it to be more valuable to work with designers. After all, I do turn design into interaction (which is a form of design). After the design is ...
Mike Milla's user avatar
5 votes

Where does your front end dev sit?

I'm worried by this point in your question, which I feel may be at the core of why you are asking this at all: I'm working to expand our capability by adding front end devs so we can have better ...
user's user avatar
  • 652
4 votes
Accepted

How to deliver to Front-end developers the behavior spec of a component?

Prototyping a complex control or UI element can be very useful if you intend to walk people through that prototype, but it is not a great "handoff" deliverable for conveying all possible use cases: ...
Mattynabib's user avatar
  • 3,406
3 votes

Does a hover state background need to pass color contrast for accessibility?

You should be aiming for a 3:1 contrast ratio on 'graphical elements'. Part 1.4.11 of the WCAG 2.1 guidelines states: Also, any visual information necessary to indicate state, such as whether a ...
Roux Martin's user avatar
  • 14.2k
3 votes

What is the difference between UX Engineer, UX Designer and Front End Developer?

Interesting question, this is how I intend them: Front-end Developer- the main difference can be one word: programming, this person can participate in the design process (visually) and develop ...
Piotr Żak's user avatar
  • 1,466
3 votes

Best wireframing breakpoints to work with new frontend developer

This is indeed a complicated topic and I have used many different approaches. I never believed in a mobile first strategy – it might sound nice but is really impractical because of the reasons that ...
kschiffer's user avatar
  • 144
2 votes

Where does your front end dev sit?

Organize by work type A front end developer should sit with Development. In my opinion, that isn't a topic to debate. It serves a couple of purposes: They are located with and inspired by their ...
plainclothes's user avatar
  • 21.3k
2 votes
Accepted

Flexible design for a general form facility

This is a development issue more than a UX one. If you need to keep the text for each radio-buttons on a single line, without wrapping the label to the next line, this can be done. If you want to keep ...
Madalina Taina's user avatar
2 votes

How to communicate web design mockup specifications to front-end developers?

I have found the best way is to build out the front end in whatever tools the front end engineers are using. In our case, that's Angular Material. So I built out a style guide using Angular Material ...
Eric Stoltz's user avatar
  • 1,724
2 votes

Best wireframing breakpoints to work with new frontend developer

The breakpoints you mention above seem realistic. I also do the research and decide what the breakpoints should be. After the website has a fair amount of traffic we check the screen resolution ...
mattb's user avatar
  • 21
2 votes

How does Front-end development affects User Experience?

IMHO, I don't think the question has one solution and also does not approaches the intent in the right way . This is a classic delivery mindset problem . Isn't it mandatory for the Front end ...
semuzaboi's user avatar
  • 329
2 votes

How do you call top block with user info on a profile screen?

I often see these called "Profile Cards": https://www.vic.gov.au/profile-card http://designsystem.servicenow.com/#!/components/profile-cards
Elliot's user avatar
  • 832
2 votes

How do you document and share motion/animation information with developers?

I have no idea about Zeplin but I use others like AE, Pixate and Flinto to make UX animations. When it's needed to tell our developers how my demo works and the effects I required, I recorded the ...
Danlin Chen's user avatar
2 votes

Where does your front end dev sit?

As I commented, this is a really impossible question to answer conclusively. It all depends on your company and the project and any other number of variables. That said, I've been in this position ...
DA01's user avatar
  • 41.8k
2 votes

Where does your front end dev sit?

From my personal experience as a Frontend Developer I find it more convenient sitting with the UI/UX team. Because I am implementing their designs in to actual prototypes and it's easier to polish the ...
abigby's user avatar
  • 21
2 votes

What's the best way or practice to align the 3 lines at the bottom like the 3 ones at the top

Align the horizontal rules. Place the headlines and the text underneath the lines. Let the copy hang from the rules so to speak. That way you box the content regardless of how long the texts are.
Tony Bolero's user avatar
  • 7,304
1 vote

What's the best way or practice to align the 3 lines at the bottom like the 3 ones at the top

Align the horizontal rules (divider lines) and have the wrapped text sit on top of it. The three headlines would be bottom-aligned with each other. This provides visual consistency.
Izquierdo's user avatar
  • 12.5k
1 vote

How to work with devs as a junior UX designer

It's complicated...I mean, it really is. It's usually wise not to show something to a client unless you have some idea of the cost to deliver it - and by cost I don't just mean financial, but time, ...
Roger Attrill's user avatar
1 vote

How do you call top block with user info on a profile screen?

This section is normally called 'Profile Header'.
Ren's user avatar
  • 3,196
1 vote

How to communicate for required transitions to front-end developers?

Find examples online that you can show or prototype it yourself in figma using smart animate. I do some front end development and some things are much more difficult to do than you think. From the ...
Gene Lee's user avatar
  • 1,305
1 vote
Accepted

Best way to display a lot of schools information on a single webpage?

A scrolling list of nicely designed, consistent cards might look a little better than what's there - even though the cards themselves are the same size, the variable height of the information WITHIN ...
Mattynabib's user avatar
  • 3,406
1 vote

Best way to display a lot of schools information on a single webpage?

I agree with JonW that you can automatically filter down based on the user's region. However, to start, you may consider integrating with a mapping service and showing a map with pins and popups with ...
J. Dimeo's user avatar
  • 3,858
1 vote

Multi-Select Filtering for a record With or Without a particular flag

I have seen the pattern where an filter uses "field = value" and "field ≠ value". Perhaps that might be a solution? I think the X being used for anything other than remove or clear might be a very ...
Aaron Merritt's user avatar
1 vote

How much functional a prototype should be for User Testing?

I do agree, it does not make lots of sense to reach the back-end. In the end, it is a prototype rather than the functioning product. Remember the main focus is evaluating the experience and the ...
UX Labs's user avatar
  • 2,455
1 vote
Accepted

Where does your front end dev sit?

In the old company, we have sit closer to Back-end Developers. So basically receiving the designs from an external agency, then after the implementation, working with back-end to help them implement ...
Leon's user avatar
  • 26
1 vote

What are the differences between UI/UX and front-end development?

This question is quite confusing as every organisation has different requirements. Companies are combining UX and UI into a one person job. I believe UX is in the same area as a Business Analyst or ...
Vinod's user avatar
  • 11
1 vote

Translating Prototypes into Development

It depends if you are working agile or waterfall or somewhere in between. If you have a tight team with great communication between you, then it will work. So long as you are discussing detail at a ...
jackiemb's user avatar
  • 781
1 vote

Term specificity in front-end use

Collection would be a lot better than Set. Google+ uses the term which means many users are familiar with the it. However, I would suggest you call it a Folder which can be named by the user. Since ...
Diego's user avatar
  • 185

Only top scored, non community-wiki answers of a minimum length are eligible