Live data from Hacker News

How to tame a user interface using a spreadsheet

blog.gingerbeardman.com

11–20 of 72 posts

Re: How to tame a user interface using a spreadsheet

#11
post #8
post #5

The overall effect of Figma is probably net-negative because people start futzing with the visual/aesthetic aspects of an interface instead of working out the functional aspect as you would in a low-fidelity/paper/wireframe prototype.

Figma can work, but you have to restrict yourself to not embellish the wireframe. Choose one font only and use basic shapes only. Use colors only if you must (warning states, primary actions, …)

I really like/use Balsamiq. Although perhaps in a not common use case.

I'm really bad at doing neat pencil sketches and handwriting. Balsamiq easily lets be draw something up on my computer that looks obviously like it's "hand drawn style" and make is clear both to me while creating wireframes and to everyone else when I shard them that it's not intended to be high fidelity. I intentionally use Comic Sans to emphasize that.

If I were better with a pencil, I'd do these in a notepad or on graph paper - and then share phone camera photos of them.

F<or anyone who's ever died a little bit inside when their PM/boss say "Those wireframes are perfect. lets just hand those off to the devs!", I _highly_ recommend using whatever tooling or personal restrictions that workj for you - to generate output that is clearly "interface ideas" instead of being misinterpreted as "finished UI/UX designs".

Re: How to tame a user interface using a spreadsheet

#12
post #8
post #5

The overall effect of Figma is probably net-negative because people start futzing with the visual/aesthetic aspects of an interface instead of working out the functional aspect as you would in a low-fidelity/paper/wireframe prototype.

Figma can work, but you have to restrict yourself to not embellish the wireframe. Choose one font only and use basic shapes only. Use colors only if you must (warning states, primary actions, …)

Maybe Figma needs a prototyping mode that actually looks like rough whiteboard drawings or index cards. Later you can refine the designs, retaining history linking back to early prototypes.

Using rough drawings is useful for user research. Users are less likely to criticize or suggest big changes if you present a polished design, even if it is just a mock up.

Re: How to tame a user interface using a spreadsheet

#13
post #11
post #8

Earlier quoted context omitted.

Figma can work, but you have to restrict yourself to not embellish the wireframe. Choose one font only and use basic shapes only. Use colors only if you must (warning states, primary actions, …)

I really like/use Balsamiq. Although perhaps in a not common use case. I'm really bad at doing neat pencil sketches and handwriting. Balsamiq easily lets be draw something up on my computer that looks obviously like it's "hand drawn style" and make is clear both to me while creating wireframes and to everyone else when I shard them that it's not intended to be high fidelity. I intentionally use Comic Sans to emphasiz…

> perhaps in a not common use case

> Balsamiq easily lets be draw something up on my computer that looks obviously like it's "hand drawn style" and make is clear both to me while creating wireframes and to everyone else when I shard them that it's not intended to be high fidelity.

I thought this was the core value proposition of Balsamiq.

Re: How to tame a user interface using a spreadsheet

#15
post #10

I have used spreadsheets for designing floor plans and building elevation etc. I used each cell to represent 3 inch by 3 inch area. In more detail views I used each cell for a square inch area. Spreadsheets (specifically Excel) are the most general-purpose end-user software I have ever seen. I saw people using it for art/painting. Someone used it for demonstrating graphics shaders and ray-tracing.

Now that's what I’m talking about! Nice work.

You can even play a flight simulator or doom in them.

Re: How to tame a user interface using a spreadsheet

#17
post #4

I love to use spreadsheets for prototyping too! 1) moving around a spreadsheet is very fast and lightweight 2) it forces you to think about layout first, before getting into imagery, colors and design

Exactly! It's hard to beat the speed of cut and paste between cells.

Re: How to tame a user interface using a spreadsheet

#18
post #9

i admire the people who are able to bend the spreadsheets to their will while i struggle with creating simple charts with it! i even created my own tool to create charts from it because i found spreadsheet interface overwhelming.

I love spreadsheets and use them a ton but I have to agree, creating charts is hard

Re: How to tame a user interface using a spreadsheet

#20
~2008 a friend at a consulting co. showed me how they drafted UIs in Excel.

Having seen that, in 2015 I began working on a UI drafting software for that kind of technical designers. We ended up getting rid of the layout thinking overhead while drafting. They call it Content-First Design.

If you'd like to try it it's free: https://uxtly.com

Post reply on HN