Jim Raptis Profile picture
May 3, 2021 8 tweets 3 min read Read on X
7 Powerful UX Laws explained for normal people. Jargon-free!

A visual thread
Hick's Law

"The time it takes to make a decision increases with the number and complexity of choices"

Remove or hide non important actions. People want to complete their task in no time, without thinking.
Fitts's Law

"The time to acquire a target is a function of the distance to and size of the target"

Always place your CTA in the right place, without distracting the user's flow. Not too early. Not too far away.
Jakob’s Law

"Users spend most of their time on other sites. This means that users prefer your site to work the same way as all the other sites they already know"

Always make sure that your important elements are in the right position.
Miller’s Law

"The average person can only keep 7 (plus or minus 2) items in their working memory"

Don't overwhelm people with choices. Display only the necessary amount of information bc the human brain has limits.
Law of Proximity

"Objects that are near, or proximate to each other, tend to be grouped together"

Group together relevant elements to help people understand information quicker & more efficient
Von Restorff Effect

"It predicts that when multiple similar objects are present, the one that differs from the rest is most likely to be remembered"

Highlight only your main CTA elements to drive attention to them.
Doherty Threshold

"Productivity soars when a computer and its users interact at a pace (<400ms) that ensures that neither has to wait on the other"

Limit loading interactions under 400ms or make them enjoyable (eg. progress bar, facts) when it's not possible.

• • •

Missing some Tweet in this thread? You can try to force a refresh
 

Keep Current with Jim Raptis

Jim Raptis Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @d__raptis

Mar 10, 2022
Marketing can be confusing, boring, and abstract for technical founders

That's why I compiled a list of actionable marketing actions 👇
- Write a blog post
- Create memes about your customer pains
- Write tweets/threads related to your customer pains
- Optimize your landing page for conversions
- Improve your website SEO
- Add a sharable section on your landing page
- Add a share feature on your product
...
- Engage with communities on Slack, Reddit, FB, etc
- Start a community around your product
- Talk with your best users
- Create onboarding email sequences
- Create drip email campaigns for your product
- Run giveaways for your users/audience
- Create a help center
...
Read 6 tweets
Jan 24, 2022
It's so simple guys!

1. Start a SaaS
2. Grow it to 100k MRR
3. Sell it for millions

Why do 99,98% of founders don't do it?!

A thread
Tip #1:

Between 1 and 2 do absolutely nothing!

MRR grows on its own if you pray often

PS. Thank me later folks!
Tip #2 (for first-time founders):

If you start from scratch (aka $0 capital) reaching even 1k MRR is dead-simple

Just two customers of $500/m (or four of $250/m if you love challenges)

I'm sure you didn't think of it before.
Read 6 tweets
Dec 27, 2021
I use React to build indie products that have millions of users.

During the past 7 years, I've learned a couple of "secret" truths that helped me build faster, and create better products.

Here're the top 5 learnings
1. Create boilerplate templates

If you create multiple projects either as a freelancer or an indie hacker, you need to have a quick start boilerplate template.

Abstract your core tech stack & architecture to a repo you can re-use

It saves a TON of time. Trust me.
Extend the rule above to create helper functions you can re-use to other projects as well.

eg. array handlers, data fetchers, etc.
Read 9 tweets
Jun 9, 2021
10 UI Tips From Real Life Landing Pages 🚀

A visual thread
1. Iterspace by @ikoichi

Place your CTA button near your social proof.

According to Fitts's law, acquire a target (aka hitting CTA) is a function of the distance (place it at the correct point during the user flow) to and size of the target (make it big & prominent enough).
2. InMyBio by @cchana

Don't overdo it with gradients & colors.

Keep it simple and highlight + keep accessible your important elements (CTA, text) not your background.

Before using a gradient (or color) make sure your texts are readable and your CTA stands out.
Read 13 tweets
Jun 8, 2021
How NOT to be a creator in 2021 [Real Story]

1. Ask to be an affiliate partner
2. Beg for a free copy
3. Rip off the product & the landing page

Why? 👇
1. Kills relationships

No one trusts a copycat. You kill all your connections for a few extra bucks?! Dump.

Being a successful creator is >70% about building honest, healthy relationships with customers and (especially) with fellow creators.
2. Waste of time

It's always a waste of time. Especially when you rip off an info product.

Most people buy info products to have potential access to the creators themselves.

They care about their opinion and their insights that's why people buy their product.
Read 5 tweets
Jun 2, 2021
How to Design a Better Cta Button 👊

Quick Tutorial
Let's start with this simple button.

⚠️ Disclaimer:
You can build a decent business with the exact same button. But if you want to WOW your users, follow the next tips to make your CTA stand out...
1. Add Padding

Saying it again (without feeling any guilt):

"Whitespace is your best design pal."

💡Rule of thumb:

Set the horizontal padding equal to x2 the vertical one.

You can always use other formulas but that's a quick way to make it look visually nice.
Read 10 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Don't want to be a Premium member but still want to support us?

Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Follow Us!

:(