3 ms·
The best tool I've found to improve my UIs as someone who's not generally good at this stuff is wireframing. I use diagrams.net because it's free and has a web
by ad404b8a372f2b9 6y ago
The best tool I've found to improve my UIs as someone who's not generally good at this stuff is wireframing. I use diagrams.net because it's free and has a web version.
Once I stopped trying to implement and design my UIs at the same time they started getting much better. I force myself to go through multiple iterations over multiple days to let my understanding of the UI mature. First I make a shitty ugly one where I place the buttons and block-out the general look. Then I try to refine it, change the look, place the buttons in a more intuitive way. And I force myself to move things around and change the layout of the whole thing even when I'm satisfied with it.
I also inspire myself from other people's work, like those you can find on Dribbble.
Once you've got a nice wireframe down it's trivial to reproduce in any UI toolkit.
Here's an example of the evolution of a single screen of an app I worked on a while ago, it's incomparable to the work of a professional UI designer but it's much better than I used to be able to do. You can see how some buttons disappear and are replaced by others as I refine the UX and how the layout changes over time: https://imgur.com/a/WExdqs3 https://imgur.com/a/WExdqs3