News for hackers. Stuff that matters.
Re:RoughViz: JS library for creating sketchy/hand-drawn styl... by egyptiankarim on Wednesday November 27, 2019 @11:53AM (#21649517)
> Use these charts where the communication goal is to show intent or generality, and not absolute precision. Or just because they're fun and look weird.

I love the intent and execution behind this. The implication of imprecision in the underlying data through rough looking "hand drawn" charts and graphs is a really smart design hack.

Re:RoughViz: JS library for creating sketchy/hand-drawn styl... by mr__y on Wednesday November 27, 2019 @01:04PM (#21650290)
>he implication of imprecision in the underlying data through rough looking "hand drawn" charts and graphs is a really smart design hack.

The same approach could be used for mockup apps/websites

Re:RoughViz: JS library for creating sketchy/hand-drawn styl... by gregmac on Thursday November 28, 2019 @01:38AM (#21655096)
If you haven't tried this, you should. The type of feedback you get is proportional to the fidelity of your mock up.

Do a high-fidelity, fully realized html mockup, and you're more likely to get feedback about the little details like fonts, colors, icons, spacing, wording and maybe minor tweaks to the layout.

Draw a really low-fidelity mockup with a sharpie or on a whiteboard, and you're more likely to have a good discussion about fundamental layout/concepts, overall approach, etc, without anyone getting hung up bike-shedding about the details.

I think a lot of this has to do with perceived effort: if people think you spent hours building it, they're less likely to suggest a change that would throw most/all of your work out. This doesn't mean you can't or shouldn't prepare ideas/drafts beforehand if you want to, nor that you shouldn't increase the fidelity as you iterate.

I've tried many tools for this, but personally all the best and most fulfilling [early] design discussions I've ever had involved standing around a whiteboard.

Re:RoughViz: JS library for creating sketchy/hand-drawn styl... by ceejayoz on Wednesday November 27, 2019 @01:53PM (#21650772)
I use https://balsamiq.com/ for this.
Re:RoughViz: JS library for creating sketchy/hand-drawn styl... by tracker1 on Wednesday November 27, 2019 @02:14PM (#21650970)
That was my first thought when seeing this... IIRC, XAML had a similar rendering option as well.
Re:RoughViz: JS library for creating sketchy/hand-drawn styl... by tasogare on Thursday November 28, 2019 @12:04AM (#21654719)
It had, in Expression (Blend?) but not every component had a draw-like component which made things a bit awkward. Or maybe I missed something. Anyway XAML is still my favorite UI platform, it’s sad Microsoft doesn’t make any effort to make it cross platform.
Re:RoughViz: JS library for creating sketchy/hand-drawn styl... by ygra on Thursday November 28, 2019 @02:12AM (#21655233)
Well, XAML itself doesn't have anything to do with UI, it's just a serialization of an object graph with hints about code generation.

There's AvaloniaUI, though, if you're looking for XAML, UI, and cross-platform.

Re:RoughViz: JS library for creating sketchy/hand-drawn styl... by meredydd on Wednesday November 27, 2019 @06:14PM (#21653130)
At the risk of self promotion, I made something very much like this a few months back: https://anvil.works/blog/xkcd-style-apps

It was inspired by the 'xkcd' matplotlib theme, which itself is delightful: https://matplotlib.org/xkcd/examples/showcase/xkcd.html

Re:RoughViz: JS library for creating sketchy/hand-drawn styl... by lkschubert8 on Wednesday November 27, 2019 @01:53PM (#21650771)
There is actually a java swing look and feel called napkin from over a decade ago that is similar.
Re:RoughViz: JS library for creating sketchy/hand-drawn styl... by jfim on Wednesday November 27, 2019 @02:49PM (#21651330)
http://napkinlaf.sourceforge.net/ has some pictures. It's actually good for mockups, since users don't assume the feature is done when they see it.