Reminds me of Balsamiq, which was the rage about 10 years ago.
I use it almost every day.
UI elements with a hand-drawn, sketchy look
51–60 of 123 posts
Re: UI elements with a hand-drawn, sketchy look
#52I wish more designers used these, precisely because it blocks them from prematurely adding too much detail.
When they start doing things like exact-padding and font-size and whatnot, it either (A) front-loads implementation into the development process when the UX hasn't really been tested or at least (B) making developers spend time guessing how precisely the beta needs to look like the design.
Re: UI elements with a hand-drawn, sketchy look
#53I personally like the look of this kind of thing enough I would want to use it for a real product, or maybe for the beta version of the product and then switch it up when official release. Probably too much extra work though.
Early in my design career, I ran a user test of a lo-fi prototype with some members of a customer success team, the visual presentation intended to convey the mutability of what we were presenting. I got a comment that “the sketch look was really nice” and since then have never relied on that as a signifier of where a concept was in the design process.
Re: UI elements with a hand-drawn, sketchy look
#54My favorite tool for this is Balsamiq Wireframes: https://balsamiq.com/wireframes/ Having to write code loses the point of quick and dirty.
I really like https://wireframesketcher.com/
No cloud dependencies, and a lifetime license for $99. These are becoming rarer and rarer
Re: UI elements with a hand-drawn, sketchy look
#55My favorite tool for this is Balsamiq Wireframes: https://balsamiq.com/wireframes/ Having to write code loses the point of quick and dirty.
I think something like this can be useful to show your customers that something is a functional prototype and not a finished product.
This works if you can switch out The design as in the old "napkin look&feel" for Swing.[0]
Sadly I think "change design by switching out a theme" has long died as an idea in the web space.
Re: UI elements with a hand-drawn, sketchy look
#56My favorite tool for this is Balsamiq Wireframes: https://balsamiq.com/wireframes/ Having to write code loses the point of quick and dirty.
For wireframing on your phone, with hand drawn style: https://www.tinyux.app
It has a non-standard ux, since I didn't want drag-drop on a small touch screen.
Re: UI elements with a hand-drawn, sketchy look
#57My favorite tool for this is Balsamiq Wireframes: https://balsamiq.com/wireframes/ Having to write code loses the point of quick and dirty.
For wireframing on your phone, with hand drawn style: https://www.tinyux.app It has a non-standard ux, since I didn't want drag-drop on a small touch screen.
Wow! Awesome!
Re: UI elements with a hand-drawn, sketchy look
#58This looks nice and oddly nostalgic. One bit of feedback: each time I toggled the checkbox I expected the checkmark to look slightly different, as if it were being redrawn by hand each time. Adding some "noise" might be a neat feature for a version 2.0.
[deleted]
Re: UI elements with a hand-drawn, sketchy look
#59Re: UI elements with a hand-drawn, sketchy look
#60My favorite tool for this is Balsamiq Wireframes: https://balsamiq.com/wireframes/ Having to write code loses the point of quick and dirty.
Love Balsamiq. The style of wireframe is so useful for conveying to people that this is just a sketch and to avoid the ‘I’m not sure about the font’ questions