Live data from Hacker News

Ask HN: How do you manage UI/UX for your side projects?

news.ycombinator.com

71–80 of 203 posts

Re: Ask HN: How do you manage UI/UX for your side projects?

#71
post #51

A lot of engineers have the mentality of "engineering is hard, but design is just whatever some color matching and styling". I'll prob. be downvoted but here's my honest opinion: I think you'll gain a lot career-wise to learn about UX and UI. You'll be able to understand products in a deeper level from the customer's side and will then be able to make better decisions as an engineer. You'll also have a much easier ti…

As an engineer, I think design is so goddamn hard.

People that are good at it are like majestic unicorns to me.

Re: Ask HN: How do you manage UI/UX for your side projects?

#72
post #51

A lot of engineers have the mentality of "engineering is hard, but design is just whatever some color matching and styling". I'll prob. be downvoted but here's my honest opinion: I think you'll gain a lot career-wise to learn about UX and UI. You'll be able to understand products in a deeper level from the customer's side and will then be able to make better decisions as an engineer. You'll also have a much easier ti…

Made the bullet list readable on mobile:

* Visual hierarchy (I.e. the same way you divide your code in modules and functions, you need to divide the visual space in a clear hierarchy).

* Basic on typography (It makes a big difference even if most people don't notice it)

* Understanding what's UX (I.e. reading "Don't make me think"). Just "caring" and "thinking" about UX will improve designs, even if you don't have much experience.

* Basic of color theory; How different colors mean different things (Branding-wise or for alerts/errors/warning).

Re: Ask HN: How do you manage UI/UX for your side projects?

#73
I know this question is about web apps where there is little in the way of “standard,” but if it’s a desktop or mobile app, please, please use standard, system provided controls and menus, the generic system font, and well-known button icons. Don’t try to invent your own. Your users will thank you because they will know what everything does without having to figure it out. Plus, on many platforms, straying off the path of standard controls can lead to 10x or 100x the code. Just don’t do it.

Spend that saved development effort on fixing bugs instead. A great app with a boring UI is better than a buggy app covered by a beautiful coat of paint.

Re: Ask HN: How do you manage UI/UX for your side projects?

#75
post #57
post #51

A lot of engineers have the mentality of "engineering is hard, but design is just whatever some color matching and styling". I'll prob. be downvoted but here's my honest opinion: I think you'll gain a lot career-wise to learn about UX and UI. You'll be able to understand products in a deeper level from the customer's side and will then be able to make better decisions as an engineer. You'll also have a much easier ti…

I actually took a 3-month crash course on Visual Design because I was weak in that area (as a front-end developer). Probably one of the best professional investments I have made. The course taught me basically the above list. I would add knowledge about grids and negative spacing to the above list.

Can I have a source for the crash course? Asking for a friend!

Re: Ask HN: How do you manage UI/UX for your side projects?

#77
I could write a short tutorial here how to do basic styling but I don't know will you gain anything from it. Having done HTML/CSS/SCSS in between my full-stack JS/TS work, instead I'll just list some of the things that I've learned from doing web UI/UX. Maybe you'll get some insight from it, people have mentioned other great tools like Sketch which are great but these are some practical tips.

* Space elements using flex-box. Use position attribute only when must.

* I've mostly ditched classes for Styled Components, but if you do use classes try to get most of the BEM-syntax and SCSS. Try to avoid id and element-wise selectors for styling.

* Use CSS preprocessor like SCSS. Makes your life easier. `&` especially.

* Use margins to position elements in relation to each other. Padding to maintain or inflate element's size. The difference between margin and padding isn't massive, but try to stay consistent in your styling.

* Use (as general advice) light background color with more distinctive primary colors, emulate your favourite sites' style to hone your visual skills.

* Don't overdo it even if the UI widget you found looks cool. For users the novelty will soon wear off and you'll be better off with something simpler and more functional.

* Also don't stress about styling, just maintain a distinct style that is simple and working and you'll be good until you can hire your own designer. Vast majority of start-ups with their fancy UIs are mostly just pretty balloons filled with air. Maybe it attracts some people, but most people (myself included) are happy with simpler layouts as long as they are easy to use. Sure if the site is indisputably ugly it can be jarring but you get the point :). Note that pretty visuals != good user experience.

Re: Ask HN: How do you manage UI/UX for your side projects?

#78
I shamelessly copy. I have a lot of respect for the UX and design people I work with, and I know those skills take hard work to develop even for people with talent. I know I'm never going to finish a side project if I force myself to acquire those skills myself before I do anything, so I copy existing designs that look good to me.

If a side project turns out good enough that I think it could be a real product, I expect I will try to find a partner.

Re: Ask HN: How do you manage UI/UX for your side projects?

#79
post #57
post #51

A lot of engineers have the mentality of "engineering is hard, but design is just whatever some color matching and styling". I'll prob. be downvoted but here's my honest opinion: I think you'll gain a lot career-wise to learn about UX and UI. You'll be able to understand products in a deeper level from the customer's side and will then be able to make better decisions as an engineer. You'll also have a much easier ti…

I actually took a 3-month crash course on Visual Design because I was weak in that area (as a front-end developer). Probably one of the best professional investments I have made. The course taught me basically the above list. I would add knowledge about grids and negative spacing to the above list.

Can you point me to this specific course? I am interested.

Re: Ask HN: How do you manage UI/UX for your side projects?

#80
post #36
post #21

I've discovered that https://tailwindcss.com/docs/what-is-tailwind/ fits me best as a way to do UX/UI as a backend person. Feels like functional programming with well-defined, limited number of building blocks, whereas normal CSS styling always seemed like endless amount of options. Also the docs are really great with some ready-made patterns. No idea if it is for everyone but I enjoy it right now.

Frameworks like these are terrible for your document size and page load performance once your project scales. Why would you write anything that can't scale if you can avoid it? Whether or not you're looking to turn your pet project into a SAAS business is a moot point when you can get scalability for free with other approaches.

Because the overwhelming majority of side projects will never need to scale.

Getting something shipped matters more.

Post reply on HN