Live data from Hacker News

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

news.ycombinator.com

21–30 of 203 posts

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

#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.

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

#22
for UI, HTML5 Boilerplate will get you pretty far when it comes to organizing markup. Then you can start with something like Bootstrap and then build a theme when you're ready. There's some truly impressive pre-built bootstrap themes/templates out there too but they take a lot of work to integrate into your project.

As for UX, if you have a spouse/partner/SO ask them to use your project and take their feedback seriously. Getting actual people to use what you've built is the fastest way to a decent UX. You have to set aside your ego and let the users dictate how they want their experience to be. It's non-trivial.

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

#24
Is it a project where one of the most important aspects of how it works will be the design, if so maybe you can trade with a designer or even pay one for some help. If it isn't the most important thing try to find a theme or example in a common framework that will be passable.

For example let's say you're making a project that will help companies manage real time logging of data more efficiently.

Once a basic level of design competence is reached pretty much nobody who is looking for something like that cares too much how your site looks. You could make a simple landing page with a bootstrap theme in a few hours.

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

#25
This used to be a pain in the ass for me, but the beginning of this I rewrote everything from scratch including the UI. Now I have everything automated behind a build. All of my options, their configuration, and all corresponding documentation is built from a single simple config.

* Here is the site - https://prettydiff.com

* Config - https://github.com/prettydiff/prettydiff/blob/master/api/opt...

To automate this properly so that user performance is fast and maintenance is simple you don't need any frameworks or tooling. You just need a good plan and a proper organization of things.

About 80% of the user interactions are built from automation. There is some manual wiring that has to occur for various things where interactions are unique to a given option. The manual interaction stuff wasn't too bad when I wrote the code this past spring and it requires almost no maintenance. All the stuff that would be a pain the ass to keep up with is fully automated.

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

#26

I've multiple solutions: 0. Use a css framework like Bootstrap or Bulma, it's not difficult to put together a website/webapp with a bit of CSS skills (you don't need to know a lot of CSS to create a good experience) 1. Team up with the UI/UX designer who you've worked in past and offer them your backend expertise for their project. Good ol barter has saved my ass multiple times by now. 2. If you don't want to get som…

Bootstrap is so antiquated. It is also far from easy, and even if you learn a lot about bootstrap is will not make your project suddenly look good. Not to mention the container system is one of the most confusing things I have ever seen, but maybe that is just me.

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

#27
I don't; my side projects have the shittiest UIs ever.

For things that make money, I just hire a professional. There have been times where I have put a lot of personal time into improving a UI. What ends up happening is that that time ends up being a total waste of time because the UI/UX professionals are able to do the same work in a fraction of the time. It's almost never a waste of money, either.

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

#28
I'm building a mobile app using flutter, which has so far been an excellent experience. They've announced development of a web version of it - hummingbird (https://medium.com/flutter-io/hummingbird-building-flutter-f...) which I'll be keeping a close eye on. Not only is it a fundamentally productive toolkit to use, but sharing both business and UI code between all frontends (desktop, mobile and web) would be wonderful.

I've also heard some positive things about elm-ui (https://github.com/mdgriffith/elm-ui), which is on my todo list to investigate.

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

#30
I stick with a few basic guidelines:

* Sketch out the idea on literal paper before committing it to working code. Paper is so much easier to get 'working'.

* Borrow visually from other sites that I like and have similar intent. I don't have the time on side projects to go crazy breaking new UX ground. (And users probably don't want that anyway.)

* Keep the idea simple and uncluttered. Maybe a specialist could get away with fancy stuff, but I'm not a specialist.

* Try to offload functionality into the back end. If I can simplify the user experience by making the back end more intelligent, I do it.

* Be very cautious about introducing technical complexity. Usually for side projects, I have a specific goal I want to achieve and limited time in which to achieve it. I'd rather not spend that time messing around with some fancy framework, unless I'm convinced I need it to satisfy my goal.

* Reuse from my other work.There are a lot of aspects of, say, a website, that don't have to be uniquely redone for each. So it might quickly become cost effective to factor out something like a login flow UX. (And has the benefit of offering some degree of consistency across projects...)

Post reply on HN