Live data from Hacker News

How to tame a user interface using a spreadsheet

blog.gingerbeardman.com

21–30 of 72 posts

Re: How to tame a user interface using a spreadsheet

#22
post #21

Love this. Personally I like Excalidraw [0] for UI mock-ups but I might use a Google Sheet next time for sharing/multiplayer purposes. [0] https://excalidraw.com/

The grid layout in spreadsheets works well for prototyping UI, but I also love there is no grid system in excalidraw. In other UI tool, I can't stop aligning every elements or it really bothers me. In excalidraw I can be satisfied with good-enough design. The same with other things like text size, or colors.

Re: How to tame a user interface using a spreadsheet

#23
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.

I like Balsamiq for this, it draws everything in what is essentially comic sans

Re: How to tame a user interface using a spreadsheet

#24
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, …)

balsamiq

Re: How to tame a user interface using a spreadsheet

#25
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…

I love Balsamiq too and have been using it for 7 years now. For me it's the best way to define a product requirement, and share product ideas.

Re: How to tame a user interface using a spreadsheet

#27
post #11

Earlier quoted context omitted.

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…

I love Balsamiq too and have been using it for 7 years now. For me it's the best way to define a product requirement, and share product ideas.

One day, I plan to release a mobile and web app that's a pixel perfect representation of my low fidelity Balsamiq wireframes/UXUI exploration. Just to make the right kind of people's head explode.

In the same spirit as this from the late '90s: https://web.archive.org/web/20011102031149/http://www.mighty...

Re: How to tame a user interface using a spreadsheet

#28
post #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

Hi, I am interested in this tool but I could not even grasp how does it trying to solve the problem as the video is buffering each second.

I watch youtube too so it is not my connection I assume

Re: How to tame a user interface using a spreadsheet

#29
Irrelevant but spreadsheets have always struck me as one of the most beautiful pieces of software that we use. Automatically updating calculations, programming logic complex anough for most ERPs, using it is a database, easy organisation of data, graphs -- it has it all. From both a user and developer perspective, they are one of the most diverse tools on a computer. MS may make terrible software sometimes, but damn it, does Excel run the world.

Re: How to tame a user interface using a spreadsheet

#30
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 is to ui/ux what React is to FE.
Post reply on HN