Starting design work in a spreadsheet(clearleft.com) |
Starting design work in a spreadsheet(clearleft.com) |
My method is meant to expose the business rules. I start out with a single column, and I list every "rule" of the application. So something like "A user cannot export their dashboard without a premium account". Once I have a complete list, I go back and tease out any significant nouns and verbs.
So given the sentence "A user cannot export their dashboard without a premium account", the significant terms are "user", "export", "dashboard", and "premium account".
For each of these terms, I create a separate checkbox column and mark the checkbox if the rule applies to that term.
Once you've done this with enough rules, you'll start to see your domain model form. It exposes all sorts of inconsistencies in your rules and forces you to be very clear about how the application is expected to behave. It also forces you to clarify your language because there will be multiple terms that refer to the same concept, and part of the process is removing these duplications.
It's a great way to get clarity around your product before you start building out the experience.
The blue columns are nouns and the orange columns are verbs. Respectively I was calling these “domain entities” and “domain actions” since this process was inspired by DDD:
https://docs.google.com/spreadsheets/d/1qetSXVpiDKLEVt0hE6pk...
I translated that prototype into JavaScript to implement a somewhat complex web page that had a lot of interrelationships between inputs. This was back when "DHTML" had just become a term of art. It worked perfectly and I'll never forget when, months later in a meeting, a tester was asked if that part of the project was ready; she said "Yeah, he did it. I don't know how he did it but it works."
I keep thinking there is a need for some sort of "next level" spreadsheet software. There are a bunch of uncoordinated ideas in my head for what that would look like, and I haven't seen anything like it emerge yet.
Similarly, I have known many people who use powerpoint for design work. UI design, interior design, even blueprints/architectural drawings. It just works, everyone already has it.
My question is not particular to Excel of course, but you seem like an organized person so I figured I'd ask.
To put it another way, if you were to boil this down to a one-liner to a colleague, "investigate before developing" is useful advice and "use spreadsheets" is not.
Compared to the last couple days at work, where a previously existing dynamic(ish) table of contents in a word document is driving me absolutely batty with how it tries and/or fails to format lines as I edit them to reflect further changes to the document. I want to scream and tear my hair out, good god.
But seriously; I love working in a csv to start and then just parsing it into whatever go or rust or Python I’m working with when it comes times to scale it up further. A lot of MVPs would be better suited as a Google sheet shared between customers or friends.
This is very inconvenient for people who create template repositories. This becomes especially problematic, and makes me wonder what Github product managers are smoking really, that the big green "Use this template" only shows up on wide screen, if your browser is not wide enough the Github product team has decided to hide the most important button of the page.
I look forward to hearing from you
And as you mentioned, even PowerPoint click-through prototypes are valuable and familiar.
With 2D things like websites I still find sketching to be the best tool.
Ideally there would be a nice app that lets you sketch and create forks of sketches when certain things are pressed. balsamiq does this but the UX isn’t good enough imho.
I was looking to see if this scraping is a Sheets feature or something, but it's not clear if the author manually visited all of these pages and extracted all the headers.
"For this article I’ve used Screaming Frog to carry out the content scrape"