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…
Ask HN: How do you manage UI/UX for your side projects?
111–120 of 203 posts
Re: Ask HN: How do you manage UI/UX for your side projects?
#112A 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 would also mention the importance of layout and flow line, or how will you organize your elements in the page and how will your audience traverse them visually? This is something you really ought to think about very hard.
Also, learn about gestalt principles. For example: https://www.howdesign.com/resources-education/online-design-...
Re: Ask HN: How do you manage UI/UX for your side projects?
#113Earlier quoted context omitted.
As an engineer, I think design is so goddamn hard. People that are good at it are like majestic unicorns to me.
Agreed. Beyond some trivial basics all these "theories" of how to use style are really a thrashing excuse for the fact that people who are awesome at this really do have a gift, and if you want your product to look great than at some point you have to hire them. Until then, if you are developing a compelling project that does something really useful, then people don't usually care too much what it looks like as long…
I don't have a background in design, I really struggle with color schemes, but I put in a lot of effort to design my software, and I think the resulting products look okay.
I've hired designers for a few jobs in the past. Their portfolios looked awesome, they were obviously good at their job, but when I received the work I commissioned, I was surprised how shoddy it was. They rushed it, and it sucked. Only after lots of complaining and multiple revisions did I get decent results.
It's not about being gifted. It's about putting in the work.
If you try putting a nice design on your product in an hour, you will fail. Take a week to research how other products solve design challenges, try a few approaches, show your work to people, revise it a couple of times, and you will arrive at a decent design, even if you don't think of yourself as a "gifted" designer.
Re: Ask HN: How do you manage UI/UX for your side projects?
#114Earlier quoted context omitted.
That is not color theory, at all. You could start with the Wikipedia page to get a quick overview of what color theory really is: https://en.wikipedia.org/wiki/Color_theory It is not the pseudo-scientific mumbo-jumbo strawman you're ranting against. Color theory makes no subjective judgements on what colors "mean" or should be used for, but instead focuses on the visual properties and perception of color.
> Color theory makes no subjective judgements on what colors "mean" or should be used for, but instead focuses on the visual properties and perception of color. The parent was talking about color harmony (color wheels) and color psychology. This are very much the things the Wikipedia article you linked is about. Both are indeed pseudo-scientific mumbo-jumbo.
Color model theory is similar to music theory, in the sense that both theories may just be a codification of familiar patterns. That doesn't mean they're not useful.
Re: Ask HN: How do you manage UI/UX for your side projects?
#115A 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.
Re: Ask HN: How do you manage UI/UX for your side projects?
#1161. Cluttering the website with too much data: It seems like a dire need for founders to put as much data as possible to explain their product better. But too much data can backfire confusing the customer in understanding what your product is all about. This makes the website look boring, uninteresting & confusing. In such cases using different font weight, size, colors, relevant icons or relevant graphics makes the landing page more meaningful & engaging for the visitor.
2. Using too many colors: Using many colors randomly on your landing page does not make it look more fancier. Colors are used to differentiate the contents of the website. They facilitate the customer in quick understanding of what the color denotes. Ideally, the easiest way to set up a color palette for your landing page is to use colors from your logo & add complimentary colors to it. For each of these colors, have a lighter & darker tone available which would help you set up a complete color palette for your landing page. It’s best to start creating your landing page once you have set up your color palette.
3. Footer is important: Many founders did not include a footer on their website. If included, it wasn’t used effectively displaying the relevant navigation to your website. Ideally, you should have a footer which should possibly have all the links from the navbar, and other links which couldn’t be put in the navbar. You should also have social links, even though somebody will not click it but having them builds trust in your website. You should also put some contact details; either email or phone number which adds to the credibility of your website. You can repeat the logo in the footer. This is also an important factor for brand recall. You can convert the logo into a single color and put it in your footer.
4. Missing call to actions: This is one of the most critical errors that founders missed for their landing page; i.e. not having a call to action near the end of the landing page (just before your footer). This is the point where the customer has been through your complete product and understands what you are all about. It’s the best place where the customer is most likely to buy your product/services. Ideally, all pages redirected from the home page to other important pages must have call to actions too.
5. Unaligned website contents The content of the website is set to full width and not aligned as per the container. The flow gets lost and the whole page becomes confusing and irritating for the visitor. This will lead to the visitor bouncing off much quicker.
6. Description consistency & balance: Many products had multiple features to pitch their customers. But each feature had different description lengths between 1-5 lines. This creates an imbalance in the landing page which makes it look fuzzy. All description length must be equal and ideally 2 lines or a maximum of 3 lines.
7. Typography: Many landing pages had multiple fonts used on the website. Ideally, you should be using 1 or a maximum of 2 font families for your website. Avoid any fancy font for a blob of content. It becomes unreadable and hence more likely for a visitor to bounce off. Most creators use a default line spacing. Adding slightly more line spacing to your text would make it more readable and interesting.
We would be happy to have a look at your side project and share constructive feedback. http://draftss.com/feedback.html
Re: Ask HN: How do you manage UI/UX for your side projects?
#117A 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…
Just anecdata, but as an engineer I think engineering is easy and design is hard.
For engineering you just have to follow logic, reasoning, good practices and have discipline. Also you can test your code to death to make sure everything is correct.
For design you have to have an artistic nature.
Re: Ask HN: How do you manage UI/UX for your side projects?
#118Earlier quoted context omitted.
> Color theory makes no subjective judgements on what colors "mean" or should be used for, but instead focuses on the visual properties and perception of color. The parent was talking about color harmony (color wheels) and color psychology. This are very much the things the Wikipedia article you linked is about. Both are indeed pseudo-scientific mumbo-jumbo.
I'm also doubtful about color psychology, but color model theory (including color wheels) has some real substance. Most web sites from the late 1990s are today recognized as ugly because the color choices were awful (perhaps because they were trying to be compatible with graphics cards that only allowed 8 bits per pixel.) Web sites with colors that fit a recognized color model appeal to a lot more people. Color model…
Color harmony might well be just a codification of familiar patterns. Musical harmony on the other hand is very different. While it certainly has some parts that are rooted in familiarity, especially when it comes to consonance and dissonance of certain intervalls, most of it has a strong physical and physiological basis.
Musical harmony is not purely subjective and this is well studied. Color harmony is not well studied at all and if there is and serious basis - except for historical use - has yet to be been. That’s why I don’t like the word harmony in connection with colors. It just gives the wrong impression.
Re: Ask HN: How do you manage UI/UX for your side projects?
#119Here is what I typically do: - Draw out a design using Sketch, draw.io or any other similar tool. - Find a color scheme, I typically google for "flat UI colors" since I like them most. Adobe color wheel is also a great tool for finding complementary / shades of colors: https://color.adobe.com/create/color-wheel/ - Then I start prototyping my ideas, typically in react, using a CSS-in-JS lib such as styled-components,…
Also, for color help, the Material Design Color Tool is a fantastic little site for helping develop color schemes quickly and visually. https://material.io/tools/color/
Re: Ask HN: How do you manage UI/UX for your side projects?
#120I'm a ux designer and a professor in hci. It looks like there is still a lot of confusion between UX and UI. UX is not just what concerns the interface. UX is a process with different phases: - an exploratory phase, where the designer interviews the stakeholders, analyzes the current product (if it is a redesign), makes a benchmark of the competing products and services; - a research phase, where the designer involve…
If you don't mind, could you explain what HCI is in your view as well? I think that's another discipline related to CS/UX/Design but is still quite distinct to those who understand it best.