Share this page!

Adham Dannaway Profile picture
Twitter logo
Nov 21 • 4 tweets • 2 min read
⚡️ UI design tip - Use the inverted pyramid

The inverted pyramid is a writing structure in which the most important information is placed at the start, followed by supporting information and smaller background details.

Learn why it's great for interface text 👇

#uidesign #uxui Image
✅ It gets to the point quickly, helping people understand information and make decisions faster.

✅ People who quickly skim the first sentence will still get the main point.

✅ Additional information is there for those who need it.
📘 PS If you like this tip, you’ll like my UI design book.

It's being released on 28 Nov 2022 (8am ET) 🥳.

Subscribe to get a discount code once the book's released
👉 practical-ui.com
If you found this design tip useful:

🔁 Retweet the tweet below 👇 and follow me @AdhamDannaway

• • •

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

Keep Current with Adham Dannaway

Adham Dannaway 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 @AdhamDannaway

Adham Dannaway Profile picture
Nov 23
⚡️ UI design tip

I’ve been doing buttons wrong! 😱 Have you? 🤔

After nearly 2 decades looking at buttons, I've noticed that most of them have usability and accessibility issues.

Here are some quick and practical tips to avoid common mistakes 👇

#design #uidesign #uxdesign Image
✅ Define 3 buttons styles (primary, secondary and tertiary) to display actions of varying importance.

✅ Ensure buttons have a clear visual hierarchy that isn't reliant on colour alone.
✅ Ensure contrast ratio of the button shape is at least 3:1 to meet WCAG 2.1 level AA accessibility requirements.

✅ Ensure button text contrast ratio is at least 4.5:1.

✅ Use a large target area (at least 48pt by 48pt) to ensure people can easily select buttons.
Read 4 tweets
Adham Dannaway Profile picture
Nov 1
📍 Product/UX design methods mindmap

A handy guide to help you decide when to use what UX methods.

1️⃣ Understand
2️⃣ Define
3️⃣ Ideate
4️⃣ Execute
5️⃣ Validate

🧵 A thread

via @Mei_big_eyes #design #uxdesign #uxui #productdesign
1️⃣ Understand

In the understand phase, we put ourselves in the users’ shoes and understand their likes & dislikes, context, needs, pain points, etc.

Meanwhile, we learn about the business: What is the money-making model? What are the metrics to measure business success?
2️⃣ Define

In the Define phase, we work with the team, especially the product manager to discover problems and opportunities.

The ability to gather insights, synthesize data, and abstract input to a problem is very important.
Read 7 tweets
Adham Dannaway Profile picture
Sep 13
📌 21 Laws of UX

Best practice psychological principles to design more intuitive, human centred products and experiences.

By @JonYablonski

🧵 A thread
1. Aesthetic-Usability Effect

Users often perceive aesthetically pleasing design as design that’s more usable.
2. 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.
Read 24 tweets
Adham Dannaway Profile picture
Feb 7
⚡️ UI design tip - Decrease usability risks

Many of my design decisions are based on risk. The risk that someone could have difficulty using an interface.

In this example, we’ll fix elements that pose a potential risk to usability using practical UI design principles.

1/4 🧵 Image
❌ Usability risks

We’re not after subjective thoughts on aesthetics, but objective issues that could negatively affect usability and accessibility.

I've pointed out 8 potential risks to usability.

Next we'll fix them 👇 Image
✅ Updated design

Each design decision is supported by logical reasoning, so we’re not just relying on “gut feeling” or what looks pretty ✨.

Most of my design decisions are governed by simple, timeless design principles 👇 Image
Read 4 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 on Twitter!

Send Email!

:(