Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

UI elements with a hand-drawn, sketchy look

wiredjs.com

Post reply on HN
Print view View original

71–80 of 123 posts

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

#71

Post by wkat4242 »

greenavocado wrote: post #7

Bring back skeuomorphism. I hate flat and material design. Those two excessively eliminate subconscious visual cues from the natural world.

I hate it too. I understand what people had against it though because Apple (led by Scott Forstall) took it wayyyy too far at one point. The notepad, the game center, it was a joke. It became its own objective.

I think the current bland flatness is a kneejerk reaction to that (kicked off by Jony Ive who was probably angered by Forstall's design).

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

#72

Post by Dalewyn »

hammock wrote: post #16
Dalewyn wrote: post #15

I find the deliberate choice of a left-handed font for this example intriguing.

Was it deliberate?

From the source code:

>

>@font-face { font-family: 'Gloria Hallelujah'; ... src: local('Gloria Hallelujah'), local('GloriaHallelujah'), url(fonts/font.woff2) format('woff2'); ... }

>body { ... font-family: 'Gloria Hallelujah', sans-serif; ... }

So yes, the choice of font looks to be quite deliberate.

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

#73

Post by pjmlp »

juliushuijnk wrote: post #56
kissgyorgy wrote: post #50

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

Great, thanks for sharing.

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

#74

Post by pjmlp »

riffraff wrote: post #55
kissgyorgy wrote: post #50

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

Exactly, I have been in too many meetings when they get shown a click dummy in the technology stack, we get the reaction, a couple of days more and it is done.

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

#76

Post by tyingq »

cl3misch wrote: post #48

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

A lot (not all) of the things in their showcase are using a normal font, so you can have a look: https://wiredjs.com/showcase

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

#79

Post by beryilma »

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 actually captures important design choices such as shapes, colors, proximity, etc. that users care about.

I have been to many UX tests. Regardless of sketchy design look or not, the user will either have no problem providing feedback or they won't give useful feedback. It mostly depends on the person, not on what you show them.

Post reply on HN