i've distilled everything i've written on userinterface.wiki into a single skill file.
119 rules across 11 categories across animations, timings, ux laws, typography, audio, and more.
npx skills add raphaelsalaja/userinterface-wiki
i've distilled everything i've written on userinterface.wiki into a single skill file.
119 rules across 11 categories across animations, timings, ux laws, typography, audio, and more.
npx skills add raphaelsalaja/userinterface-wiki
@JohnPhamous wanted to add a section on that for my short article but couldn't figure out a nice way of describing it, u nailed it perfectly. love the psychological side of ui like this.
userinterface.wiki/laws-of-ux
@AlexanderTrefz you can put two icon buttons beside each other, you would just make their internal hit area be big enough for easy interactions.
this example above is just one of many ways you can add affordances to interactive elements, it’s not the be all and end all.
@raphaelsalaja How on earth is this supposed to be practical?
This means i cant put 2 icon buttons next to each other anymore, as their invisible hit area would overlap. This is just useless.
Fitts's Law
- The time required to move to a target is a function of the target's size and distance from the starting point
We can use this law in our interactive element's by increasing their hit areas to make them easier to click.
@raphaelsalaja@MIT So cool Raphael! I got my startup bug at the Martin Trust Center in the summer of 2010, awesome seeing you sharing the design-engineering inspo there!
We just bought warp (dot) co for $100K.
I debated this decision for months. Most of our team thought it was too expensive.
We've been running the company on joinwarp (dot) com since we started. I still remember when I hit purchase on that domain – a total of $12.99. It was the night before our YC batch started.
I didn't have a logo. I didn't have a customer. I barely had a product.
Since then, that domain has processed over $500M in transactions.
We've grown revenue 5x, two years in a row, on track for a third. Our team has tripled in just the last 4 months.
So today, we're upgrading the domain.
Our customers trust us with one of the most critical pieces of their business infrastructure – their employee management.
A 4-letter domain is worth it. We're here for the long-term.
This year, the foundation we spent two years building is compounding. Pipeline is the strongest it's ever been. We're signing customers faster than we can hire. Shipping new capabilities every single week.
2 years ago, it was a $12.99 domain and a thesis.
Today, it’s warp (dot) co
Calligraph v1.1.1 — calligraph.raphaelsalaja.com
- new number type for rolling animations
- additional animation variants inspired by iOS
try it out — npm i calligraph