Live data from Hacker News

UI elements with a hand-drawn, sketchy look

wiredjs.com

101–110 of 123 posts

Re: UI elements with a hand-drawn, sketchy look

#101
post #33

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

Adding a noise would result differenet look on every render, I am not sure that's good

Re: UI elements with a hand-drawn, sketchy look

#103

Earlier quoted context omitted.

"I read this code and then reimplemented it from scratch in a different language" does not release you from licensing obligations. If that were the case then brb while I go reimplement unreal engine in rust.

You absolutely can do that. And yes, it does release you from licensing obligations (unless the license included specific clauses).

You should consult a lawyer. It's one thing if it's a clean-room implementation but every IP attorney I have ever interacted with would disagree with you.

It doesn't take much for a court to consider something a derivative work.

Re: UI elements with a hand-drawn, sketchy look

#104
post #33

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

Adding a noise would result differenet look on every render, I am not sure that's good

It already does that, though.

Re: UI elements with a hand-drawn, sketchy look

#105
post #64

Earlier quoted context omitted.

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. [0] https://napkinlaf.sourceforge.net/

I'm asking myself if this might be a good application for a WebGL shader? The issue with "theming to look sketched" is the same as with "hand drawn looking components" - it has to be integrated for your specific DOM or App, totally defying the purpose of "making someone understand this is a quick sketch". Because by now, it's far beyond being a sketch.

but that's the point, it's not a sketch, it's a prototype.

Consider building a calendar app. You build part of the thing, but you have not handled error conditions and edge cases, the back-end supports only a single user and you don't have authentication working.

It's enough to validate some of the flows and how UX actually works, but if you show it to a customer with the actual proper designs they will subconsciously asume that the work is finished.

If the look and feel is "this is not real" it sets their mind in a different configuration.

Re: UI elements with a hand-drawn, sketchy look

#106

This is UI theory gone wrong. The idea that users will give feedback more freely when something looks unfinished is at best a non-validated theory. This used to work with actual paper prototypes. But going the extra length to make UI designs look hand-drawn, when the users know full well they are computer generated is just busy work. Showing the users what the actual design might look like works better and it actuall…

Nah, the magic here is that if you hand this to your CEO, he's not going to go "looks great, ship it!" and demand your hacked-up demo be in production next week.

Re: UI elements with a hand-drawn, sketchy look

#107

Previously https://news.ycombinator.com/item?id=17146451 (650 points, 121 comments)

Thanks! Macroexpanded:

Show HN: Wired-elements – UI web components with a hand drawn, sketchy look - https://news.ycombinator.com/item?id=17146451 - May 2018 (120 comments)

I feel like there were other threads, either about this or something very similar. If anyone finds them, we can add to the list.

Re: UI elements with a hand-drawn, sketchy look

#110

I love the sketchy UI elements. I hate the sketchy text font. Do normal sans-serif fonts and sketchy UI not fit together stylistically?

The cursive font should at least lean to the right.

I think that might be how left-handed people write if they're taught how to write properly left-handed. (I was not.)
Post reply on HN